.footer-area {
background-color: #f9f9f9;
position: relative;
z-index: 1;
overflow: hidden;
}
.footer-top-box {
border-bottom: 1px solid #f2f1f1;
padding-bottom: 100px;
margin-bottom: 100px;
}
.footer-top-box .footer-widget-social {
padding: 0;
margin-bottom: 0;
}
.footer-top-box .footer-widget-social li {
display: inline-block;
list-style-type: none;
margin-right: 20px;
}
.footer-top-box .footer-widget-social li:last-child {
margin-right: 0;
}
.footer-top-box .footer-widget-social li a i {
font-size: 22px;
color: var(--black-color);
-webkit-transition: var(--transition);
transition: var(--transition);
position: relative;
top: 2px;
}
.footer-top-box .footer-widget-social li a i:hover {
color: var(--mainColor);
}
.single-footer-widget {
margin-bottom: 25px;
position: relative;
}
.single-footer-widget p {
margin-bottom: 0;
}
.single-footer-widget .widget-signature {
margin-top: 20px;
margin-bottom: 25px;
}
.single-footer-widget .widget-info h4 {
font-size: 20px;
margin-bottom: 8px;
}
.single-footer-widget .widget-info span {
font-size: var(--font-size);
color: var(--paragraph-color);
font-weight: 400;
}
.single-footer-widget .widget-shape {
position: absolute;
right: 0;
bottom: 20px;
}
.single-footer-widget h3 {
font-size: 22px;
margin-bottom: 20px;
font-weight: 600;
}
.single-footer-widget ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
}
.single-footer-widget ul li {
color: var(--paragraph-color);
font-weight: 400;
font-size: var(--font-size);
margin-bottom: 15px;
}
.single-footer-widget ul li a {
display: inline-block;
color: var(--paragraph-color);
font-weight: 400;
font-size: var(--font-size);
}
.single-footer-widget ul li a:hover {
color: var(--mainColor);
letter-spacing: 1px;
}
.single-footer-widget ul li:last-child {
margin-bottom: 0;
}
.single-footer-widget ul li span {
color: var(--black-color);
}
.single-footer-widget .footer-information {
position: relative;
padding-left: 70px;
margin-top: 25px;
}
.single-footer-widget .footer-information i {
display: inline-block;
height: 55px;
width: 55px;
line-height: 55px;
background-color: var(--mainColor);
color: var(--white-color);
text-align: center;
font-size: 25px;
border-radius: 50px;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: var(--transition);
transition: var(--transition);
}
.single-footer-widget .footer-information span {
font-size: var(--font-size);
font-weight: 400;
color: var(--optional-color);
display: block;
margin-bottom: 10px;
}
.single-footer-widget .footer-information a {
font-size: 18px;
font-weight: bold;
font-family: var(--heading-font-family);
}
.single-footer-widget .footer-information a:hover {
color: var(--mainColor);
}
.single-footer-widget .footer-information:hover i {
background-color: var(--optional-color);
}
.footer-shape-1 {
position: absolute;
left: 25px;
bottom: 30px;
z-index: -1;
}
.footer-shape-2 {
position: absolute;
right: 25px;
bottom: 30px;
z-index: -1;
}
.copyright-area {
margin-top: 75px;
padding-bottom: 35px;
}
.copyright-area .copyright-area-content {
border-top: 1px solid #f2f1f1;
padding-top: 30px;
text-align: center;
}
.copyright-area .copyright-area-content a {
display: inline-block;
font-weight: bold;
color: var(--mainColor);
}
.copyright-area .copyright-area-content a:hover {
color: var(--optional-color);
}
.copyright-area .copyright-area-content p {
font-weight: 400;
}
.copyright-area .copyright-area-content p a {
display: inline-block;
font-weight: bold;
color: var(--mainColor);
}
.copyright-area .copyright-area-content p a:hover {
color: var(--optional-color);
}
@media only screen and (max-width: 767px) {
.footer-top-box {
padding-bottom: 45px;
margin-bottom: 45px;
}
.footer-top-box .footer-widget-social li {
margin-right: 5px;
}
.footer-top-box .footer-widget-social li a i {
font-size: var(--font-size);
}
.single-footer-widget.ps-5 {
padding-left: 0 !important;
}
.single-footer-widget.ps-3 {
padding-left: 0 !important;
}
.single-footer-widget .widget-info h4 {
font-size: 18px;
}
.single-footer-widget .widget-info span {
font-size: 14px;
}
.single-footer-widget h3 {
font-size: 20px;
}
.single-footer-widget .widget-shape {
display: none;
}
.copyright-area {
margin-top: 25px;
}
.footer-shape-1 {
display: none;
}
.footer-shape-2 {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-top-box {
padding-bottom: 70px;
margin-bottom: 70px;
}
.single-footer-widget.ps-5 {
padding-left: 0 !important;
}
.single-footer-widget.ps-3 {
padding-left: 0 !important;
}
.single-footer-widget .widget-info span {
font-size: 14px;
}
.single-footer-widget .widget-shape {
display: none;
}
.copyright-area {
margin-top: 45px;
}
.footer-shape-1 {
max-width: 85px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single-footer-widget .widget-shape {
display: none;
}
.single-footer-widget .footer-information a {
font-size: 15px;
}
}