/*--------------------------------------------------------------*/ /* Footer Section /*--------------------------------------------------------------*/ .footer { position: relative; background-color: #0c3356; /*margin-top: 55px;*/ border-top: 2px solid; padding-top: 5rem; } .footer::before { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(0, 9, 15, 0.8) } .site-footer { background-color: transparent; position: relative; } .social-btns { height: auto; /* margin: auto; */ font-size: 0; text-align: center; position: absolute; top: -50px; bottom: 0; left: 0; right: 0; } .social-btns .btn { display: inline-block; background-color: #fff; width: 90px; height: 90px; line-height: 90px; margin-left: 25px; text-align: center; position: relative; overflow: hidden; border-radius: 100%; box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.2); opacity: 0.99; } .social-btns .btn i { font-size: 38px; } .social-btns .btn i { -webkit-transform: scale(0.8); transform: scale(0.8); } .social-btns .btn, .social-btns .btn:before, .social-btns .btn i { transition: all 0.35s; transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59); } .border-box { position:relative; } .border-box:after { height: 350px; position: absolute; width: 4px; border-right: 20px white; content: ''; top: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .border-box:before { height: 350px; position: absolute; width: 4px; border-left: 20px white; content: ''; top: 0; right:0; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } /*--------------------------------------------------------------*/ /* Footer Widget Section /*--------------------------------------------------------------*/ .footer .container-full { padding: 0 5%; } .site-footer .widget { margin: 0 0 50px; padding: 0; } .site-footer .widget .widget-title { color: #ffffff; border: none; margin: 0 0 30px; padding: 0; font-weight: 600; word-wrap: break-word; } .site-footer .widget .widget-title:after { display: none; } .site-footer .widget ul li, .site-footer .widget ul li a { color: #fff; } .site-footer .widget_rss a { color: #fff; } .site-footer .widget_calendar table { color: #fff; } .site-footer .widget #calendar_wrap th { color: #fff; line-height: 1.75 !important; } .site-footer .widget_calendar .wp-calendar-nav span a { color: #fff; } .site-footer .widget_search { background: none; } .site-footer p, .site-footer .widget address > a, .site-footer .widget address > p > a, .site-footer .widget .post .entry-title a { color: #e0e0e0; } .site-footer .widget .post { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .site-footer .widget .tagcloud a { background-color: #1d2125; border: 1px solid #333; color: #e0e0e0; } .site-footer .widget .widget-title img { max-width:5%; } .site-footer .twitter-feed-widget ul li + li { padding-top: 14px; margin-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.2) } .site-footer .twitter-feed-widget p { margin: 0 0 20px } .social-btns .btn:focus:before, .social-btns .btn:hover:before { top: -10%; left: -10%; } .social-btns .btn:before { background-color: #FF4081; } .social-btns .btn:before { content: ''; width: 120%; height: 120%; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .social-btns .btn:before { top: 90%; left: -110%; } .social-btns .btn, .social-btns .btn:before, .social-btns .btn i { transition: all 0.35s; transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59); } .social-btns .btn:focus i, .social-btns .btn:hover i { color: #fff; -webkit-transform: scale(1); transform: scale(1); } /*--------------------------------------------------------------*/ /* Footer Social links /*--------------------------------------------------------------*/ /*--------------------------------------------------------------*/ /* Footer Copyrights - Site Info /*--------------------------------------------------------------*/ .footer-copyrights { background-color: #00090f; border-top: 1px solid rgba(255, 255, 255, 0.1); } .site-info { padding: 30px 0; font-size: 0.938rem; text-align: center; color: #fff; } .site-info p { color: #cccfd2; margin: 0; padding: 0; } .site-info a { color: #FF4081; }