footer.fixed-footer{
position:fixed;
bottom:0;
left:0;
right:0;
z-index:4;
}
footer{
padding: .25rem;
background: linear-gradient(45deg, rgba(31,25,67,.46), rgba(12,0,38,.54), rgba(47,33,73,.57)), linear-gradient(to left, rgba(85,17,55,.73), rgba(13,12,63,.51));
box-shadow: inset 0px 1px 1px rgba(255,255,255,.55),inset 0px 3px 3px rgba(255,255,255,.25),
0px -2px 2px rgba(0,0,0,.1), 0px -3px 3px rgba(0,0,0,.1);
}
footer .merchant-logo{
padding: .25rem;
border-radius:2px;
position:relative;
white-space:nowrap;
background-image: linear-gradient(135deg, rgba(160,134,184,.45), rgba(223,206,242,.7) 40%,rgba(68,50,82,.45) 75%);
margin-bottom:0;
}
footer div.footer-text a{
text-decoration:none;
outline:none;
color:#fff;
text-shadow: .5px .5px 0 rgba(110,110,110,.7), 0px .5px 0 rgba(110,110,110,.7), -.5px -.5px 0 rgba(110,110,110,.7), -.5px -.5px 0 rgba(110,110,110,.7), -.5px .5px 0 rgba(110,110,110,.7), .5px -.5px 0 rgba(110,110,110,.7);
}
footer div.footer-text a:hover{
color:rgb(255,190,255);
text-shadow: 1.5px 1.5px 3px rgba(137,77,146,.58), 0px 1.5px 3px rgba(142,67,115,.6), -1.5px -1.5px 3px rgba(142,67,115,.6), -1.5px -1.5px 3px rgba(142,67,115,.6), -1.5px 1.5px 3px rgba(137,77,146,.58), 1.5px -1.5px 3px rgba(142,67,115,.6);
}
footer div.footer-text a:hover{
text-decoration:none;
color:#f9f;
}
footer div.footer-text{
line-height:1;
}
footer div{
color:#fff;
}
footer div.footer-end > div > div{
white-space:nowrap;
}
footer div.footer-end a{
font-size: 80%;
text-decoration:none;
outline:none;
color:#fff;
text-shadow: .5px .5px 0 rgba(110,110,110,.7), 0px .5px 0 rgba(110,110,110,.7), -.5px -.5px 0 rgba(110,110,110,.7), -.5px -.5px 0 rgba(110,110,110,.7), -.5px .5px 0 rgba(110,110,110,.7), .5px -.5px 0 rgba(110,110,110,.7);
}
footer div.footer-end a:hover{
color:rgb(255,190,255);
text-shadow: 1.5px 1.5px 3px rgba(137,77,146,.58), 0px 1.5px 3px rgba(142,67,115,.6), -1.5px -1.5px 3px rgba(142,67,115,.6), -1.5px -1.5px 3px rgba(142,67,115,.6), -1.5px 1.5px 3px rgba(137,77,146,.58), 1.5px -1.5px 3px rgba(142,67,115,.6);
}
footer div.footer-text strong{
font-size: 60%;
line-height:1.2;
}
footer div.footer-text a{
font-size: 70%;
font-weight: 400;
line-height:1.2;
}
footer .merchant-logo img{
flex: 0 1 auto;
max-width:100%;
max-height:30px;
}
@media (min-width: 576px) {
footer div.footer-text strong,
footer div.footer-text a{
font-size: 70%;
line-height:1.4;
}
footer .merchant-logo img{
max-height:25px;
}
}
@media (min-width: 768px) {
footer div.footer-text strong,
footer div.footer-text a{
font-size: 80%;
line-height:inherit;
}
}
@media (min-width: 992px) {
footer div.footer-text strong,
footer div.footer-text a{
font-size: 90%;
line-height:inherit;
}
footer .merchant-logo img{
max-height:40px;
}
}
div.merchant-logo:before{
content:"";
position:absolute;
top:0;left:0;
width:2rem;
height:1rem;
border-top:1px solid #B999D8;
border-left:1px solid #B999D8;
}
div.merchant-logo:after{
content:"";
position:absolute;
bottom:0;right:0;
width:2rem;
height:1rem;
border-bottom:1px solid #B999D8;
border-right:1px solid #B999D8;
}
footer .flex-container-footer{
display: -webkit-flex;
display: flex;
flex-flow: row wrap;
justify-content:space-between;
align-items:stretch;
margin: 0 .5rem;
}
footer .flex-item-footer{
word-wrap: break-word;
flex: 0 0 auto;
}
footer .flex-container-footer1{
display: -webkit-flex;
display: flex;
flex-flow: row nowrap;
justify-content:flex-start;
align-items:stretch;
}
footer .flex-container-footer2{
display: -webkit-flex;
display: flex;
flex-flow: column wrap;
justify-content:space-between;
align-items:stretch;
align-content:space-between;
height:100%;
}
footer .flex-item-footer2-1{
flex: 1 0 auto;
}
footer .flex-item-footer2-2{
flex: 1 0 auto;
}
footer .flex-item-footer1{
align-self:center;
flex: 1 0 auto;
}
footer .flex-item-footer1-33{
word-wrap: break-word;
flex: 0 0 33%;
padding-top:0.5rem;
}
footer .flex-container-footer1-33{
align-items:stretch;
}
.footer-space1{
height:.25rem;
}
.footer-space2{
height:.5rem;
}
.footer-space3{
height:1rem;
}
.footer-divider{
height:1px;
background-color:#888;
margin-top:0.5rem;
margin-bottom:1rem;
}
.footer-end{
position:relative;
}
.footer-end:after{
content:"";
position:absolute;
top:0;left:0;
width:100%;
}
footer.fixed-footer .footer-divider,
footer.fixed-footer .footer-space3,
footer.fixed-footer .footer-space2,
footer.fixed-footer .footer-space1,
footer.fixed-footer .hide-hover{
overflow:hidden;
max-height:0;
visibility: hidden;
transition: max-height .5s ease-out .6s, visibility .5s ease-out .6s, overflow .5s ease-out .6s;
}
footer.fixed-footer:hover .footer-divider,
footer.fixed-footer:hover .footer-space3,
footer.fixed-footer:hover .footer-space2,
footer.fixed-footer:hover .footer-space1,
footer.fixed-footer:hover .hide-hover{
visibility: visible;
max-height:5rem;
}
.mlogo2,
.mlogo1{
position:relative;
}
.mlogo{
border-radius:2px;
background-image: linear-gradient(135deg, rgba(160,134,184,.45), rgba(223,206,242,.7) 40%,rgba(68,50,82,.45) 75%);
}
.mlogo1::before{
content:"";
position:absolute;
top:0;left:0;
width:2rem;
height:1rem;
border-top:1px solid #B999D8;
border-left:1px solid #B999D8;
}
.mlogo2::after{
content:"";
position:absolute;
bottom:0;right:0;
width:2rem;
height:1rem;
border-bottom:1px solid #B999D8;
border-right:1px solid #B999D8;
}