File: /home/fliyingp/domains/fliyingpigeon.hk/public_html/wp-content/themes/ocean-theme/footer.css
.footer {
background: #121212;
padding-bottom: 48px;
}
.footer__content {
display: flex;
flex-flow: column;
gap: 84px;
padding-bottom: 32px;
}
.footer__head {
padding: 28px 0;
}
.footer__head svg {
width: 30%;
height: auto;
}
.footer__body {
padding: 0;
display: flex;
flex-flow: row;
}
.footer__body-right {
display: flex;
flex-flow: column;
gap: 28px;
max-width: 30%;
width: 100%;
align-items: flex-end;
}
.footer__body-right .footer__contacts-link {
margin-left: 10px;
}
.footer__social-media {
display: flex;
flex-flow: row;
gap: 8px;
}
.footer__social-media img {
width: 40px;
height: 40px;
aspect-ratio: 1;
}
.footer__body-left {
display: flex;
flex-flow: column;
gap: 8px;
max-width: 40%;
width: 100%;
}
.footer__contacts-block {
display: flex;
flex-flow: column;
gap: 8px;
}
.footer__contacts-link {
display: flex;
flex-flow: row;
align-items: center;
gap: 8px;
font-family: Geist;
font-weight: 400;
font-size: 18px;
line-height: 120%;
letter-spacing: 0.5px;
text-align: center;
text-decoration: none;
color: #A0A09F;
}
.footer__contacts-link svg {
fill: #fff;
}
.footer__body-middle {
display: flex;
flex-flow: row;
gap: 28px;
max-width: 30%;
width: 100%;
}
.footer__body-middle-list {
display: flex;
flex-flow: column;
gap: 8px;
}
.footer__body-middle-list a {
font-family: Geist;
font-weight: 400;
font-size: 18px;
line-height: 120%;
letter-spacing: 0.5px;
text-align: left;
text-decoration: none;
color: #A0A09F;
}
.footer__body-middle-list p {
font-family: Geist;
font-weight: 400;
font-size: 14px;
line-height: 120%;
letter-spacing: 0.5px;
text-align: left;
text-decoration: none;
color: #fff;
}
.footer__bottom {
padding: 0;
display: flex;
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
}
.footer__bottom-middle {
display: flex;
flex-flow: column;
gap: 16px;
flex-grow: 1;
}
.footer__bottom-middle-title {
font-family: Geist;
font-weight: 400;
font-size: 18px;
line-height: 120%;
letter-spacing: -0.4%;
color: #fff;
}
.footer__up-btn {
display: flex;
justify-content: center;
align-items: center;
padding: 11px 24px;
border: 1px solid #A0A09F;
border-radius: 30px;
cursor: pointer;
transition: 0.3s ease;
}
.footer__up-btn svg path {
transition: 0.3s ease;
}
.footer__up-btn:hover {
background: #fff;
}
.footer__up-btn:hover svg path {
fill: #A0A09F;
}
.footer__form {
display: flex;
gap: 8px;
}
.footer__input-container {
padding: 5px 20px;
border-radius: 20px;
border: 1px solid #A0A09F;
}
.footer__input-container input {
font-family: Geist;
font-weight: 500;
font-size: 12px;
line-height: 130%;
letter-spacing: 0%;
vertical-align: middle;
color: #fff;
background: transparent;
outline: none;
box-shadow: none;
border: none;
height: 30px;
}
.footer__input-container input::-moz-placeholder {
color: #A0A09F;
}
.footer__input-container input::placeholder {
color: #A0A09F;
}
.footer__submit {
display: none;
}
.footer__custom-submit {
padding: 11px 24px;
border-radius: 30px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: 0.3s ease;
border: 1px solid #fff;
}
.footer__custom-submit svg path {
transition: 0.3s ease;
}
.footer__custom-submit:hover {
background: transparent
}
.footer__custom-submit:hover svg path {
fill: #fff;
}
.footer .wpcf7-spinner {
display: none;
}
.footer__phone {
font-family: Geist;
font-weight: 400;
font-size: 28px;
line-height: 110%;
letter-spacing: -0.8%;
text-decoration: none;
color: #fff;
display: inline-block;
}
.copyright {
background: #121212;
border-top: 1px solid rgb(255 251 251 / 12%);
}
.copyright__content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 16px;
padding: 0.8rem 0;
font-family: Geist;
font-weight: 400;
font-size: 12px;
line-height: 125%;
letter-spacing: 0%;
color: #A0A09F;
}
.copyright__content a {
color: #fff;
}
.footer__bottom-left {
max-width: 40%;
width: 100%;
}
@media (max-width: 1024px) {
.footer__content {
gap: 28px;
padding-top: 28px;
position: relative;
}
.footer__head {
padding: 0;
}
.footer__body {
flex-flow: column;
padding: 0;
gap: 28px;
align-items: flex-start;
}
.footer__body-left {
gap: 16px;
max-width: 100%;
}
.footer__body-middle {
flex-flow: column;
gap: 12px;
max-width: 100%;
}
.footer__body-middle-list {
gap: 8px;
}
.footer__body-right {
max-width: 100%;
align-items: flex-start;
}
.footer__bottom {
padding: 0;
position: absolute;
width: -moz-fit-content;
width: fit-content;
bottom: 24px;
right: 24px;
}
.footer__bottom-left {
display: none;
}
.footer__bottom-middle.d-l {
display: none;
}
.footer__up-btn {
position: absolute;
bottom: 0;
right: 0;
width: -moz-fit-content;
width: fit-content;
}
.footer__input-container input {
width: 100%;
}
.footer__contacts-block {
gap: 12px;
}
.footer__form {
max-width: 100%;
}
}/*# sourceMappingURL=footer.css.map */