AIPT/cn/css/module-css/footer.css
2024-10-29 03:42:53 +00:00

271 lines
4.8 KiB
CSS

/***
====================================================================
Main Footer
====================================================================
***/
.main-footer {
position: relative;
z-index: 1;
}
.main-footer__shape-1 {
position: absolute;
bottom: -115px;
right: 170px;
width: 659px;
height: 304px;
background: linear-gradient(260deg, #00E3F2 5.55%, #FF9B00 32.85%, #F00 57.49%, #BD00FF 86.75%);
opacity: 0.1;
filter: blur(75px);
z-index: -1;
}
.main-footer__top {
position: relative;
display: block;
padding: 75px 0 0;
}
.main-footer__top .container {
max-width: 1125px;
}
.footer-widget__title-box {
position: relative;
display: block;
margin-bottom: 10px;
}
.footer-widget__title {
position: relative;
display: block;
font-size: 24px;
color: var(--thm-white);
font-weight: 500;
}
.footer-widget__about {
position: relative;
display: block;
}
.footer-widget__logo {
position: relative;
display: block;
margin-bottom: 13px;
}
.footer-widget__about-text {
font-size: 14px;
line-height: 24px;
}
.footer-widget__company {
position: relative;
display: block;
}
.footer-widget__company-list-box {
position: relative;
display: block;
}
.footer-widget__company-list {
position: relative;
display: block;
}
.footer-widget__company-list li {
position: relative;
display: block;
}
.footer-widget__company-list li+li {
margin-top: 8px;
}
.footer-widget__company-list li a {
position: relative;
display: inline-block;
font-size: 14px;
color: var(--thm-gray);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.footer-widget__company-list li a:hover {
color: var(--thm-gradient-color2);
padding-left: 10px;
}
.footer-widget__resources {
position: relative;
display: block;
}
.footer-widget__resources-list-box {
position: relative;
display: block;
}
.footer-widget__resources-list {
position: relative;
display: block;
}
.footer-widget__resources-list li {
position: relative;
display: block;
}
.footer-widget__resources-list li+li {
margin-top: 8px;
}
.footer-widget__resources-list li a {
position: relative;
display: inline-block;
font-size: 14px;
color: var(--thm-gray);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.footer-widget__resources-list li a:hover {
color: var(--thm-gradient-color2);
padding-left: 10px;
}
.footer-widget__newsletter {
position: relative;
display: block;
margin-left: 19px;
}
.footer-widget__email-form {
position: relative;
display: block;
padding-top: 8px;
}
.footer-widget__email-box {
position: relative;
display: block;
}
.footer-widget__email-input-box {
position: relative;
display: block;
}
.footer-widget__email-input-box input[type="email"] {
width: 100%;
height: 50px;
outline: none;
border: 1px solid #4B4B70;
background-color: #0F0F24;
border-radius: var(--thm-border-radius);
font-size: 14px;
color: var(--thm-gray);
padding-left: 25px;
padding-right: 100px;
}
.footer-widget__btn {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 90px;
border: none;
background-color: var(--thm-gradient-color2);
font-size: 15px;
color: var(--thm-white);
border-top-right-radius: var(--thm-border-radius);
border-bottom-right-radius: var(--thm-border-radius);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.footer-widget__btn:hover {
background-color: var(--thm-base);
}
.site-footer__social {
position: relative;
display: flex;
align-items: center;
margin-top: 20px;
}
.site-footer__social a {
position: relative;
display: flex;
align-items: center;
font-size: 18px;
color: #747694;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.site-footer__social a:hover {
color: var(--thm-gradient-color2);
}
.site-footer__social a+a {
margin-left: 20px;
}
.main-footer__bottom {
position: relative;
display: block;
padding: 67px 0 22px;
}
.main-footer__bottom .container {
max-width: 1125px;
}
.main-footer__bottom-inner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.main-footer__bottom-text {
color: var(--thm-gray);
}
.main-footer__bottom-text a {
color: var(--thm-white);
}
.main-footer-two .footer-widget__company-list li a:hover {
color: var(--thm-extra);
}
.main-footer-two .footer-widget__resources-list li a:hover {
color: var(--thm-extra);
}
.main-footer-two .footer-widget__btn {
background-color: var(--thm-extra);
}
.main-footer-two .footer-widget__btn:hover {
background-color: var(--thm-base);
}
.main-footer-two .site-footer__social a:hover {
color: var(--thm-extra);
}
/* End */