$footer-social-icons-size: 36px !default // footer before .amy-footer-before overflow: hidden .newsletter-title-wrapper margin-bottom: 20px color: #fff text-transform: uppercase font-family: $headings-font-family font-size: 20px font-style: italic font-weight: $font-weight-bold strong font-size: 30px font-style: normal .newsletter-input-wrapper display: inline position: relative input[type="text"] display: inline-block border-radius: 50px max-width: 450px padding-left: 20px padding-right: 40px height: 44px input[type="submit"] position: absolute border: none text-indent: -9999em padding: 0 width: 24px height: 24px background: url(../images/frontend/icons/newsletter-btn.png) no-repeat top: -3px right: 20px opacity: 0.9 &:hover, &:active, &:focus opacity: 1 // responsive @media(max-width: 767px) .amy-footer-before padding-top: 20px padding-bottom: 20px // footer .amy-footer padding-top: 20px position: relative &:before content: '' height: 2px width: 100% position: absolute top: 0px left: 0 right: 0 margin: 0 auto text-align: center background: #fff background: -moz-linear-gradient(left, #fff 0%, $theme-color 50%, #fff 100%) background: -webkit-gradient(left top, right top, color-stop(0%, #fff), color-stop(50%, $theme-color), color-stop(100%, #fff)) background: -webkit-linear-gradient(left, #fff 0%, $theme-color 50%, #fff 100%) background: -o-linear-gradient(left, #fff 0%, $theme-color 50%, #fff 100%) background: -ms-linear-gradient(left, #fff 0%, $theme-color 50%, #fff 100%) background: linear-gradient(to right, #fff 0%, $theme-color 50%, #fff 100%) .amy-copyright border-top: 1px dotted $separator-color padding-top: 20px padding-bottom: 20px margin-bottom: 30px p margin-bottom: 0 .instagram-images img margin-bottom: 3px // responsive @media (max-width: $screen-sm-max) .amy-footer .amy-flex display: block .amy-footer-left border-right: 0 padding-right: 0 .amy-footer-right padding-left: 15px .amy-copyright .pull-left, .pull-right float: none !important text-align: center p margin-bottom: 10px