.footer-membership { text-align: center; border: 5px solid #ccc; border-width: 5px 0; padding: 15px 0; margin: 15px 0 0 0; } @media (max-width: 767px) { .footer-membership { text-align: left; padding: 15px 10px 0 10px; } } .footer-membership .tagline { font-weight: 700; color: #005d38; margin: 0 60px 5px 60px; } @media (max-width: 767px) { .footer-membership .tagline { display: none; } } .footer-membership .content { display: table; margin: 10px auto; } @media (max-width: 767px) { .footer-membership .content { display: block; margin: 0; } } .footer-membership .content > div { display: table-cell; vertical-align: middle; padding: 0 40px; border-left: 1px solid #ccc; } @media (max-width: 767px) { .footer-membership .content > div { display: block; padding: 0; margin: 0 0 15px 0; border: none; } } .footer-membership .content > div:first-child { border: none; } .footer-membership .content > div.zag-form .form-group { /*position:relative; margin:0;*/ margin: 0; } .footer-membership .content > div.zag-form .form-group > div { display: inline-block; margin: 0 10px; } @media (max-width: 767px) { .footer-membership .content > div.zag-form .form-group > div { display: block; margin: 0; } } .footer-membership .content > div.zag-form .form-group .form-label { font-weight: 700; } @media (max-width: 959px) { .footer-membership .content > div.zag-form .form-group .form-label { display: block; } } .footer-membership .content > div.zag-form .form-group .form-label label { margin: 0; } .footer-membership .content > div.zag-form .form-group .form-input { position: relative; } @media (max-width: 959px) { .footer-membership .content > div.zag-form .form-group .form-input { display: block; } } .footer-membership .content > div.zag-form .form-group .form-input input.text { width: 100%; height: 25px; padding: 3px 5px; font-size: 12px; border: 1px solid #999999; border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .footer-membership .content > div.zag-form .form-group .form-submit { position: absolute; bottom: 0; right: 1px; width: 25px; height: 25px; } @media (max-width: 767px) { .footer-membership .content > div.zag-form .form-group .form-submit { bottom: 0; } } .footer-membership .content > div.zag-form .form-group .form-submit .submit { display: block; background: url(/_Layers/GCSAA/WebsiteTemplates/2016/App_Themes/default/images/footer-membership-submit.png) center center no-repeat; width: 100%; height: 100%; border: 1px solid #999999; border-width: 0 0 0 1px; } .footer-membership .content > div.social { min-width: 170px; } .footer-membership .content > div.social span { display: inline-block; vertical-align: middle; font-weight: 700; } .footer-membership .content > div.social ul { display: inline-block; vertical-align: middle; margin: 0; padding: 0; list-style-type: none; } .footer-membership .content > div.social ul li { display: inline-block; vertical-align: middle; margin: 0 0 0 10px; } .footer-membership .content > div.social ul li a { color: #808080; font-size: 26px; } .footer-membership .content > div.social ul li a:hover { color: #005d38; }