Files
drmaterac.pl/themes/leo_gstore/assets/css/components/footer.css
2025-01-06 20:47:25 +01:00

346 lines
9.5 KiB
CSS

/***************************************************
Mixins Themes
/***************************************************/
/* Mixin Normal*/
/* Mixin Clear */
/* Mixin Border */
/*background RGBA
============================================*/
/***************************************************
Mixins RTL Themes
/***************************************************/
/************************************
Override Bootstrap
*************************************/
/**
* Web Application Prefix Apply For Making Owner Styles
*/
/**
* Blocks Layout Selectors
*/
/***********************************************************************/
.footer-center .inner {
border-top: 1px solid #eee;
padding-top: 50px; }
@media (max-width: 991px) {
.footer-center .inner {
padding-top: 30px; } }
@media (max-width: 767px) {
.footer-container .title[aria-expanded="true"] .navbar-toggler {
padding: 0; }
.footer-container .title[aria-expanded="true"] .navbar-toggler .remove {
display: inline-block; }
.footer-container .title[aria-expanded="true"] .navbar-toggler .add {
display: none; }
.footer-container .title .navbar-toggler {
padding: 0; }
.footer-container .title .navbar-toggler .remove {
display: none; } }
.footer-container .title .float-xs-right {
float: right; }
.rtl .footer-container .title .float-xs-right {
float: left; }
@media (min-width: 768px) {
.footer-container .title .float-xs-right {
display: none; } }
.footer-container .ApColumn .title_block {
margin: 0 0 15px;
text-transform: uppercase;
padding: 0 !important;
font-size: 14px; }
@media (max-width: 767px) {
.footer-container .ApColumn .title_block {
margin: 0;
display: inline-block; } }
.footer-container .ApColumn .title_block:before {
display: none; }
@media (min-width: 768px) {
.footer-container .ApBlockLink .collapse {
display: block; }
.footer-container .ApBlockLink ul {
height: auto !important; } }
.footer-container .ApBlockLink a {
color: #999;
display: block;
text-transform: capitalize;
line-height: 20px;
padding: 12px 0;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.footer-container .ApBlockLink a:hover {
color: #5cd468;
padding-left: 10px; }
.rtl .footer-container .ApBlockLink a:hover {
padding-right: 10px;
padding-left: inherit; }
@media (min-width: 768px) {
.footer-container .ApBlockLink .list-group {
height: auto !important;
display: block !important; } }
.col-footer-img {
margin: 0 -15px;
overflow: hidden; }
@media (max-width: 991px) {
.col-footer-img {
margin: 0 -7px; } }
.col-footer-img .ApImage {
float: left;
padding: 0 15px;
width: 50%; }
.rtl .col-footer-img .ApImage {
float: right; }
@media (max-width: 991px) {
.col-footer-img .ApImage {
padding: 0 7px;
width: auto; } }
.col-footer-img .ApImage a {
display: block; }
.col-footer-img .ApImage img {
max-width: 100%; }
.col-footer-img .ApImage .title_block {
height: 30px;
white-space: nowrap;
margin-bottom: 35px;
max-width: 200px; }
@media (max-width: 991px) {
.col-footer-img .ApImage .title_block {
margin-bottom: 15px; } }
.col-footer-img .ApImage:nth-child(2) {
margin-top: 65px; }
@media (max-width: 991px) {
.col-footer-img .ApImage:nth-child(2) {
margin-top: 45px; } }
@media (max-width: 400px) {
.col-footer-img .ApImage:nth-child(2) {
margin-top: 0;
clear: both; } }
.col-footer-img .ApImage:last-child {
clear: both;
width: 100%; }
.col-footer-img .ApImage:last-child .title_block {
width: auto;
height: auto;
display: block; }
.footer-bottom {
padding-top: 30px; }
@media (max-width: 991px) {
.footer-bottom {
padding-top: 15px; } }
.footer-bottom .inner {
padding-top: 30px;
border-top: 1px solid #eee; }
.footer-bottom .ApHtml {
line-height: 20px;
color: #999; }
@media (max-width: 991px) {
.footer-bottom .ApHtml {
text-align: center; } }
.footer-bottom .ApHtml strong {
color: #000;
display: block;
text-transform: uppercase; }
.footer-bottom .ApHtml p {
margin-bottom: 0; }
.block_newsletter .title_block {
display: none; }
.block_newsletter form {
position: relative;
border: 1px solid #eee;
padding: 0 50px 0 20px;
height: 42px;
border-radius: 21px;
background: #fff; }
.rtl .block_newsletter form {
padding: 0 20px 0 50px; }
.block_newsletter form button {
width: 50px;
height: 40px;
padding: 0;
border: 0;
outline: 0;
background: none;
line-height: 40px;
font-size: 14px;
color: #666;
position: absolute;
top: 0;
right: -30px;
text-align: center; }
.rtl .block_newsletter form button {
left: -30px;
right: auto; }
.block_newsletter form button span {
display: none; }
.block_newsletter form button:hover {
color: #5cd468;
background: none; }
.block_newsletter form input {
width: 100%;
height: 40px;
line-height: 1;
border: 0;
padding: 0;
outline: 0; }
.block_newsletter .new-msg p {
margin-top: 15px; }
.block-contact ul li {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
line-height: 1.625rem; }
.block-contact .fa {
color: white;
font-size: 16px;
width: 2.5rem;
margin-top: 4px; }
.block-social ul {
margin-bottom: 0px; }
@media (min-width: 992px) {
.block-social ul {
text-align: right; }
.rtl .block-social ul {
text-align: left; } }
@media (max-width: 991px) {
.block-social ul {
text-align: center; } }
.block-social li {
display: inline-block;
cursor: pointer;
margin: 2px 0;
text-align: center;
line-height: 35px;
border: 0;
width: 35px;
height: 35px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
position: relative; }
.block-social li:hover {
background-color: #5cd468; }
.block-social li:hover:before {
color: #fff; }
.block-social li a {
color: transparent;
position: absolute;
font-size: 0px;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
display: block; }
.block-social li a:hover {
color: transparent; }
.block-social li:before {
content: "";
font-family: "FontAwesome";
font-size: 14px;
color: #000;
border: 0; }
.block-social li.facebook {
border-color: #3c5a98; }
.block-social li.facebook:before {
content: "\f09a"; }
.block-social li.facebook:hover {
background: #3c5a98; }
.block-social li.facebook:hover:before {
color: white; }
.block-social li.twitter {
border-color: #55acee; }
.block-social li.twitter:before {
content: "\f099"; }
.block-social li.twitter:hover {
background: #55acee; }
.block-social li.twitter:hover:before {
color: white; }
.block-social li.rss {
border-color: #FF6600; }
.block-social li.rss:before {
content: "\f09e"; }
.block-social li.rss:hover {
background: #FF6600; }
.block-social li.rss:hover:before {
color: white; }
.block-social li.youtube {
border-color: #e84542; }
.block-social li.youtube:before {
content: "\f16a"; }
.block-social li.youtube:hover {
background: #e84542; }
.block-social li.youtube:hover:before {
color: white; }
.block-social li.googleplus {
border-color: #d6492f; }
.block-social li.googleplus:before {
content: "\f0d5"; }
.block-social li.googleplus:hover {
background: #d6492f; }
.block-social li.googleplus:hover:before {
color: white; }
.block-social li.pinterest {
border-color: #cb2027; }
.block-social li.pinterest:before {
content: "\f0d2"; }
.block-social li.pinterest:hover {
background: #cb2027; }
.block-social li.pinterest:hover:before {
color: white; }
.block-social li.vimeo {
border-color: #1ab7ea; }
.block-social li.vimeo:before {
content: "\f27d"; }
.block-social li.vimeo:hover {
background: #1ab7ea; }
.block-social li.vimeo:hover:before {
color: white; }
.block-social li.instagram {
border-color: #4c61b0; }
.block-social li.instagram:before {
content: "\f16d"; }
.block-social li.instagram:hover {
background: #4c61b0; }
.block-social li.instagram:hover:before {
color: white; }
@media (max-width: 767px) {
.footer-container .links .h3 {
line-height: 1.5;
font-size: 16px;
display: inline-block;
padding-top: 10px; }
.footer-container .links .title {
cursor: pointer; }
.footer-container .links .title .collapse-icons .remove {
display: none; }
.footer-container .links .title[aria-expanded="true"] .collapse-icons .add {
display: none; }
.footer-container .links .title[aria-expanded="true"] .collapse-icons .remove {
display: block; }
.footer-container .links .navbar-toggler {
display: inline-block;
padding: 0;
width: 20px;
height: 20px; }
.footer-container .links .collapse {
display: none; }
.footer-container .links .collapse.in {
display: block; }
.footer-container .links ul {
margin-bottom: 0; } }
/*# sourceMappingURL=footer.css.map */