Solutions

/* styles from main theme for footer */ .Container{margin:0 auto;max-width:1236px;padding-left:18px;padding-right:18px} .footer-nav { background-color: #2D3B4A; padding: 40px 0; color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.675; } .footer-nav .row { display: flex; flex-wrap: wrap; } .one-fourth { float: left; width: 21.0526315789%; margin-left: 5.26315789474%; } .first {margin-left: 0;} .footer-nav .widget-title { color: #fff; margin:0px 0px 12px 0px; font-size: 16px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 300; line-height: 1.3; } .footer-nav ul { margin:0; padding-inline-start: 0px; margin-block-start: 0; } .footer-nav li { list-style-type: none; margin-bottom: 4px; word-wrap: break-word; color:#FFFFFF; } .footer-nav li a { color:#FFFFFF; font-size:16px; text-decoration:none; } @media only screen and (max-width: 768px) { .one-fourth { margin: 0 0 20px 0; width: 100%; } .SearchBox form>div:after, .SearchForm form>div:after { content: ""; } } Untitled Document /* full stylesheet here: https://www.foundant.com/wp-content/themes/genesis-ft/style.css */ .footer-cta, .footer-widgets, .site-footer{ box-sizing: border-box; scroll-behavior: smooth; } *, *::before, *::after { box-sizing: inherit; } .footer-widgets::before, .site-footer::before, .widget::before, .wrap::before { content: " "; display: table; } .footer-widgets::after, .site-footer::after, .widget::after, .wrap::after { clear: both; content: " "; display: table; } body { background-color: #fff; color: #606060; /*** MB ***/ font-family: Muli, sans-serif; font-size: 18px; font-weight: 300; line-height: 1.5; margin: 0; overflow-x: hidden; } .footer-cta a, .footer-widgets a, .site-footer a { color: #3579A7; /*** MB ***/ text-decoration: none; /*** MB ***/ transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .footer-cta a:focus, .footer-widgets a:focus, .site-footer a:focus, .footer-cta a:hover, .footer-widgets a:hover, .site-footer a:hover { color: #3579A7; /*** MB ***/ text-decoration: underline; } .footer-cta p, .footer-widgets p, .site-footer p { margin: 0 0 24px; padding: 0; } .footer-cta h2, .footer-widgets h2, .site-footer h2, .footer-cta h3, .footer-widgets h3, .site-footer h3 { font-family: 'Raleway', sans-serif; font-weight: 400; line-height: 1.2; margin: 0 0 20px; color: #606060; } .footer-cta h2, .footer-widgets h2, .site-footer h2 { font-size: 40px; /*** MB ***/ color: #2D3B4A; /*** MB ***/ margin: 0 0 16px; } .button { font-family: 'Raleway', sans-serif; font-size: 15px; font-weight: 600; text-align: center; text-transform: uppercase; letter-spacing: 2px; color: #FFF; transition: all 0.3s cubic-bezier(.25,.8,.25,1); cursor: pointer; padding: 10px 30px; display: inline-block; border-radius: 0px; border: 1px solid #2D3B4A; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.29), 0 6px 8px 0 rgba(0,0,0,0.13); background-color: rgb(83,109,138); background-image: linear-gradient(90deg, rgba(83,109,138,1) 0%, rgba(45,59,74,1) 100%); } a.btn-light {color:#2D3B4A;background-color: rgb(255,255,255);background-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(227,227,227,1) 100%);border: 1px solid #fff;} a.btn-light:focus, a.btn-light:hover {color:#ffffff;background-color: #2D3B4A;background-image: none;} .site-inner, .wrap {margin: 0 auto;} .wrap {margin: 0 auto;} .footer-cta ol, .footer-widgets ol, .site-footer ol, .footer-cta ul, .footer-widgets ul, .site-footer ul {overflow-wrap: break-word;margin: 0;padding: 0;} .widget ul > li { margin-bottom: 4px;} /* Footer CTA ---------------------------------------------------------------------------------------------------- */ .footer-cta { background-color: #2D3B4A; padding: 40px 30px!important; text-align: center; } .footer-cta .widget {margin-bottom: 20px;} .footer-cta h2 {font-size: 40px;color:#FFF;} .footer-cta h2.tight {margin-bottom:16px;} .footer-cta h3 {font-size: 22px; font-weight: 400;color:#FFF;} .footer-cta h4 {font-size: 30px;color:#FFF;} .footer-cta p {color:#FFF;} .footer-cta .light a {color:#FFF;} /* /* Footer Widgets ---------------------------------------------------------------------------- */ .footer-widgets { border-top: 1px solid #eee; background-color: #fff; clear: both; padding: 60px 0; font-size:16px; } .footer-widgets .wrap { margin-left: auto; margin-right: auto; } .footer-widget-area { margin-bottom: 40px; padding-left: 30px; padding-right: 30px; } .footer-widget-area:last-child, .footer-widgets .widget:last-child { margin-bottom: 0; } .footer-widgets a { color: #606060; /*** MB ***/ } .footer-widgets a:hover { color: #3579A7; text-decoration: underline; } .footer-widgets .widget { margin-bottom: 40px; } .widget-title { font-size: 17px; /*** MB ***/ font-weight: normal; /*** MB ***/ margin-bottom: 20px; } .footer-widgets .widget-title { text-transform: uppercase; margin-bottom:12px; } .footer-widgets li { list-style-type: none; word-wrap: break-word; } /* Site Footer - MB UPDATED ---------------------------------------------------------------------------- */ .site-footer { border-top: 1px solid #E9E9E9; background-color: #FFF; letter-spacing: 1px; padding: 10px 0; text-align: center; } .site-footer a, .site-footer p { -webkit-font-smoothing: subpixel-antialiased; color: #606060; } .site-footer a:hover { color: #3579A7; text-decoration: underline; } .site-footer a { border: none; font-weight: 400; } .site-footer p { font-size: 12px; margin-bottom: 0; } .dashicons-arrow-up-alt2 { display: none; position: fixed; bottom: 60px; right: 20px; z-index: 99; border: none; outline: none; cursor: pointer; font-family: "dashicons"; content: "\f343"; color: #666; -webkit-font-smoothing: antialiased; font-size: 30px; line-height: 20px; background-color: #E9E9E9; padding: 10px 8px; border-radius: 5px; } .dashicons-arrow-up-alt2 span {display: block;font-size:12px;font-family: Muli, sans-serif;} .dashicons-arrow-up-alt2:hover { background-color: #CCC; /*box-shadow: none; margin: 0px;*/ } @media only screen and (min-width: 960px) { /* Footer Widgets --------------------------------------------- */ .footer-widgets .wrap, .footer-cta .wrap, .footer-explore .wrap { max-width: 1200px;/*** MB ***/ } .footer-widget-area { float: left; margin-bottom: 0; width: calc(100% / 4); } .footer-widget-area:first-child { padding-left: 0; /*** MB ***/ } .footer-widget-area:last-child { padding-right: 0; /*** MB ***/ } }