| Server IP : 146.59.209.152 / Your IP : 216.73.216.25 Web Server : Apache System : Linux webm009.cluster131.gra.hosting.ovh.net 6.18.42-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Wed Aug 5 15:59:48 CEST 2026 x86_64 User : monpetu ( 144298) PHP Version : 7.4.33 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/monpetu/www/leoreno.fr/wp-content/themes/buildexo/assets/scss/layout/ |
Upload File : |
.footer-gallery {
margin-top: -70px;
z-index: 1;
position: relative;
@include respond(md) {
justify-content: center;
}
@include respond(lg) {
margin-top: -50px;
}
&__item {
width: 14.28%;
position: relative;
@include respond(md) {
width: 25%;
}
@include respond(xs) {
width: 50%;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}
&:hover a {
top: 50%;
@include transform(translate(-50%, -50%));
opacity: 1;
transition-delay: .1s;
}
&:hover::before {
opacity: 0.77;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
&::before {
content: "";
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
background-color: var(--color-primary);
opacity: 0;
@include transition(0.3s cubic-bezier(0.24, 0.74, 0.58, 1));
}
a {
position: absolute;
top: 60%;
left: 50%;
@include transform(translate(-50%, -50%));
font-size: 22px;
color: var(--color-white);
display: inline-block;
@include transition(.3s);
opacity: 0;
}
}
}
.footer {
&__top {
border-bottom: 1px solid #412763;
}
&__top-left {
border-right: 1px solid #412763;
padding: 40px 0;
padding-right: 65px;
@include respond(md) {
padding: 30px 0;
border: 0;
padding-right: 0;
}
}
&__cta {
i {
width: 50px;
height: 50px;
margin-right: 19px;
display: flex;
align-items: center;
justify-content: center;
@include border-radius(50%);
background-color: var(--color-white);
font-size: 18px;
color: var(--color-primary);
}
}
&__cta-holder {
span {
font-size: 17px;
font-weight: 700;
font-family: var(--font-heading);
color: var(--color-primary);
}
h3 {
color: var(--color-white);
font-size: 19px;
}
}
&__social {
a {
color: var(--color-white);
font-size: 18px;
&:not(:last-child) {
margin-right: 20px;
}
}
}
&__top-right {
padding-left: 70px;
margin-top: -20px;
@include respond(lg) {
padding-left: 30px;
}
@include respond(md) {
padding-left: 0;
padding-bottom: 30px;
}
h3 {
font-size: 19px;
color: var(--color-white);
margin-top: 20px;
}
}
&__newsletter {
max-width: 400px;
width: 100%;
position: relative;
margin-top: 20px;
@include respond(lg) {
max-width: 340px;
}
input {
background-color: #200b3a;
height: 57px;
color: var(--color-white);
@include placeholder(#54357d);
border: 0;
@include border-radius(40px);
padding: 10px 40px;
margin-bottom: 0;
}
button {
position: absolute;
top: 0;
right: 0;
color: var(--color-white);
height: 100%;
background-color: #301256;
font-weight: 700;
padding: 10px 33px;
@include border-radius(30px);
}
}
&__about {
p {
font-size: 18px;
color: var(--color-white);
line-height: 28px;
}
.payment-img {
margin-left: -22px;
}
}
&__links-wrap {
padding-left: 40px;
@include respond(xs) {
padding-left: 0;
}
}
&__widget {
.widget-title {
color: var(--color-white);
font-size: 22px;
font-weight: 800;
margin-bottom: 30px;
text-decoration: underline;
}
.widget-heading {
span {
color: var(--color-primary-2);
display: inline-block;
margin-bottom: 5px;
}
h3 {
font-size: 22px;
font-weight: 600;
font-family: var(--font-teko);
text-transform: uppercase;
color: var(--color-white);
}
}
}
&__link {
li {
&:not(:last-child) {
margin-bottom: 19px;
}
a {
color: var(--color-white);
font-size: 17px;
}
}
}
&__copyright-text {
color: var(--color-white);
font-size: 15px;
padding: 25px 0;
position: relative;
border-top: 1px solid #371d59;
a {
color: currentColor;
}
}
&__info {
li {
font-size: 22px;
font-weight: 400;
color: #bbbbbb;
text-transform: uppercase;
font-family: var(--font-teko);
display: flex;
align-items: center;
&:not(:last-child) {
margin-bottom: 10px;
}
i {
width: 35px;
height: 35px;
@include border-radius(50%);
border: 1px solid #353742;
font-size: 14px;
color: var(--color-white);
margin-right: 13px;
display: flex;
align-items: center;
justify-content: center;
@include transition(.3s);
}
&:hover i {
background-color: #16171e;
}
}
}
&__gallery {
display: flex;
flex-wrap: wrap;
max-width: 285px;
li {
width: 33.333%;
}
}
&__widget-blog {
padding-left: 34px;
margin-right: -40px;
@include respond(md) {
padding-left: 0;
margin-right: 0;
}
}
&__widget-link {
padding-left: 65px;
@include respond(md) {
padding-left: 0;
}
}
&__copyright-wrap {
background-color: #111219;
.footer__copyright-text {
border: 0;
padding: 17px 0;
}
}
&__contact-info {
li {
font-size: 16px;
color: #e9e9e9;
&:not(:last-child) {
margin-bottom: 12px;
}
span {
color: var(--color-primary);
font-weight: 700;
margin-right: 5px;
}
}
}
&__instagram {
text-align: right;
margin-top: -160px;
margin-bottom: -75px;
z-index: 2;
position: relative;
@include respond(md) {
margin-top: 30px;
}
}
&__instagram-item {
&:nth-child(2) {
margin-right: -20px;
.icon {
position: absolute;
top: 17px;
right: 33px;
}
}
.icon {
position: absolute;
top: 17px;
right: 17px;
}
}
}
.footer-cta {
padding: 50px 70px 50px 90px;
margin-top: -105px;
z-index: 1;
position: relative;
@include border-radius(6px);
overflow: hidden;
@include respond(xs) {
padding: 40px;
}
&__inner {
margin-top: -10px;
}
&__title {
font-size: 45px;
margin-top: 10px;
color: var(--color-white);
line-height: 45px;
@include respond(xs) {
font-size: 30px;
line-height: 35px;
}
}
a {
margin-top: 10px;
}
}
.footer-style-two {
.footer__about p {
font-size: 16px;
color: #bbbbbb;
line-height: 25px;
}
}
.blog-widget {
&__item {
&:not(:last-child) {
margin-bottom: 15px;
}
.thumb {
@include border-radius(10px);
overflow: hidden;
background-color: var(--color-primary-2);
padding-right: 3px;
margin-right: 23px;
width: 88px;
img {
@include border-radius(10px);
}
}
.content {
width: calc(100% - 111px);
span {
font-size: 12px;
color: var(--color-primary-2);
display: inline-block;
line-height: 1;
}
h3 {
color: #dddddd;
font-size: 24px;
line-height: 25px;
text-transform: uppercase;
@include respond(lg) {
font-size: 17px;
line-height: 22px;
}
a {
color: inherit;
}
}
}
}
}
.footer-link {
li {
&:not(:last-child) {
margin-bottom: 18px;
}
a {
font-size: 22px;
font-family: var(--font-teko);
font-weight: 300;
color: #bbbbbb;
&:hover {
color: var(--color-primary-2);
}
i {
margin-right: 6px;
font-size: 13px;
@include transform(translateY(-3px));
}
}
}
}
.footer-style-three {
.footer__about {
p {
font-size: 17px;
color: #e9e9e9;
line-height: 28px;
margin-bottom: 20px;
}
}
.footer-social {
display: flex;
align-items: center;
a {
width: 48px;
height: 48px;
@include border-radius(50%);
border: 1px solid #141414;
font-size: 16px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
&:hover {
background-color: var(--color-primary);
border-color: var(--color-primary);
}
&:not(:last-child) {
margin-right: 9px;
}
}
}
.footer__widget {
margin-top: 60px;
.widget-title {
margin-bottom: 18px;
}
}
.footer__link {
li {
&:not(:last-child) {
margin-bottom: 12px;
}
}
}
.footer__widget-link {
padding-left: 20px;
@include respond(xs) {
padding-left: 0;
}
}
.footer-copyright {
font-size: 16px;
color: #fff;
font-weight: 600;
padding-bottom: 45px;
position: relative;
&::before,
&::after {
position: absolute;
top: 16px;
width: calc(100% - 300px);
height: 2px;
content: "";
background-color: #1d1d1d;
right: 0;
}
&::after {
background-color: var(--color-primary);
width: 92px;
left: 0;
right: auto;
left: 300px;
}
}
}