271 lines
4.8 KiB
CSS
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 */ |