@charset "utf-8"; @import "../initial"; .layout-footer { z-index: 1; clear: both; background:#fff; position: relative; font-size: 0.8125em; .footer-updated-date{ clear: both; padding-left: 1em; } ul{ padding: 0; } li{ list-style: none; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ } .container { @extend .response-container; } .footer-counter a { padding-right: 0.5em; } a { color:#999999; &:hover, &:focus { opacity: .8; } } } .footer-counter{ display: none; } .layout-footer-content{ color: #000; font-size: 1.5em; line-height: 1.2em; font-weight: bold; .fab{ padding-right: 10px; } } @media(max-width:$screen-xs){ .footer-content{ flex-wrap: wrap; } .part{ width: 100%!important; } } .footericon{ margin-right: 1rem; font-size: 0.8125em; border: #e0e0e0 1px solid; padding: 0.5em 1em; display: inline-block; margin-bottom: 1em; } .fatfooter{ display: none; color: #454545; font-weight: 300; text-decoration: none; font-weight: bold; @media(max-width:768px){ .row{ display: flex; flex-wrap: wrap; } padding-bottom: 1em; } .col-sm-2{ @media(min-width:769px){ width: 12.5%; } @media(max-width:768px){ width: 50%; } } a{ color: #454545; } ul{ padding: 0; font-size: medium; } li{ margin: 12px 0; } } .layout-fatfooter{ .fatfooter{ padding: 2em 0; } background:$theme-color-second; border-top: 5px solid $theme-color-second; } .btn-fatfooter{ background-color: $theme-color-second; align-items: center; position: absolute; left: 50%; transform: translateX(-50%); width: 100px; height: 50px; top: -46px; border-radius: 100px 100px 0 0; behavior: url("/assets/ie_support/PIE2/PIE.htc"); margin: auto; text-align: center; display: flex; justify-content: center; cursor: pointer; .btn{ color: #454545; opacity: .8; text-shadow: 0; } }