/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: 
*/

/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 2.9
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/


.db { display: block; }
.db-alt { display: block; }
.content-search { position: relative; z-index: 999 }
.content-center {  margin-left: auto!important; margin-right: auto!important; float: none; }

.gray { color: #BFBFC0!important; }

.selectForm:after { background-image: url('https://www.homefieldonsite.com/wp-content/themes/bb-theme-child/images/arrow-icon.webp')!important;     background-size: 16px!important; }

#podium-bubble, #podium-website-widget { z-index: 1 !important; }

/* BUTTON */

.btn.tc { text-align: center!important; }
.fix-button { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; }
.header-btn, .banner-btn .fl-button, .btn a, .api-btn, .yrm-btn-wrapper .yrm-toggle-expand, .cta-btn.btn a, button.hcp-button {  transition: all 0.3s ease!important; }
.header-btn:hover, .btn a:hover, .api-btn:hover, .banner-btn .fl-button:hover, .yrm-btn-wrapper .yrm-toggle-expand:hover, .cta-btn.btn a:hover, .book-btn:hover, button.hcp-button:hover { transform: scale(0.9); }

.cta-btn a { background-image: linear-gradient(180deg, #AD3052 0%, #8B1837 100%); background-clip: border-box; border: 5px solid #FFFFFF; border-radius: 8px; font-family: "Born Strong", Verdana, Arial, sans-serif; font-weight: 100; font-size: 32px; line-height: 0.8em; padding: 8px 55px;line-height: 1.2em; color: #FFFFFF!important; display: inline-block; }

.yrm-btn-wrapper { text-align: left!important; display: block!important; margin: 20px 0 0!important; }
.yrm-btn-wrapper .yrm-toggle-expand { background-image: linear-gradient(180deg, #AD3052 0%, #8B1837 100%); padding: 0; border-radius: 50px; }
.yrm-btn-wrapper span { color: #FFFFFF!important; }

.list-column .yrm-btn-wrapper .yrm-toggle-expand { font-family: 'Born Strong', sans-serif; font-weight: 500; font-style: italic; }
.list-column .yrm-btn-wrapper span { font-family: 'Born Strong', sans-serif!important; font-weight: 500!important; font-style: italic; color: #FFFFFF!important; border-radius: 12px!important; }

.banner-btn { width: 100%!important; }
.book-btn { font-family: "Born Strong", Verdana, Arial, sans-serif!important; font-weight: 500!important; font-size: 24px!important; line-height: 1.2em!important; padding: 10px 30px !important; background-image: linear-gradient(180deg, #AA2D4F 0%, #8D1737 100%) !important; border: 3px solid #FFFFFF !important; border-radius: 10px !important; width: 100%!important; display: block!important; }

.services-btn { font-family: "Born Strong", Verdana, Arial, sans-serif !important; font-weight: 500 !important; font-size: 24px !important; line-height: 1.2em !important; text-align: center !important; padding: 10px 30px !important; background: linear-gradient(180deg, #AA2D4F 0%, #8D1737 100%) !important; border: 3px solid #FFFFFF !important; border-radius: 12px !important; }
.septic-btn { background: linear-gradient(180deg, #AD3052 0%, #8B1837 100%) !important; border: 5px solid #FFFFFF !important; border-radius: 12px !important; font-family: "Born Strong", Verdana, Arial, sans-serif !important; font-weight: 500 !important; font-size: 32px !important; line-height: 0.6em!important; padding: 15px 70px !important; color: #ffffff !important; }
.septic-btn.alt { padding: 20px 55px !important;}

.cta-button button.hcp-button:hover { background: #8C1837!important; transform: none!important; }
.help-btn { font-family: Inter, sans-serif !important; font-weight: 500 !important; font-size: 12px !important; line-height: 1.3em !important; letter-spacing: -0.02em !important; background: #8C1837 !important; padding: 5px 10px !important; background-image: linear-gradient(180deg, #AC2F4F 0%, #8D1737 100%) !important; border: none !important; background-clip: border-box !important; width: 100%!important; border-radius: 5px !important; }
.help-btn:after { content: "\e97d"!important; font-family: 'Ultimate-Icons' !important; font-size: 1.3em!important; position: absolute; right: 10px; }

.adv-btn { background-image: linear-gradient(180deg, #AA2D4F 0%, #8D1737 100%) !important; border: 2px solid #FFFFFF !important; background-clip: border-box !important; font-family: "Born Strong", Verdana, Arial, sans-serif !important; font-weight: 500 !important; font-size: 24px !important; line-height: 1.2em !important; padding: 10px 30px !important; border-radius: 5px!important; }

.fix-btn { border: 5px solid #FFFFFF !important; border-radius: 15px !important; background-clip: border-box !important; background-color: #8C1837 !important; font-family: "Born Strong", Verdana, Arial, sans-serif !important; font-weight: 500 !important; font-size: 50px !important; letter-spacing: 0.02em !important; padding: 5px 30px !important; }
.fix-btn.alt { border: 3px solid #FFFFFF !important; border-radius: 12px !important; background-clip: border-box !important; font-family: "Born Strong", Verdana, Arial, sans-serif !important; font-weight: 500 !important; font-size: 50px !important; line-height: 1.2em !important; letter-spacing: 0.02em !important; background-color: #8C1837 !important; padding: 15px 90px !important; }

.schedule-btn { border: 5px solid #ffffff !important; border-radius: 10px !important; background-clip: border-box !important; font-family: "Born Strong", Verdana, Arial, sans-serif !important; font-weight: 500 !important; font-size: 27px !important; line-height: 1.2 !important; background-color: #8C1837 !important; padding: 7px 30px !important; }

/* CHECKLIST */

.check-list ul { padding: 0; margin: 0; list-style: none; }
.check-list ul li { position: relative; }
.check-list ul li::before { content: ''; background: url('https://www.homefieldonsite.com/wp-content/uploads/2024/11/check-box.webp')no-repeat center left; background-size: contain; width: 42px; height: 50px; display: inline-block; vertical-align: bottom; margin-right: 5px; }

.services .check-list ul li::before { content: ''; background: url('https://www.homefieldonsite.com/wp-content/uploads/2024/11/check-box.webp')no-repeat center left; background-size: contain; width: 33px; height: 50px; display: inline-block; vertical-align: bottom; margin-right: 5px; }

/* SEARCH FORM */

.search-form { display: flex; }
.header-search .search-form, .header-search .location-form, .header-search .search-box, .header-search .fl-html { position: relative; }
.header-search .search-icon { width: 5%!important; }
.header-search .search-field { width: 100%!important; }
.header-search .search-field input[type=search], .header-search .search-field select {  font-size: 16px; color: #2E2F33; padding: 7px 30px 7px 7px; width: 100%; height: 35px!important; }
.header-search .search-field input::placeholder { color: #2E2F33; }
/* .header-search #location-search-button { background: #8C1837; position: absolute; top: 50%; transform: translateY(-50%); right: 7px; width: 25px; height: 25px; display: flex; align-items: center; justify-content: space-around; padding: 0; border: 0; }
 */
.header-search .button { background: #8C1837; padding: 0; width: 20px; height: 20px; position: absolute; top: 50%; transform: translateY(-50%); right: 7px; display: flex; justify-content: space-around; align-items: center; border: 0; }
.header-search .button i { font-size: 13px; line-height: 1px; }
.header-search .active { display: block; position: absolute; left: 0; right: 0; color: #FFFFFF; z-index: 2; background: #8C1837; padding: 5px; border-radius: 5px; text-align: center; margin: 5px 0 0;}
.header-search .inactive { display: none; }
#flag-container img { max-width: 60px!important; width: 100%; }


/* HEADER */

.header-navigation .hamburger-menu rect { height: 15px!important; }
.header-navigation .fl-hamburger-menu-top { y: 110!important; }
.header-navigation .fl-hamburger-menu-middle { y: 250!important; }
.header-navigation .fl-hamburger-menu-bottom { y: 380!important; }

.page-id-827 #site-header { background: linear-gradient(180deg, #0066c9 -30%, #003263 100%); }
.page-id-827 .main-navigation { position: relative; }

/* NAVIGATION */

.main-navigation { position: absolute; left: 0; right: 0; z-index: 9999; transition: all ease-in 0.3s; }
.main-navigation .menu > li.current-menu-item > a { color: #F5F5F5!important; }
.main-navigation.sticky { position: fixed; top: 0; transition: all ease-in 0.3s; }
/* .main-navigation.sticky { position: fixed; top: 0; background: linear-gradient(180deg, #0066c9 -30%, #003263 100%); transition: all ease-in 0.3s; } */
.main-navigation.sticky .menu a { color: #FFFFFF !important; }
/* body.services .main-navigation.sticky { background: linear-gradient(180deg, #003263 -30%, #0066c9 100%); } */

body.services .main-navigation.sticky, .main-navigation.sticky, body.services .main-navigation .fl-row-content-wrap { background: #081B3E!important; }


/* .main-navigation.sticky { position: fixed; top: 0; background: rgb( 0 0 0 / 80% ); background: #fff;transition: all ease-in 0.3s; } */
/*.page-id-548 .main-navigation.sticky, .page-id-223 .main-navigation.sticky { background: rgb( 255 255 255 / 80% )!important;  }*/


/* BANNER */

.banner-text { max-width: 670px; width: 100%; margin: 0 auto; }
.banner-text.location, .banner-text.contact { max-width: 745px; width: 100%; margin: 0 auto; }
.banner-heading span { display: block; }
.cta-box { position: fixed; top: 50%; transform: translateY(-50%); right: 0; max-width: 290px; width: 100%; margin-left: auto; z-index: 999; }
.cta-box.main .ua-icon-arrow-right2 { background: #FFFFFF !important; border-radius: 100% !important; color: #8C1837; width: 18px; height: 18px; margin: 0; border: 1px solid #8c1837; }
.cta-box.main .ua-icon-arrow-right2:before { color: #8c1837 !important; font-weight: 700; font-size: 10px; display: flex; align-items: center; justify-content: space-around; height: 100%; line-height: 0.9; }
.cta-button .fl-button { display: flex!important; justify-content: space-between!important; }
.cta-search .location-form { display: flex; justify-content: space-between; align-items: center;  }
.cta-search .location-form .location-field { width: 71.02%; }
.cta-search .location-field input[type=text] { padding: 12px 24px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; border-radius: 10px; }
.cta-search .location-form input::placeholder { color: #2D2E33; }
.cta-search .location-form .button { width: 28.98%; padding: 0 0 0 10px;  }
.cta-search .button button { font-family: "Born Strong", Verdana, Arial, sans-serif; font-weight: 500; font-size: 24px; background-color: #8c1837; padding: 8px 15px; border: 3px solid #FFFFFF; border-radius: 10px; }

.expandable-column { max-width: 150px!important; height: auto!important; overflow: hidden; transition: all 0.3s ease-in-out; cursor: pointer; }
.expandable-column .cta-button { height: 0; display: none; }
.expandable-column.expanded { max-width: 290px!important; width: 100%!important; height: auto!important;  }
.expandable-column.expanded .cta-button { height: 100%; display: block; }

/* CONTENT */

.welcome-container { position: relative; max-width: 1150px; width: 100%; margin: 0 auto; float: none; }
.welcome-container h2 { max-width: 740px; width: 100%; }
.welcome-container p { max-width: 595px; width: 100%; }
.welcome-img { max-width: 1400px; width: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; }
.welcome-img .fl-photo-content { width: 50%; }

.services-section { position: relative; max-width: 1100px; width: 100%; margin: 0 auto; float: none; }
.services-item .fl-col-content:hover { border: 5px solid #8C1837!important; }
.services-item .fl-module-button { display: inline-block!important; margin-top: auto!important; }
.tab-title { position: relative; padding: 15px; }
/* .tab-title::before { content: ''; background: url('https://www.homefieldonsite.com/wp-content/uploads/2024/11/ellipse.webp')no-repeat; background-size: contain; max-width: 33.33%; width: 100%; height: 100%; position: absolute; top: -20px; left: 310px; right: 0; } */
.tab-title::before { content: ''; background: url('https://www.homefieldonsite.com/wp-content/uploads/2024/11/ellipse.webp')no-repeat; background-size: 100% 100%; max-width: 100%; width: 100%; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; }
.tab-items .uabb-tabs-nav { background: #FFFFFF; max-width: 553px; width: 100%; margin: 0 auto; border-radius: 50px; }
.tab-items .uabb-tabs-nav ul li { margin: 0!important; border-radius: 50px; }
.tab-items .uabb-tab-link { border-radius: 50px; margin: 2px; }
.tag-items .uabb-tag-selected { border: 2px solid #FFFFFF; }

.maintenance-section { position: relative; }
.maintenance-content { max-width: 980px; width: 100%; margin: 0 auto; float: none; }
.maintenance-box { max-width: 309px; width: 100%; margin: 0 auto; }
.maintenance-box.sm { max-width: 287px; }
.maintenance-badge { position: absolute; top: -50px; left: -85px; }

.advantage-plan-price { display: inline-block!important; margin-top: auto!important; }

.testimonials-content { max-width: 1015px; width: 100%; margin: 0 auto; float: none; }
.testimonials-item .testimonial-inner { display: flex!important; flex-wrap: wrap; background: #F8F8F8; padding: 30px 40px!important; border-radius: 20px; text-align: center!important; }
.testimonials-item .testimonial-name, .testimonials-item .ratings { width: 100%; order: -1; }
.testimonials-item .testimonial-name { margin: 0!important; }
.testimonials-item .ratings { margin: 15px 0 10px; }
.testimonials-item .testimonial-name { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 24px; color: #071A3E; }
.testimonials-item .testimonial-content { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 18px; color: #000000; line-height: 1.75em!important; }

.process-content { max-width: 800px; width: 100%; margin: 0 auto; float: none; }

.why-section .fl-row-content { position: relative; }
/* .why-content { max-width: 1020px; width: 100%; margin: 0 auto; } */
.why-content { max-width: 88.5%; width: 100%; margin: 0 auto; }
.why-small { position: absolute; right: 0; bottom: 38%; right: -1%; }
.why-small .db { font-size: 37px!important; }

.owner-image { position: relative; }

/* FOOTER */

.search-form { display: flex; }
.footer-search .search-form, .footer-search .location-form, .footer-search .search-box { position: relative; }
.footer-search .search-icon { width: 5%!important; }
.footer-search .search-field { width: 100%!important; }
.footer-search .search-field input[type=search], .footer-search .search-field select {  font-size: 16px; color: #2E2F33; padding: 7px 30px 7px 7px; width: 100%; height: 35px!important; }
.footer-search .search-field input::placeholder { color: #2E2F33; }
/* .header-search #location-search-button { background: #8C1837; position: absolute; top: 50%; transform: translateY(-50%); right: 7px; width: 25px; height: 25px; display: flex; align-items: center; justify-content: space-around; padding: 0; border: 0; }
 */
.footer-search #searchBarFooter { font-size: 16px; height: 65px; border-radius: 15px; }
.footer-search .button { background: #8C1837; padding: 0; width: 44px; height: 44px; position: absolute; top: 50%; transform: translateY(-50%); right: 7px; display: flex; justify-content: space-around; align-items: center; border: 0;border-radius: 15px; }
.footer-search .location-search-button i { font-size: 20px; line-height: 1px; }
.footer-search .active { display: block; position: absolute; left: 0; right: 0; color: #FFFFFF; z-index: 2; background: #8C1837; padding: 5px; border-radius: 5px; text-align: center; margin: 5px 0 0;}
.footer-search .inactive { display: none; }
.footer-search, .footer-social { margin-left: auto!important; margin-right: auto!important; }
.footer-franchise h4, .footer-franchise .btn a {  font-size: 0.95vw !important; } 

.footer-icon h5 { font-weight: 500; font-size: 20px; letter-spacing: 0.02em; }
.footer-icon .fl-icon { vertical-align: top; }
.footer-icon.tel { display: none!important; }

.footer-navigation .widgettitle { margin: 0; }
.footer-navigation ul { margin: 0; padding: 0; text-align: center; }
.footer-navigation ul li { line-height: 190%; }
.footer-navigation ul li a { font-family: 'Inter', sans-serif; font-size: 16px; color: #FFFFFF; }

.footer-list .fl-list-item-content-text p { margin: 20px 0 10px!important; }

/* INNER */

/* body.services .main-navigation .menu > li > a, body.services .main-navigation .menu > li > a { color: #023263!important; } */
/* body.services .menu a, body.single .menu a { color: #023263!important; } */
/* body.services .fl-menu .fl-toggle-arrows .fl-menu-toggle:before, body.single .fl-menu .fl-toggle-arrows .fl-menu-toggle:before { border-color: #023263!important; } */
body.services ul.sub-menu a, body.services .fl-has-submenu-container:hover > a, body.services .fl-has-submenu-container.focus > a, body.single ul.sub-menu a, body.single .fl-has-submenu-container:hover > a, body.single .fl-has-submenu-container.focus > a { color: #FFFFFF!important; }
body.services .fl-menu .fl-toggle-arrows .fl-has-submenu-container:hover > .fl-menu-toggle:before, body.services .fl-menu .fl-toggle-arrows .fl-has-submenu-container.focus > .fl-menu-toggle:before, body.single .fl-menu .fl-toggle-arrows .fl-has-submenu-container:hover > .fl-menu-toggle:before, body.single .fl-menu .fl-toggle-arrows .fl-has-submenu-container.focus > .fl-menu-toggle:before { border-color: #FFFFFF!important; }
/* body.services .main-logo, body.services .main-logo, body.single .main-logo { display: none!important; } */
body.services .main-navigation .menu > li > a:hover, body.services .main-navigation .menu > li > a:hover, body.single .main-navigation .menu > li > a:hover, body.single .main-navigation .menu > li > a:hover { color: #F5F5F5!important; }
/* body.services .header-navigation .hamburger-menu rect, body.services .header-navigation .hamburger-menu rect, body.single .header-navigation .hamburger-menu rect { fill: #023263 !important; } */

.text-gradient.blue { color: #0066C9; background-image: linear-gradient(180deg, #0066C9 -20%, #003263 80%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;  }

.septic-text { max-width: 795px; width: 100%; margin: 0 auto!important; }
.septic-text.areas { max-width: 845px; width: 100%; margin: 0 auto!important; }
/* .septic-service-text { max-width: 790px; width: 100%; margin: 0 0 auto!important; } */
.septic-service-text { max-width: 700px; width: 100%; margin: 0 0 auto!important; }
.septic-service-text.alt { max-width: 675px; width: 100%; margin: 0 0 auto!important }
.septic-service-item { margin: 0 auto!important; }
.septic-service-item p { margin-bottom: 0!important; }
.septic-service-item .yrm-cntent-1 p { margin: 0 0 15px!important; }
.septic-service-item .yrm-cntent-1 p:last-of-type { margin: 0!important; }
.faqs-accordion { border-bottom: 2px solid #8c1837; }
.faqs-accordion.septic-pumping { max-width: 610px!important; width: 100%!important; margin: 0 auto!important; }
.faqs-accordion.septic-design { max-width: 602px!important; width: 100%!important; margin: 0 auto!important; }

/* LOCATION */

.location-search .fl-html { position: relative; }
.location-search .location-form { position: relative; background: linear-gradient( to bottom, #0066C9 -30%, #003263 100% ); padding: 40px 70px; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; }
.location-search .location-field { width: 33.63%; }
.location-search .location-field select, .location-search .location-form input[type=text] { font-size: 20px; color: #2D2E33; width: 100%; height: 65px; padding: 20px; border-radius: 15px; }
.location-search .location-form input::placeholder { color: #2D2E33; }
.location-search .location-form .separator { width: 8.18%; }
.location-search .location-form .separator p { font-size: 30px; color: #FFFFFF; text-align: center; }
.location-search .location-form .button { width: 22%; text-align: right; }
.location-search .location-form button { font-family: "Born Strong", Verdana, Arial, sans-serif; font-size: 32px; background: #8C1837; font-style: italic; color: #FFFFFF; padding: 10px 30px; border: 3px solid #FFFFFF; border-radius: 15px; }
.location-search .location-form button i { font-size: 25px; display: inline-block; vertical-align: middle; }
.location-search .location-field select { position: relative; appearance: none; background: #FFFFFF url('https://www.homefieldonsite.com/wp-content/uploads/2024/11/dropdown.webp')no-repeat center right; background-size: contain; background-position: right .7em top 50%; background-size: 2em auto;  }
.location-search #location-form-error-message.active { display: block; position: relative; left: 0; right: 0; color: #FFFFFF; z-index: 2; background: #8C1837; padding: 5px; border-radius: 5px; text-align: center; margin: 5px 0 0;}
/* .location-search #location-form-error-message.active { display: block; position: absolute; left: 0; right: 0; color: #FFFFFF; z-index: 2; background: #8C1837; padding: 5px; border-radius: 5px; text-align: center; margin: 5px 0 0;} */
.location-search #location-form-error-message.inactive { display: none; }

/* #location-results-list { padding: 80px 0 0; } */
#location-results-list h3 { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 32px; color: #003263; letter-spacing: -0.02em; text-align: center; margin: 0; }
#location-results-list .location-text { text-transform: uppercase; }
.location-listing { position: relative; background: #FFFFFF; padding: 50px 55px 60px; border-radius: 25px; border: 2px solid #D9D9D9; margin: 30px 0; box-shadow: 0 8px 6px -6px #D9D9D9; }
.location-listing .location-wrap { display: flex; justify-content: space-between; align-items: center; }
.location-listing .location-left { width: 73%; padding: 0 30px 0 0; }
.location-listing .listing-name { font-family: 'Inter', sans-serif; font-weight: 800; font-size: 48px; color: #003263; letter-spacing: -0.02em; text-align: left; margin: 0; }
.location-listing .location-left p, .location-serve p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 24px; color: #003263; letter-spacing: -0.025em; text-align: left; margin: 0; }
.location-listing .location-right { width: 27%; }
.location-listing .listing-button { font-family: 'Born Strong', Verdana, Arial, sans-serif; background: linear-gradient( to bottom, #AE3051, #8C1837 ); font-size: 32px; font-style: italic; color: #FFFFFF; padding: 10px 0; line-height: 1.2em; letter-spacing: 0.02em; border-radius: 50px; width: 100%; display: block; text-align: center; }
.location-listing .location-info { margin: 10px 0 0; }
.location-listing .location-info p, .location-listing .location-info a { font-family: 'Inter', sans-serif; font-weight: 800; font-size: 24px; color: #003263; letter-spacing: -0.02em; text-align: center; margin: 0; }
.location-serve { margin: 30px 0 0; }

/* ABOUT */

.story-section {}
.story-container p { margin: 0 0 35px!important; }
.story-container p:last-of-type { margin: 0!important; }

/* CONTACT */

body .gform_wrapper input::placeholder,
body .gform_wrapper textarea::placeholder { color: #2D2E33!important; opacity: 1!important; }

.contact-box { max-width: 762px!important; width: 100%!important; margin: 0 auto!important; } 
.contact-form .gform_fields { grid-row-gap: 15px !important; column-gap: 25px !important; }
.contact-form .gform-grid-col { padding: 0!important;   }
.contact-form .gform-grid-col.gform-grid-col--size-auto { flex: unset!important; }
.contact-form .gform-grid-row { justify-content: space-between!important; margin: 0!important; }
.contact-form .ginput_address_state, .contact-form .name_first { inline-size: 48.36%!important; }
.contact-form .ginput_address_zip, .contact-form .name_last { inline-size: 48.36%!important; margin-left: auto!important; }
.contact-form .contact-captcha { text-align: center; margin: 0 auto 25px!important; }

.advantage-col span { width: 50%!important; inline-size: 48.36% !important; }
.file-form .ginput_container_fileupload input { border-radius: 10px!important; }
.file-form .gfield_description { display: none!important; }

.accordion-items.inner { max-width: 600px!important; width: 100%!important; margin: 0 auto!important; float: none!important; }
.accordion-items.inner h5 { color: #003263!important; }
.accordion-items.inner .uabb-accordion-desc a { color: #003263!important; font-size: 4.5vw!important; font-style: italic!important; }
.accordion-items.inner .uabb-adv-accordion-content { padding: 0 45px 15px!important; }

.gform_button { margin: 20px 0 0!important; }

/* MISSION */

.septic-fractured-box { width: 100%!important; margin-left: auto!important; margin-right: -30px!important; }
.septic-fractured-box.alt { margin-right: -170px!important; }
.septic-fractured-text { max-width: 465px!important; width: 100%!important; }
.septic-fractured-text p { margin: 0 0 25px!important; }
.septic-fractured-text p:last-of-type { font-weight: 900!important; margin: 0!important; }

/* SERVICES */

.commercial-services-section, .residential-services-section {  }

/* RESOURCES */

.post-item {}
.post-item .fl-post-grid-post  { position: relative; background: #FFFFFF; border-radius: 20px!important; }
.post-item .post-image img { width: 100%; height: 125px; object-fit: cover; display: block; }
.post-item .post-icon { margin-top: -15%; }
.post-item .post-icon img { max-width: 33%!important; width: 100%; margin: 0 auto; }
.post-item .post-content { max-width: 332px; width: 100%; margin: 0 auto; padding: 0 20px; text-align: center; }
.post-item .post-content .post-desc { position: relative; padding: 25px 20px!important; }
.post-item .post-content .post-title a { font-family: 'Born Strong', sans-serif; font-weight: 800; font-size: 40px; color: #003263!important; line-height: 1.2em; text-decoration: none!important; }
.post-item .post-content p { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 18px; color: #003263!important; letter-spacing: -0.02em; margin: 10px 0; line-height: 1.45; text-align: left; }
.resources-icon img { max-width: 33%!important; width: 100%; }

.post-item.blog .post-content p { font-weight: 400 !important; }
.post-item.blog .post-content .post-title a { font-family: 'Born Strong', sans-serif; font-weight: 800; font-size: 24px; color: #003263!important; line-height: 1.2em; text-decoration: none!important;  }
.post-item.blog .read-more { font-family: 'Born Strong', sans-serif; font-weight: 800; font-size: 18px; color: #178CF8!important; line-height: 1.2em; }
.post-item.blog .post-date { font-family: 'Inter', sans-serif; font-size: 14px; color: #003263; margin: 30px 0 0; }
.post-item.blog .post-content { max-width: 315px; width: 100%; margin: 0 auto; padding: 30px 20px; text-align: left; }
.post-item.blog .post-category { background: #178CF8; border-radius: 50px; padding: 5px 15px; color: #FFFFFF; text-transform: uppercase; font-family: 'Inter', sans-serif; font-size: 12px; text-align: center; position: absolute; top: 10px; right: 10px; }


.post-item.single .post-image img { width: 100%; height: 100px; object-fit: cover; display: block; border-radius: 15px; }
.post-item.single { max-width: 340px; width: 100%; margin: 0 auto; }
.post-item.single .post-content { max-width: 275px; width: 100%; margin: 0 auto 0 0; padding: 20px 0 0; text-align: left; }
.post-item.single .post-content .post-title a { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 24px; color: #003263!important; letter-spacing: 0.01em; line-height: 1.2em; text-decoration: none!important;  }
.post-item.single .read-more { font-family: 'Born Strong', sans-serif; font-weight: 800; font-size: 18px; color: #178CF8!important; line-height: 1.2em; }

.post-sidebar { margin: 0 auto!important; }

.post-content p { margin: 0 0 30px !important; }
/* .post-content p:last-of-type { margin: 0!important; } */
.post-content h3, .post-content h4 { font-family: 'Inter', sans-serif!important; font-weight: 700!important; font-size: 35px!important; color: #AC3051!important; line-height: 1.2em !important; letter-spacing: -0.01em!important; margin: 30px 0!important; }

.footer-list a:hover { text-decoration: underline!important; }

/* BLOG */



@media screen and (max-width: 1680px){
	
	.footer-icon p, .footer-icon a { font-size: 16px!important; }
	
	.services-item .db { display: inline!important; }
/* 	.services-item .db, .septic-tag-alt-container .db { display: inline!important; } */
	
}


@media screen and (max-width: 1490px){
	
	.cta-btn a { font-size: 25px; }
	
	/* MAINTENANCE */
	
	.maintenance-badge { position: absolute; top: -50px; left: -50px; }	
	.maintenance-badge .fl-photo { text-align: left!important;  }
	.maintenance-badge .fl-photo-content img { width: 80%; }
	
	/* WHY */
	
	.why-small { max-width: 535px;  position: absolute; right: 0; bottom: 42%; right: 10%; }
	.why-small .db { font-size: 28px!important; }
	.why-container .fl-heading { max-width: 990px; width: 100%; margin: 0 auto !important; }
	
	/* FOOTER */
	
/* 	.footer-icon h5 { font-size: 18px!important; } 
	.footer-icon p { font-size: 14px; } */
	
	/* SEPTIC PAGE */
	
	
}

@media screen and (max-width: 1366px){
	
	/* HEADER */
	
	.header-text .fl-rich-text p, .header-tel .fl-icon-text p, .header-navigation .menu-item { font-size: 14px!important; }
	.header-tel .fl-icon i:before { font-size: 18px!important; }
	
	/* MAINTENANCE */
	
	.maintenance-badge { position: absolute; left: -1%; }	
	.maintenance-badge .fl-photo-content img { width: 19%; }
	
	/* 	 */
	
	.septic-fractured-box.alt { margin-top: 0 !important; margin-right: -100px !important; }
	
}

@media screen and (max-width: 1280px){
	
	/* HEADER */
	
	.header-btn .fl-button-text { font-size: 16px!important; }
	
	/* WHY */
	
	.why-small { max-width: 535px;  position: absolute; bottom: 42%; right: 5%; }	
	
	/* FOOTER */
	
	.footer-icon .ft-icon { max-width: 30px!important; }
	.footer-icon h5 { font-size: 14px!important; }
	.footer-icon p, .footer-icon a { font-size: 12px!important; line-height: 1.8em; }

	/* LOCATION */
	
	.location-search .location-field select, .location-search .location-form input[type=text] { height: 55px; padding: 10px; }
	.location-search .location-form { padding: 30px!important; }
	.location-search .location-form button { font-size: 25px; }
	.location-search .location-form button i { font-size: 20px; }

	
}

@media screen and (max-width: 1235px){
	
	.why-content p { font-size: 1.9vw!important; }
	
	
}


@media screen and (max-width: 1220px){

	.header-navigation .fl-menu-toggle { width: 30px!important; height: 34px!important; margin: -17px 0 0!important; }
	.header-navigation .fl-has-submenu-container a { padding-right: 30px!important; }

}

@media screen and (max-width: 1180px){
	
	/* HEADER */
	
	.header-text .fl-rich-text p, .header-tel .fl-icon-text p, .header-navigation .menu-item { font-size: 12px !important; }
		
	/* LOCATION */
	
	.location-listing { padding: 30px; }
	.location-listing .listing-button { font-size: 25px; }
	.location-listing .listing-name { font-size: 35px; }
	.location-listing .location-left p { font-size: 18px; }
	.location-listing .location-info p, .location-listing .location-info a, .location-serve p { font-size: 20px; }
}

@media screen and (max-width: 1160px){
	
	/* HEADER */
	
	.header-text .fl-rich-text p, .header-tel .fl-icon-text p { font-size: 12px!important; }
	.header-tel .fl-icon i:before { font-size: 18px!important; }
	
	/* FOOTER */
	
	.footer-icon .ft-icon { max-width: 25px!important; }
	.footer-icon h5 { font-size: 12px!important; }
	.footer-icon p, .footer-icon a { font-size: 10px!important; line-height: 1.8em; }
	
}

@media screen and (max-width: 1125px){
	
	/* SERVICES */
	
/* 	.tab-title::before { top: -20px; left: 403px; right: 0; } */

}

@media screen and (max-width: 1080px){
	
	/* HEADER */
	
	.header-navigation .menu-item { font-size: inherit!important; }
	.header-navigation .fl-menu-toggle { width: 20px !important; height: 25px !important; margin: -11px 0 0 !important; }
	.header-navigation .fl-menu-toggle:before { width: 5px!important; height: 5px!important; }
	.header-navigation .fl-has-submenu-container a { padding-right: 25px !important; }
	.header-btn .fl-button-text { font-size: inherit!important; }
	

	/* WHY */
	
	.why-container .fl-heading { max-width: 695px; }
	.why-small .db { font-size: 20px!important; }
    .why-small { max-width: 385px; bottom: 46%; right: 15%; }
	
	/* CONTACT */
	
	.banner-content.contact {  }
	.customer-testimonials h5 {  font-size: 1.5vw !important; }
	
	/* 	 */
	
    .septic-fractured-box.alt { margin-right: -50px !important; }

	
	/* FOOTER */
	
	.footer-list .fl-list-item-content-text p { margin: 10px 0!important; }

}

@media screen and (max-width: 980px){
	
	.septic-tag-alt-container .db, .septic-tag-container .db { display: inline!important; }
	
	/* HEADER */
	
	.header-navigation .menu-item a {  padding: 8px 20px 8px 12px !important; font-size: 9px!important; }
	.header-text .fl-rich-text p, .header-tel .fl-icon-text p { font-size: 11px!important; }

	/* WHY */
	
	.why-small { right: 12%; }
	
	/* SEPTIC */
	
	.septic-pumping-content { margin-bottom: 30px!important; }

	/* LOCATION */
	
	.location-search .location-field select, .location-search .location-form input[type=text] { height: 49px; padding: 10px; font-size: 18px; }
	.location-search .location-form button { font-size: 20px; padding: 10px 20px; }
	.location-search .location-form button i { font-size: 16px; }
	
	.location-listing { padding: 25px; }
	.location-listing .listing-button { font-size: 20px; }
	.location-listing .listing-name { font-size: 30px; }
	.location-listing .location-info p, .location-listing .location-info a, .location-serve p { font-size: 2vw; }
	
	/*  */
	
    .septic-fractured-box.alt { margin-right: -20px !important; }

	/* CONTACT */
	
	.customer-testimonials h5 {  font-size: 1.4vw !important; }

	
}

@media screen and (max-width: 880px){
	
	/* HEADER */
	
	.header-navigation .menu-item { font-size: 11px!important; }
	.header-text .fl-rich-text p, .header-tel .fl-icon-text p { font-size: 10px!important; }
	
	/* WHY */
	
	.why-small { right: 6%; }
	
	/* SEPTIC */
	
		

}
@media screen and (max-width: 857px){
	
    .why-content p { font-size: 1.85vw !important; }

}

@media screen and (max-width: 830px){
	
	.header-btn .fl-button { font-size: 1.5vw!important; }
	
	/* WHY */
	
	.why-small { bottom: 50%; }		
	
	.septic-tag-container .fl-button, .septic-tag-alt-container .fl-button { font-size: 2.2vw!important; }

}


@media screen and (max-width: 768px){

	
	body { min-width: 360px!important; }	
	.db { display: inline; }
	.tc-mob { text-align: center!important; }
	.space { padding-left: 6px!important; }
	
	.septic-tag-container .fl-button, .septic-tag-alt-container .fl-button { font-size: 20px!important; }
	
	.yrm-btn-wrapper { text-align: center!important; }
	
	.banner-heading span { display: inline!important; }
	
	.cta-btn { text-align: center; }
	.cta-btn a { border: 2px solid #FFFFFF; border-radius: 10px;  font-size: 20px; padding: 5px 35px; }
	
	.book-btn { font-size: 20px!important; padding: 5px 25px !important; border-width: 2px !important; border-radius: 10px !important; }
	.services-btn { font-size: 20px!important; border-width: 2px !important; border-radius: 10px !important; padding: 5px 25px !important; }
	.septic-btn, .septic-btn.alt { font-size: 20px!important; border: 2px solid !important; border-radius: 10px !important; padding: 5px 25px !important; line-height: unset!important; }
	.adv-btn { font-size: 20px!important; padding: 5px 25px !important; }
	.fix-btn, .fix-btn.alt { font-size: 20px!important; padding: 5px 30px !important; border: 2px solid #FFFFFF !important; border-radius: 8px !important; }
	.schedule-btn { font-size: 20px !important; padding: 5px 25px !important; border: 2px solid #FFFFFF !important; }
	
	/* HEADER */
	
	.header-btn { width: auto!important; margin-left: auto; }
	.navigation-list { order: 3!important; }
	.header-navigation .menu > li > a { color: #FFFFFF!important; }
	.header-navigation .menu-item { font-size: inherit!important; }
	.header-navigation .menu-item a { padding: 10px 15px !important; font-size: 16px!important; }
	.header-navigation .fl-menu-toggle:before { width: 9px!important; height: 9px!important; right: 20px!important; }
	.header-navigation .fl-menu-toggle { width: 80px !important; height: 100% !important; margin: 0 !important; transform: translateY(-50%)!important; }
	.header-navigation .fl-menu .fl-has-submenu.fl-active > .fl-has-submenu-container .fl-menu-toggle { transform: translateY(-50%) rotate( -180deg )!important; }
	.header-navigation .fl-menu .fl-has-submenu.fl-active > .fl-has-submenu-container .fl-menu-toggle:before { right: 60px !important; }
	.header-navigation ul { padding: 10px!important; }
	.navigation-list .hamburger { background-color: transparent!important; }
	.header-btn .fl-button { font-size: 16px!important; }
	
	body.services .menu a { color: #FFFFFF!important; }
	body.services .fl-menu .fl-toggle-arrows .fl-menu-toggle:before { border-color: #FFFFFF!important; }
	
	/* BANNER */
	
	.main-banner {  }
/* 	.banner-content { float: none!important; margin: 30px auto 0!important; } */
	.banner-content { float: none!important; margin: 0 auto!important; }
/* 	.banner-heading .db { font-size: 55px!important; line-height: 1.2em!important; } */
	.cta-search .location-form .location-field { width: 83.02%; }
	.cta-search .location-form .button { width: 16.98%; }

	/*SEARCH*/

	.content-search .db { display: block!important;  }
	
	/* WELCOME */
	
	.welcome-section, .welcome-container, .welcome-list, .welcome-bot, .state-local-container { float: none!important; margin: 0 auto!important; }
	.welcome-list .fl-col-content { background-color: transparent!important; }
	.welcome-img { position: relative; }
	
	/* SERVICES */
	
	.services-item:hover {  }
	.services-tab { float: none!important; margin: 0 auto!important; }
	.tab-items .uabb-tabs-nav { max-width: 372px; }
	.tab-title::before { display: none; }
	.tab-title::after { content: ''; background: url('https://www.homefieldonsite.com/wp-content/uploads/2024/11/ellipse.webp')no-repeat; background-size: 100% 100%; max-width: 100%; width: 100%; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; }
/* 	.tab-title { background: url(https://www.homefieldonsite.com/wp-content/uploads/2024/11/ellipse.webp) no-repeat; background-size: 100% 100%; } */
	.accordion-items h5 { color: #FFFFFF!important; }
	.accordion-items .uabb-accordion-desc a { color: #FFFFFF!important; font-size: 4.5vw!important; font-style: italic!important; }
	
	.accordion-items.inner { max-width: 100%!important; width: 80%!important; margin: 0 auto!important; }
	.accordion-items.inner h5 { color: #003263!important; }
	.accordion-items.inner .uabb-accordion-desc a { color: #003263!important; font-size: 4.5vw!important; font-style: italic!important; }
	.accordion-items.inner .uabb-adv-accordion-content { padding: 0 15px 15px!important; }
	
	
	/* MAINTENANCE */
	
	.maintenance-section { float: none!important; margin: 0 auto!important; }
	.maintenance-badge { top: -18px; left: 0; right: 0; }
	.maintenance-badge .fl-photo-content img { max-width: 35%; width: 100%; }
	.maintenance-box, .maintenance-box.sm { max-width: 100%!important; width: 100%!important; margin: 0 auto; } 
	
	.plan-item .db { display: block!important; }
	
	/* TESTIMONIALS */
	
	.testimonials-section { float: none!important; margin: 0 auto!important; }
	.testimonials-content .db { display: block!important;  }
	.testimonials-item .testimonial-inner { padding: 20px 25px!important; }
	.testimonials-item .ratings { margin: 5px 0 0; }
	.testimonials-item .testimonial-content { font-size: 3vw!important; text-align: left; }
	.testimonials-item .testimonial-name { font-size: 3vw!important; }

	/* PROCESS */
	
	.process-section { float: none!important; margin: 0 auto!important; }
	
	/* WHY */
	
	.why-container { float: none!important; margin: 0 auto!important; }
	.why-small { position: relative; max-width: 100%; top: 0; bottom: 0; right: 0; left: 0; }
	.why-small .db { font-size: 4.4vw !important; display: block; }
	.why-small p { font-size: 3.9vw!important; }
	.why-content { max-width: 100%!important; width: 100%!important; }
	.why-content p { font-size: inherit !important; }
	
	/* FOOTER */
	
	.footer-container { float: none!important; margin: 0 auto!important; }
	
	/* SEPTIC */
	
	.septic-container, .septic-service-container, .septic-pumping-container, .septic-tag-container, .septic-services-container, .septic-tag-alt-container, .septic-faqs-container { float: none!important; margin: 0 auto!important; }
	
	/* LOCATION */
	
	.location-search-container { float: none!important; margin: 0 auto!important; }
	.location-search .location-form { padding: 20px; flex-wrap: wrap; }
	.location-search .location-field, .location-search .location-form .separator, .location-search .location-form .button { width: 100%; }
	.location-search .location-form .button { text-align: center; margin: 20px 0 0; }
	.location-search .location-form button { font-size: 20px; padding: 5px 25px; border-radius: 12px; }
	.location-search .location-field select, .location-search .location-form input[type=text] { border-radius: 12px; }
	
	#location-results-list { padding: 30px 0 0; }
	#location-results-list h3 { font-size: 25px; }
	.location-listing .location-wrap { flex-wrap: wrap; }
	.location-listing .location-left { width: 100%; padding: 0 0 15px; }
	.location-listing .listing-name, .location-listing .location-left p { text-align: center; display: block; }
	.location-listing .location-right { width: 100%; }
	.location-listing .listing-button { max-width: 200px; margin: 0 auto; }
	.location-listing .location-left p, .location-listing .location-info p, .location-listing .location-info a, .location-serve p { font-size: 18px!important; }
	.location-serve { margin: 15px 0 0; }
	
	/* CONTACT */
	
	.testimonials-container, .contact-container { float: none!important; margin: 0 auto!important; }
	.customer-testimonials h5 { font-size: 2.5vw !important; }
	
	/* SERVICES */
	
	.commercial-services-container, .residential-services-container { float: none!important; margin: 0 auto!important; }
	
	/* RESOURCES */
	
	.resources-container { float: none!important; margin: 0 auto!important; }
	
	/* ABOUT */
	
	.story-container, .septic-fractured-container { float: none!important; margin: 0 auto!important; }
	.story-container p { margin: 0 0 15px!important; }
	
	/*  */
	
	.septic-fractured-box { margin: 0!important; }
	.septic-fractured-text { max-width: 100%!important; width: 100%!important; }
	
	.footer-icon h5, .footer-icon p, .footer-icon a, .footer-franchise h4, .footer-franchise .btn a { font-size: 16px !important; }
	.footer-icon .ft-icon { max-width: 40px !important; width: 100% !important; margin: 0 auto; }
	
	/* POST */
	
	.post-container { float: none!important; margin: 0 auto!important; }
	.post-item.single, .post-item.blog .post-content, .post-item.single .post-content  { max-width: 100%; }
	.post-item.single .post { margin-left: 0!important; }
	.post-item .post-content { padding: 0!important; }

	
}  

@media screen and (max-width: 680px){
	
/* 	.button-group { flex-wrap: wrap!important; }
	.button-group .fl-module-box { width: 100%!important; } */
	.book-btn { max-width: 267px!important; margin: 0 auto!important;  }
	
	.content-header h1 { font-size: calc(16px + 1.5vw)!important; }
	
	/* BANNER */

/* 	.main-banner .fl-row-content-wrap { min-height: 600px!important; } */
	.main-banner .fl-row-content-wrap { min-height: 100%!important; }
	.main-banner.post .fl-row-content-wrap { min-height: 350px!important; }
	.welcome-container h2 { font-size: 19vw !important; }
/* 	.banner-heading .db { font-size: 8.5vw !important; } */
	.banner-heading h1, .banner-heading h2 { font-size: 13vw !important; }
	.banner-content h4, .welcome-container h3, .banner-content p { font-size: 4vw !important; }

	.welcome-container p, .services-section p, .maintenance-content p, .maintenance-box p, .testimonials-content p, .why-container p, .process-text p, .process-text p span, .post-container p, .post-content p, .post-item p { font-size: 4vw !important; text-align: left !important; }
	.accordion-items p, .process-content p, .process-content p span { font-size: 3.5vw !important; line-height: 1.8em !important; }
	.check-list ul li, .check-list .fl-list-item p, .check-list ul li span { font-size: 3.5vw !important; }
	.check-list ul li::before { width: 24px; height: 29px; }


	.services-section h2, .maintenance-content h2, .testimonials-content h2, .state-local-container h2 { font-size: 6.8vw!important; }
	.accordion-items h5 { font-size: 5vw!important; }
	.accordion-items .uabb-accordion-desc a { font-size: 4vw !important; }
	.tab-items .uabb-tab-link { font-size: 10px; }

	.maintenance-box h2 { font-size: 8vw !important; }
	.process-text h2 { font-size: 6.8vw!important; }

	.why-container h2 { font-size: 18vw!important; }
	.why-container p { font-size: 4vw !important; text-align: left !important; }


	.why-small p { font-size: 3.9vw!important; text-align: center!important; }
	.why-small .db { font-size: 4.4vw !important; }
	
	/* SEPTIC */
	
	.septic-service-content h2 { font-size: 9vw!important; }
	.septic-container h1, .septic-container h2 { font-size: 13vw!important; }
	.septic-container .content-header h1 { font-size: calc(16px + 1.5vw)!important; }
	.septic-faqs-container h2, .septic-service-item h2, .septic-service-item h3, .septic-tag-container h2, .septic-tag-alt-container h2, .septic-tag-alt-container h4 { font-size: 7vw!important; }
	.septic-container p,.septic-service-text p, .septic-service-item p, .plan-item p { font-size: 4vw!important; }
	
	.faqs-accordion h5 { font-size: 5vw!important; }
	.faqs-accordion p { font-size: 3.5vw !important; line-height: 1.8em !important; }
	
	/* LOCATION */
	
	.banner-heading.location h2 { font-size: 19vw!important }
	
	.location-search-container h5 { font-size: 5vw!important; }
	.location-search-container h2 { font-size: 7vw!important; }
	.location-search-container p { font-size: 4vw!important; }
	
	.banner-heading.contact h2 { font-size: 13vw!important }
	.contact-container h2 { font-size: 6vw !important; }
	.contact-container h3 { font-size: 3.5vw !important; }
	.contact-container p { font-size: 4vw!important; }
	
	/* ABOUT */
	
	.story-container h2, .septic-services-container h2 {  font-size: 6.8vw !important; }
	
	/* CAP */
	
/* 	.banner-content.commercial-advantage-plan h2, .banner-content.commercial h2, .banner-content.commercial-ellis-county h2 { font-size: 13vw !important; } */
	
	/*  */
	
	.septic-fractured-container h2 { font-size: 13vw!important; }
	.septic-fractured-container h3 { font-size: 4vw !important; }
	
	.yrm-inner-content-wrapper { font-size: 4vw!important; }
	
	.post-content h3, .post-content h4 { font-size: 30px !important; margin: 15px 0!important; }
	.post-content p { margin: 0 0 15px !important; }

}

@media screen and (max-width: 639px){
	
	.contact-form .ginput_address_state, .contact-form .name_first, .contact-form .ginput_address_zip, .contact-form .name_last, .advantage-col span { inline-size: 100% !important; }
	
}

@media screen and (max-width: 622px){
	
	.button-group { flex-wrap: wrap!important; }
	.button-group .fl-module-box { width: 100%!important; }
	
}

@media screen and (max-width: 460px){

	.tab-items .uabb-tabs-nav { max-width: 260px!important; }
	.tab-items .uabb-tab-link, .tab-items .uabb-tab-title { font-size: 10px!important; }

}



@media screen and (max-width: 430px){


	.banner-content p, .welcome-container p, .services-section p, .maintenance-content p, .maintenance-box p, .maintenance-box .fl-rich-text .db, .testimonials-content p, .why-content p, .process-text p, .process-text p span, .process-content p, .process-content p span, .accordion-items p, .faqs-accordion p, .contact-container p, .post-container p, p span.db, .post-content p, .post-item p { font-size: 16px !important; }


	/* BANNER */
	
/* 	.main-banner .fl-row-content-wrap { min-height: 415px!important; } */
	.main-banner .fl-row-content-wrap { min-height: 100%!important; }
	
	.main-banner .fl-row-content { top: 7%!important; }
	
/* 	.banner-heading h1, .banner-heading h2 { font-size: 80px !important; } */
	.banner-heading h1, .banner-heading h2, .banner-heading.contact h2 { font-size: 50px !important; }
/* 	.banner-heading .db { font-size: 30px !important; } */
	.banner-content.location h2 { font-size: 24px!important; }
	.banner-content h3 { font-size: 16px!important; letter-spacing: 0em!important; }
	.banner-content h4 {  font-size: 16px !important; }
	
/* 	.banner-heading.location h2 { font-size: 75px !important; } */
/* 	.banner-heading.contact h2 { font-size: 70px !important; } */
	
	.content-header h1 { font-size: 18px !important; }
	.content-search h3 { font-size: 16px!important;  }


	.welcome-container h2 { font-size: 73px !important; }
/* 	.welcome-container h3 { font-size: 14px !important } */
	.welcome-container h3 { font-size: 18px !important }
	
	.check-list ul li, .check-list .fl-list-item p, .check-list ul li span { font-size: 16px !important; }	
	
	.services .check-list ul li::before { width: 25px; height: 40px; }
	.check-list .fl-list-item-icon { font-size: 30px!important; }

	
	.accordion-items .uabb-accordion-desc a { font-size: 20px!important; }
	
	.tab-title { position: relative; padding: 5px; margin: 0 5px; display: inline-block; }
	
	.services-section h2, .accordion-items h5 { font-size: 22px !important; }
	.accordion-items .uabb-adv-after-text .uabb-adv-accordion-button-label { padding-right: 0!important; }
	.services-content h3 { font-weight: 700!important; font-size: 18px!important; line-height: 1.2em!important; }
	.services-content span { display: block!important; }
	
	.maintenance-section .fl-col-content { padding-left: 10px!important; padding-right: 10px!important; }
	.maintenance-content h2, .advantage-container h2 { font-size: 24px !important; }
	.maintenance-content h3 { font-size: 18px !important; }
	.maintenance-box h2 { font-size: 29px !important; }

	.testimonials-content h2, .testimonials-section h2 { font-size: 24px !important; }
	.testimonials-content h3, .testimonials-section h3, .why-container h3 { font-size: 18px !important; }
	.testimonials-item .testimonial-name { font-size: 14px!important; }
	.testimonials-item .testimonial-content { font-size: 15px!important; }
	.testimonials-item .testimonial-inner { padding: 20px 25px!important; }
	.testimonials-item .ratings { margin: 5px 0 0; }

	.process-text h2 { font-size: 24px !important; }
	.process-text h3 { font-size: 18px !important; }
	.process-content h3, .process-content h4 { font-size: 20px!important; }
	.process-content p { line-height: 1.4em!important;  }

	.why-container h2 { font-size: 60px!important; }
	
	/* SEPTIC */
	
	.septic-container p, .septic-service-text p, .septic-service-item p, .septic-service-text p span, .septic-service-item p span, .septic-service-item ol li, .plan-item p { font-size: 16px!important; }
 	.septic-faqs-container h2, .septic-service-item h2, .septic-service-item h3, .septic-tag-container h2, .septic-tag-alt-container h2, .septic-tag-alt-container h4, .septic-tag-alt-container h3, .plan-item h3, .state-local-container h2, .septic-services-container h2 { font-size: 24px!important; }
	
	.septic-container h1, .septic-container h2 { font-size: 50px!important; }
	.septic-service-item ol { padding: 0 0 0 25px; }  
	.septic-service-item ol li { text-align: left!important; margin: 10px 0!important; }
	
	.septic-service-content h2 { font-size: 55px!important; line-height: 1em; }
	.septic-pumping-content h2 { font-size: 73px; line-height: 1em; }
	.septic-container h3, .septic-services-section h3, .septic-service-content h3, .septic-service-text h3, .septic-pumping-content h3, .septic-faqs-container h3, .septic-tag-alt-container h5, .septic-container .content-header h1 { font-size: 18px !important; }
	
	.faqs-accordion .uabb-accordion-desc { padding: 0 15px 15px!important; }
	.faqs-accordion h5 { font-size: 20px!important; }
	
	/* LOCATION */
	
	.location-search-container h5 { font-size: 18px!important; }
	.location-search-container h2 { font-size: 24px!important; }
 	.location-search-container p { font-size: 16px!important; }
	
	/* CONTACT */
	
	.customer-testimonials h5 { font-size: 14px !important; }
	.contact-container h2 { font-size: 24px !important; }
	.contact-container h3 { font-size: 18px !important; }
	
	/* RESOURCES */
	
	.resources-container h2 { font-size: 24px !important; }
	.resources-container p { font-size: 16px !important; }
	
	/* ABOUT */
	
	.story-container h2 { font-size: 24px !important; }
	.story-container p { font-size: 16px !important; }

	/* CAP */
	
	.banner-content.commercial-advantage-plan h2, .banner-content.commercial h2, .banner-content.commercial-ellis-county h2 { font-size: 50px!important; }
	
	.septic-fractured-container h2 { font-size: 50px !important; }
	.septic-fractured-container h3 { font-size: 18px !important; }
	.septic-fractured-text p { font-size: 16px !important; margin: 0 0 15px!important; }
	
	.yrm-inner-content-wrapper { font-size: 16px !important; }

	.cta-search .location-field input[type=text] { padding: 15px 20px; font-size: 14px; }
	
}

@media screen and (max-width: 420px){
	
	.banner-heading.location h2 { font-size: 75px !important; }
/* 	.banner-heading.contact h2 { font-size: 60px!important; } */
	.banner-content.commercial-advantage-plan h2, .banner-content.commercial h2 { font-size: 50px!important; }
	.banner-heading.contact.alt h2 { font-size: 50px!important; }
	
}

@media screen and (max-width: 390px){
	
/* 	.banner-heading.location h2 { font-size: 75px !important; }
	.banner-heading.contact h2 { font-size: 60px !important; }
	.banner-content.commercial-advantage-plan h2, .banner-content.commercial h2 { font-size: 55px!important; } */
	
}

/* ELLIS COUNTY */

.main-navigation.ellis-county .header-btn .fl-button-icon { font-size: 1.1vw !important; margin-right: 2px !important; }

.header-btn.subsite a { position: relative; background-image: linear-gradient(-180deg, #ad3052 50%, #8B1837 100%); font-family: "Born Strong", Verdana, Arial, sans-serif; font-weight: 500; font-size: 20px; color: #ffffff; border-radius: 10px!important; padding: 10px 20px 10px 40px!important; display: inline-block; text-align: center; float: right; line-height: 1em; border: 3px solid #FFFFFF; }
.header-btn.subsite a::before { content: ''; background: url('https://www.homefieldonsite.com/ellis-county/wp-content/uploads/sites/2/2025/01/phone-icon.webp')no-repeat center left; background-size: contain; max-width: 17px; width: 100%; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 15px;  }

.services-area-container { margin-left: auto!important; }
.services-area-container .list-column ul { padding: 0; margin: 0; list-style: none; column-count: 3; }
.services-area-container .list-column ol { padding: 0 0 0 30px; margin: 0; column-count: 3; } 
.tab-items.maintenance .uabb-tabs-nav { max-width: 270px; width: 100%; margin: 0 auto; padding: 13px; }

.septic-service-text.ellis-county { max-width: 500px; width: 100%; }

.plan-container .sm-text { font-size: 16px!important; }

.contact-container.ellis-county p { max-width: 780px!important; width: 100%!important; margin: 0 auto!important; }

@media screen and (max-width: 1610px){
		
	/* HEADER */
	
	.header-navigation.ellis-county .menu > li > a, .header-navigation.ellis-county .menu > li > .fl-has-submenu-container > a { font-size: 16px!important; }
	.header-container.ellis-county .header-text p { font-size: 16px!important; }
	.header-container.ellis-county .header-icon a { font-size: 14px!important; }	
	
}
	
	
@media screen and (max-width: 1490px){

	/* WHY */
	
	.why-container.ellis .fl-heading { max-width: 100%; width: 100%; margin: 0 auto !important; }

}

@media screen and (max-width: 1400px){

	/* HEADER */
	
	.header-navigation.ellis-county .menu > li > a, .header-navigation.ellis-county .menu > li > .fl-has-submenu-container > a { font-size: 13px!important; }
	.header-container.ellis-county .header-text p { font-size: 14px!important; }	
	
}

@media screen and (max-width: 1366px){

	/* HEADER */
	
	.header-container.ellis-county .header-text p, .header-container.ellis-county .header-text span, .header-container.ellis-county .header-icon a { font-size: 1vw!important; }
	.main-navigation.ellis-county .header-btn .fl-button, .main-navigation.ellis-county .header-btn .fl-button-icon { font-size: 1.1vw!important; }
	
}

@media screen and (max-width: 1280px){
	
	
	.header-btn.subsite a { font-size: 1.3vw; padding: 10px 15px 10px 35px !important; }
	.header-btn.subsite a::before { max-width: 1.2vw; }
	
}

@media screen and (max-width: 1148px){

	/* HEADER */
	
	.header-container.ellis-county .header-text p, .header-container.ellis-county .header-text span, .header-container.ellis-county .header-icon a { font-size: 0.9vw!important; }	
	.header-navigation.ellis-county .menu > li > a, .header-navigation.ellis-county .menu > li > .fl-has-submenu-container > a { font-size: 1.1vw!important; }

}


@media screen and (max-width: 1080px){

	/* HEADER */
	
	.header-container.ellis-county .header-text p, .header-container.ellis-county .header-text span, .header-container.ellis-county .header-icon a { font-size: 1.1vw!important; }	
	
	.header-btn a { font-size: 13px; padding: 10px!important; }

	/* WHY */
	
	.why-container.ellis .fl-heading { max-width: 100%; }
	
}

@media screen and (max-width: 980px){
	
	/* HEADER */
	
	.header-container.ellis-county .header-text p, .header-container.ellis-county .header-text span { font-size: 1.1vw!important; }
	.header-container.ellis-county .header-icon a { font-size: 1vw!important; }	
	.main-navigation.ellis-county .header-btn .fl-button { font-size: 1vw !important; }
	
	.header-btn.subsite a { padding: 10px 10px 10px 30px !important; }
	.header-btn.subsite a::before { left: 12px!important; }
 	
}

@media screen and (max-width: 768px){
	
	.main-navigation.ellis-county .header-btn .fl-button, .main-navigation.ellis-county .header-btn .fl-button-icon { font-size: 15px !important; }
/* 	.header-navigation.ellis-county .menu > li > a { font-size: 18px !important; color: #FFFFFF !important; } */
	.header-navigation.ellis-county .menu > li > a, .header-navigation.ellis-county .menu > li > .fl-has-submenu-container > a { font-size: 16px!important; color: #FFFFFF !important; }
	.header-button { margin-left: auto!important; }
	.header-container.ellis-county .header-icon a { font-size: 16px !important; }
	
	.header-btn a { font-size: 12px; padding: 8px 10px!important; }
	
	.main-banner.ellis-county .banner-content h3 {  }

	.services-areas-section { float: none!important; margin: 0 auto!important; }
	
	.tab-items.maintenance .uabb-tabs-nav { max-width: 230px; }
	
	.services-area-container h3 { font-size: 18px!important; }
	.services-area-container h2, .services-area-container h1 { font-size: 60px!important; }
	.services-area-container .list-column ul { padding: 0; margin: 0; list-style: none; column-count: 2; }
	.services-area-container .list-column ol { column-count: 2; }

	.tab-items.maintenance .uabb-tabs-nav { max-width: 175px!important; padding: 7px; }
	
	.accordion-items.inner.faqs { max-width: 100%!important; width: 100%!important; }
	
	.license-container { float: none!important; margin: 0 auto!important; }
	
	.septic-service-text.ellis-county { max-width: 100%!important; width: 100%!important; }
	
	.header-btn.subsite a { font-size: 14px; }
	.header-btn.subsite a::before { max-width: 12px; }
	
}

@media screen and (max-width: 680px){
	
    .main-banner.ellis-county .banner-content h3 { font-size: 3.3vw !important; }
	.services-area-container .list-column ul, .services-area-container .list-column ol { column-count: 1; }
	
	content-h1
	
}

@media screen and (max-width: 430px){
	
	.main-banner.ellis-county .banner-content h3 { font-size: 3vw!important; }
	.services-area-container p, .services-area-container .list-column ul li, .services-area-container .list-column ol li { font-size: 16px!important; }
	
/* 	.banner-content.commercial-ellis-county { margin-top: 25px!important; } */
	.banner-content.commercial-ellis-county h2 { font-size: 50px!important; }
	
	.commercial-services-container h3, .story-container h3 { font-size: 18px!important; }
	
	.license-container h2 { font-size: 24px!important; }
	.license-container h4 { font-size: 20px!important; }
	.license-container h3 { font-size: 18px!important; }
	.license-container p, .license-item p { font-size: 16px!important; }
}