...
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; max-width:400px; 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 p > a { padding-bottom: 0; opacity: .7; display: inline; } .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: 10px; 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> |
...