...
| Code Block |
|---|
<style>
.aw-simple-footer{
width: 100%;
font-family: var(--ads-brand-primary-fontfamily, sans-serif);
font-weight: normal;
}
.aw-simple-footer--wrapper{
width: 100%;
background-color: var(--ads-plugins-simplefooter-backgroundcolor, #222);
padding: 50px 15px;
}
.aw-simple-footer--row{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: stretch;
align-items: flex-start;
max-width: 1380px !important;
margin: 0 auto;
}
.aw-simple-footer--column{
flex: 1 1 auto;
padding: 15px;
align-self: stretch;
}
.aw-simple-footer--column-content{
display:flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
height:100%;
}
.aw-simple-footer--column-content > .contact,
.aw-simple-footer--column-content > .label,
.aw-simple-footer p,
.aw-simple-footer a,
.aw-simple-footer h2 {
font-size: var(--adx-font-size-16, 1rem);
line-height: var(--adx-line-height-19, 1.1875rem);
color: var(--ads-plugins-simplefooter-textcolor, #fff);
display: block;
padding-bottom:5px;
text-decoration: none;
font-family: var(--ads-brand-primary-fontfamily, sans-serif) !important;
}
.aw-simple-footer h2{
font-size: var(--adx-font-size-19, 1.2rem);
line-height: var(--adx-line-height-24, 1.5rem);
color: var(--ads-plugins-simplefooter-textcolor, #fff);
margin-bottom: 15px;
letter-spacing: .05rem;
}
.aw-simple-footer--column-content > .label{
font-size: .9rem;
opacity:.7;
}
.aw-simple-footer--column-content.logo{
flex-direction: row;
align-items: flex-end;
}
.aw-simple-footer--logo{
background-image: var(--ads-plugins-simplefooter-logo-image, var(--ads-header-logo-image));
background-size: contain;
background-repeat: no-repeat;
height: 60px;
width: var(--ads-header-logo-width);
font-size: 0 !important;
display: block;
position: relative;
margin-right:30px;
}
@media screen and (max-width: 990px) {
.aw-simple-footer--row{
flex-direction: column;
justify-content: center;
align-content: center;
align-items: center;
width:100%;
}
.aw-simple-footer--column{
padding: 15px 0 0 0;
align-self: auto;
width:100%;
}
.aw-simple-footer--column-content{
align-items: center;
justify-content: center;
}
.aw-simple-footer--logo{
margin-right:0;
}
}
</style> |
...