/*
You can add your own CSS here.

Click the help icon above to learn more.
*/




/* Header: green "Request a Quote" button (menu item 6317) */
.main-header-menu .menu-item-6317{display:flex;align-items:center}
.main-header-menu .menu-item-6317 > .menu-link{background:#4E8A1E;color:#fff !important;border-radius:6px;padding:0 22px;line-height:42px;margin-left:10px;font-weight:600;transition:background .2s}
.main-header-menu .menu-item-6317 > .menu-link:hover,
.main-header-menu .menu-item-6317 > .menu-link:focus{background:#3F7318;color:#fff !important}
@media (max-width:921px){
  .main-header-menu .menu-item-6317{display:block;padding:14px 20px;background:#F9F9F4}
  .main-header-menu .menu-item-6317 > .menu-link{margin:0;text-align:center;justify-content:center;border-bottom:0}
}

/* Homepage: pin card buttons to the bottom so they line up (What we build + Who we build for) */
.elementor-element-a35a6f7 .e-con:has(> .elementor-widget-button),
.elementor-element-9996244 .e-con:has(> .elementor-widget-button){flex-grow:1}
.elementor-element-a35a6f7 .elementor-widget-button,
.elementor-element-9996244 .elementor-widget-button{margin-top:auto !important}
.elementor-element-a35a6f7 .elementor-button,
.elementor-element-9996244 .elementor-button{white-space:nowrap}

/* Comparison tables & lists on guide pages (Turf We Install, Court Surfaces, Court Size Guide, Warranty) */
.mg-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;border:1px solid #DCE3D2;background:#fff}
.mg-table{width:100%;border-collapse:collapse;margin:0;font-size:15px;line-height:1.5;min-width:640px}
.mg-table th,.mg-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #E6EBDF;color:#2B3A2F}
.mg-table thead th{background:#12291B;color:#fff;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;border-bottom:0}
.mg-table tbody th{font-weight:700;color:#12291B;white-space:nowrap}
.mg-table tbody tr:nth-child(even){background:#F7F9F3}
.mg-table tbody tr:last-child th,.mg-table tbody tr:last-child td{border-bottom:0}
ul.mg-list{margin:0 0 16px 0;padding-left:1.2em}
ul.mg-list li{margin-bottom:10px}
@media (max-width:767px){.mg-table{font-size:14px}.mg-table th,.mg-table td{padding:12px}}