/* ==========================================================================
   custom.css — Custom overrides for usedplants5 template
   Matches search box design to the reference screen
   Dimensions: Input 202px x 31px, Button 27px x 31px, Total 229px x 31px
   ========================================================================== */

/* --------------------------------------------------------------------------
   Top Banner & Search Container
   -------------------------------------------------------------------------- */
#top-banner-outer {
    background: #f5f7f2 !important;
    padding: 0 !important;
}

#top-banner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 55px !important;
    padding: 12px 0 !important;
    background: url(../images/top_banner.png) no-repeat center left !important;
    box-sizing: border-box !important;
}

/* Force JT Search to always be open and inline (no drawer, no popup) */
.jt-search-wrap,
#top-banner .jt-search-wrap {
    width: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.jt-search-wrap nav,
#top-banner .jt-search-wrap nav {
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hide popup trigger button and close button */
.jt-search-wrap .search-btn,
.jt-search-wrap .close-btn,
#top-banner .search-btn,
#top-banner .close-btn {
    display: none !important;
}

/* Container for the search form */
.jt-search.container,
.jt-search.container.nostyle,
.jt-search.container.show-nostyle,
#top-banner .jt-search.container,
#top-banner .jt-search.container.nostyle,
#top-banner .jt-search.container.show-nostyle {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    opacity: 1 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 1 !important;
    transition: none !important;
}

#top-banner form.mod-jtsearch {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

#top-banner .mod-finder__search {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 229px !important;
    min-width: 229px !important;
    max-width: 229px !important;
    height: 31px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    box-sizing: border-box !important;
}

/* Awesomplete wrapper */
#top-banner .mod-finder__search .awesomplete,
.jt-search-wrap .awesomplete {
    display: inline-block !important;
    flex: 0 0 202px !important;
    width: 202px !important;
    min-width: 202px !important;
    max-width: 202px !important;
    height: 31px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

/* --------------------------------------------------------------------------
   Search Input Field (202px wide x 31px high, solid dark border)
   -------------------------------------------------------------------------- */
#top-banner .mod-finder__search input[type="text"].js-finder-search-query,
#top-banner input.form-control.js-finder-search-query,
#top-banner .jt-search-wrap input[type="text"] {
    position: static !important;
    display: block !important;
    transform: none !important;
    left: auto !important;
    top: auto !important;
    width: 202px !important;
    min-width: 202px !important;
    max-width: 202px !important;
    height: 31px !important;
    min-height: 31px !important;
    max-height: 31px !important;
    line-height: 29px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #111111 !important;
    border-right: none !important;
    border-radius: 0 !important;
    padding: 0 8px !important;
    margin: 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    color: #222222 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    outline: none !important;
    vertical-align: middle !important;
}

#top-banner .mod-finder__search input[type="text"].js-finder-search-query:focus,
#top-banner input.form-control.js-finder-search-query:focus,
#top-banner .jt-search-wrap input[type="text"]:focus {
    border-color: #000000 !important;
    border-right: none !important;
    outline: none !important;
    box-shadow: none !important;
}

#top-banner .mod-finder__search input[type="text"].js-finder-search-query::placeholder,
#top-banner .mod-finder__search input[type="text"].js-finder-search-query::-webkit-input-placeholder,
#top-banner .mod-finder__search input[type="text"].js-finder-search-query::-moz-placeholder,
#top-banner .mod-finder__search input[type="text"].js-finder-search-query:-ms-input-placeholder {
    color: #666666 !important;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-style: normal !important;
    opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   "GO" Submit Button (27px wide x 31px high, navy blue, rounded right corners)
   -------------------------------------------------------------------------- */
#top-banner .mod-finder__search .btn.btn-primary,
#top-banner button.btn-primary,
#top-banner .jt-search-wrap .btn.btn-primary {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 27px !important;
    min-width: 27px !important;
    max-width: 27px !important;
    height: 31px !important;
    min-height: 31px !important;
    max-height: 31px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #091655 !important;
    background-color: #091655 !important;
    border: 1px solid #091655 !important;
    border-radius: 0 3px 3px 0 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    box-shadow: none !important;
    outline: none !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    font-size: 0 !important;
    line-height: 29px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

#top-banner .mod-finder__search .btn.btn-primary:hover,
#top-banner .mod-finder__search .btn.btn-primary:focus,
#top-banner button.btn-primary:hover,
#top-banner button.btn-primary:focus,
#top-banner .jt-search-wrap .btn.btn-primary:hover,
#top-banner .jt-search-wrap .btn.btn-primary:focus {
    background: #0d206f !important;
    background-color: #0d206f !important;
    border-color: #0d206f !important;
    color: #ffffff !important;
}

#top-banner .mod-finder__search .btn.btn-primary .icon-search,
#top-banner .mod-finder__search .btn.btn-primary [class*="icon-"],
#top-banner .btn.btn-primary .icon-search {
    font-size: 0 !important;
    line-height: 0 !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

#top-banner .mod-finder__search .btn.btn-primary .icon-search::before,
#top-banner .mod-finder__search .btn.btn-primary [class*="icon-"]::before,
#top-banner .btn.btn-primary .icon-search::before {
    content: "GO" !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    line-height: 29px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: block !important;
}

/* --------------------------------------------------------------------------
   Awesomplete Suggestion Dropdown
   -------------------------------------------------------------------------- */
#top-banner .awesomplete > ul {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 1000 !important;
    min-width: 229px !important;
    background: #ffffff !important;
    border: 1px solid #111111 !important;
    border-top: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: left !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15) !important;
}

#top-banner .awesomplete > ul > li {
    padding: 5px 8px !important;
    font-size: 11px !important;
    color: #333333 !important;
    cursor: pointer !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

#top-banner .awesomplete > ul > li:hover,
#top-banner .awesomplete > ul > li[aria-selected="true"] {
    background-color: #091655 !important;
    color: #ffffff !important;
}

#top-banner .awesomplete > ul::before {
    display: none !important;
}

/* --------------------------------------------------------------------------
   Sidebar Search (when displayed in #right)
   -------------------------------------------------------------------------- */
#right .jt-search-wrap {
    width: 100% !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
}

#right .jt-search-wrap nav {
    height: auto !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

#right .jt-search.container,
#right .jt-search.container.nostyle,
#right .jt-search.container.show-nostyle {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    opacity: 1 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    box-shadow: none !important;
}

#right .search-btn,
#right .close-btn {
    display: none !important;
}

#right form.mod-jtsearch {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

#right .mod-finder__search {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 31px !important;
    gap: 0 !important;
}

#right .mod-finder__search .awesomplete {
    flex: 1 1 auto !important;
    height: 31px !important;
}

#right .mod-finder__search input[type="text"].js-finder-search-query {
    width: 100% !important;
    height: 31px !important;
    line-height: 29px !important;
    background: #ffffff !important;
    border: 1px solid #111111 !important;
    border-right: none !important;
    border-radius: 0 !important;
    padding: 0 8px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    color: #222222 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    outline: none !important;
}

#right .mod-finder__search input[type="text"].js-finder-search-query::placeholder {
    color: #666666 !important;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    opacity: 1 !important;
}

#right .mod-finder__search .btn.btn-primary {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 27px !important;
    min-width: 27px !important;
    max-width: 27px !important;
    height: 31px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #091655 !important;
    border: 1px solid #091655 !important;
    border-radius: 0 3px 3px 0 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    font-size: 0 !important;
    line-height: 29px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

#right .mod-finder__search .btn.btn-primary .icon-search::before {
    content: "GO" !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    line-height: 29px !important;
    text-transform: uppercase !important;
}

/* --------------------------------------------------------------------------
   Responsive adjustments
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    #top-banner {
        padding: 10px 15px !important;
        justify-content: center !important;
    }
}

/* --------------------------------------------------------------------------
   Gap between main content (form) and right sidebar modules
   -------------------------------------------------------------------------- */
#right {
    padding-left: 30px !important;
    overflow: visible !important;
}

/* Ensure the sidebar search form and GO button are not clipped */
#right .mod-finder__search {
    overflow: visible !important;
}

#right .jt-search-wrap,
#right .jt-search.container,
#right .jt-search.container.nostyle,
#right .jt-search.container.show-nostyle {
    overflow: visible !important;
}

#right form.mod-jtsearch {
    overflow: visible !important;
}

/* Fix GO button text vertical centering — the generic icon rule sets
   height:27px but line-height:14px, causing the "GO" text to sit too high */
#right .mod-finder__search .btn.btn-primary [class^="icon-"],
#right .mod-finder__search .btn.btn-primary [class*=" icon-"],
#top-banner .mod-finder__search .btn.btn-primary [class^="icon-"],
#top-banner .mod-finder__search .btn.btn-primary [class*=" icon-"],
.btn.btn-primary .icon-search {
    height: 27px !important;
    line-height: 27px !important;
    width: auto !important;
    vertical-align: middle !important;
}

/* --------------------------------------------------------------------------
   Inner Page Headers (Plants for Sale, Equipment for Sale, etc.)
   Solid navy blue bar (#091655) with bold yellow tracked text (#F4EA2B)
   Applies ONLY to inner pages (body.innerpage)
   -------------------------------------------------------------------------- */
body.innerpage #main .page-header {
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    border: none !important;
}

body.innerpage #wrapper1 .item-page .page-header h1,
body.innerpage #wrapper1 .item-page .page-header h2,
body.innerpage #wrapper1 .item-page h2,
body.innerpage #wrapper1 .item-page h1,
body.innerpage #main .item-page .page-header h1,
body.innerpage #main .item-page .page-header h2,
body.innerpage #main .item-page h2,
body.innerpage #main .page-header h1,
body.innerpage #main .page-header h2,
body.innerpage #main .com-content-article h2,
body.innerpage .item-page .page-header h2,
body.innerpage .item-page .page-header h1 {
    background: #091655 !important;
    background-color: #091655 !important;
    color: #F4EA2B !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    letter-spacing: 0.2em !important;
    word-spacing: 0.5em !important;
    line-height: 18px !important;
    padding: 8px 0 8px 8px !important;
    margin: 0 0 15px 0 !important;
    text-align: left !important;
    border: none !important;
    box-shadow: none !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body.innerpage #wrapper1 .item-page .page-header h1 *,
body.innerpage #wrapper1 .item-page .page-header h2 *,
body.innerpage #wrapper1 .item-page h2 *,
body.innerpage #wrapper1 .item-page h1 *,
body.innerpage #main .item-page .page-header h1 *,
body.innerpage #main .item-page .page-header h2 *,
body.innerpage #main .item-page h2 *,
body.innerpage #main .page-header h1 *,
body.innerpage #main .page-header h2 *,
body.innerpage #main .com-content-article h2 *,
body.innerpage .item-page .page-header h2 *,
body.innerpage .item-page .page-header h1 * {
    color: #F4EA2B !important;
}

/* --------------------------------------------------------------------------
   Homepage Heading — "USED PROCESS PLANTS AND EQUIPMENT FOR SALE"
   No background, grey uppercase centered text with yellow underline bar
   Scoped strictly to homepage (body.home / body.page-home / body:not(.innerpage))
   -------------------------------------------------------------------------- */
body.home #main .page-header,
body.page-home #main .page-header,
body:not(.innerpage) #main .page-header {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
    text-align: center !important;
}

body.home #wrapper1 .item-page .page-header h1,
body.home #wrapper1 .item-page h1,
body.home #main .item-page .page-header h1,
body.home #main .item-page h1,
body.home #main h1,
body.page-home #wrapper1 .item-page .page-header h1,
body.page-home #wrapper1 .item-page h1,
body.page-home #main .item-page .page-header h1,
body.page-home #main .item-page h1,
body.page-home #main h1,
body:not(.innerpage) #wrapper1 .item-page .page-header h1,
body:not(.innerpage) #main .item-page .page-header h1,
body:not(.innerpage) #main h1 {
    background: transparent !important;
    background-color: transparent !important;
    color: #777777 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 32px !important;
    font-weight: 300 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: 25px 15px 15px 15px !important;
    margin: 0 auto 10px auto !important;
    position: relative !important;
    border: none !important;
    box-shadow: none !important;
    display: block !important;
    width: 100% !important;
}

body.home #wrapper1 .item-page .page-header h1 *,
body.home #wrapper1 .item-page h1 *,
body.home #main .item-page .page-header h1 *,
body.home #main .item-page h1 *,
body.home #main h1 *,
body.page-home #wrapper1 .item-page .page-header h1 *,
body.page-home #wrapper1 .item-page h1 *,
body.page-home #main .item-page .page-header h1 *,
body.page-home #main .item-page h1 *,
body.page-home #main h1 *,
body:not(.innerpage) #wrapper1 .item-page .page-header h1 *,
body:not(.innerpage) #main .item-page .page-header h1 *,
body:not(.innerpage) #main h1 * {
    color: #777777 !important;
}

body.home #wrapper1 .item-page .page-header h1::after,
body.home #main h1::after,
body.page-home #wrapper1 .item-page .page-header h1::after,
body.page-home #main h1::after,
body:not(.innerpage) #wrapper1 .item-page .page-header h1::after,
body:not(.innerpage) #main h1::after {
    content: "" !important;
    display: block !important;
    width: 50px !important;
    height: 3px !important;
    background-color: #F4EA2B !important;
    margin: 12px auto 0 auto !important;
}

/* --------------------------------------------------------------------------
   Left Sidebar - Latest Feature Offerings Module
   Ensures all items (headings, links, plain text) render in white text
   with consistent font size on the dark navy background (#091655).
   -------------------------------------------------------------------------- */
.left1 .moduletable._s8 .mod-custom,
.left1 .moduletable_s8 .custom_s8,
.left1 .moduletable._s8,
.left1 .moduletable_s8,
.left1 .custom_s8,
.left1 .latestnews_s8 {
    background: #091655 !important;
    box-sizing: border-box !important;
}

/* Module title banner remains yellow with dark navy text */
#contentarea-main .left1 .moduletable > h3,
#contentarea-main .left1 .moduletable._s8 > h3,
#contentarea-main .left1 .moduletable_s8 > h3,
.left1 .moduletable > h3,
.left1 .moduletable._s8 > h3,
.left1 .moduletable_s8 > h3,
.left1 .backh3,
.left1 .backh3 * {
    background: #F4EA2B !important;
    background-color: #F4EA2B !important;
    color: #091655 !important;
    font-size: 13px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

/* All headings, items, and text within the module body */
.left1 .mod-custom,
.left1 .mod-custom *,
.left1 .custom_s8,
.left1 .custom_s8 *,
.left1 .moduletable._s8 .mod-custom,
.left1 .moduletable._s8 .mod-custom *,
.left1 .moduletable_s8 .custom_s8,
.left1 .moduletable_s8 .custom_s8 *,
.left1 h3:not(.backh3),
.left1 h3:not(.backh3) *,
.left1 h3.hl,
.left1 h3.hl * {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1.4 !important;
}

/* Heading reset for items in left sidebar */
.left1 .mod-custom h3,
.left1 .custom_s8 h3,
.left1 .moduletable._s8 h3:not(:first-child),
.left1 .moduletable_s8 h3:not(:first-child),
.left1 h3.hl,
.left1 h3 {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1.4 !important;
}

/* All links in the left sidebar module */
.left1 a,
.left1 a:link,
.left1 a:visited,
.left1 a.feature,
.left1 h3 a,
.left1 h3.hl a,
.left1 h3 a.feature,
.left1 h3.hl a.feature {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

/* Hover state for links */
.left1 a:hover,
.left1 a:focus,
.left1 h3 a:hover,
.left1 h3.hl a:hover,
.left1 h3 a.feature:hover,
.left1 h3.hl a.feature:hover,
.left1 .moduletable a:hover,
.left1 .moduletable a:focus,
.left1 .module-content a:hover,
.left1 .module-content a:focus {
    color: #F4EA2B !important;
    text-decoration: underline !important;
}

/* Image alignment (e.g. new.gif) */
.left1 h3 img,
.left1 h3.hl img {
    vertical-align: middle !important;
    margin-right: 5px !important;
    display: inline-block !important;
}

/* ==========================================================================
   COMPREHENSIVE RESPONSIVE LAYOUT & CROSS-DEVICE OPTIMIZATIONS
   Ensures proper alignment, prevents horizontal scrolling & overlapping
   across Mobile (320px-767px), Tablet (768px-991px), and Desktop (992px+)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Global Viewport & Anti-Overflow Safety
   -------------------------------------------------------------------------- */
html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
    -webkit-text-size-adjust: 100%;
}

*, *::before, *::after {
    box-sizing: border-box;
}

#all {
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: clip;
    margin: 0 auto !important;
}

/* Responsive media: images, videos, iframes will never break viewport */
img, video, iframe, object, embed {
    max-width: 100% !important;
    height: auto !important;
}

/* Responsive tables */
table {
    max-width: 100% !important;
}

.table-responsive {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Container safety */
.container {
    width: 100% !important;
    max-width: 1200px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* --------------------------------------------------------------------------
   2. Header & Logo Responsive Scaling
   -------------------------------------------------------------------------- */
#header {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

#logo {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#logo img {
    max-width: 100% !important;
    height: auto !important;
    display: inline-block !important;
}

/* --------------------------------------------------------------------------
   3. Tablet & Mobile Responsive Breakpoint (<= 991px)
   -------------------------------------------------------------------------- */
@media (max-width: 991.98px) {

    /* Header & Logo */
    #header .logoheader {
        height: auto !important;
        min-height: 0 !important;
        padding: 15px 10px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    #logo {
        width: auto !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 5px 0 !important;
        text-align: center !important;
        float: none !important;
    }

    #logo img {
        max-width: 280px !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    .lang-selector {
        position: static !important;
        width: 100% !important;
        text-align: center !important;
        float: none !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
    }

    .lang-selector select {
        margin: 0 auto !important;
        display: inline-block !important;
        max-width: 90% !important;
    }

    /* Top Navigation Menu & Mobile Drawer */
    #topmenubar {
        width: 100% !important;
    }

    #topmenu {
        width: 100% !important;
        padding: 0 !important;
        float: none !important;
        height: auto !important;
    }

    #topmenu a#pull {
        display: block !important;
        background: #091655 !important;
        color: #ffffff !important;
        padding: 12px 20px !important;
        font-size: 15px !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        border-bottom: 2px solid #F4EA2B !important;
        position: relative !important;
        min-height: 46px !important;
        line-height: 22px !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    #topmenu a#pull:hover,
    #topmenu a#pull:focus {
        color: #F4EA2B !important;
        background-color: #07103e !important;
    }

    #topmenu a#pull::after {
        content: "" !important;
        background: url(../images/nav-icon.png) no-repeat center center !important;
        background-size: contain !important;
        width: 22px !important;
        height: 22px !important;
        position: absolute !important;
        right: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    #topmenu ul {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        background: #091655 !important;
    }

    #topmenu li {
        display: block !important;
        width: 100% !important;
        float: none !important;
        border-bottom: 1px solid rgba(244, 234, 43, 0.25) !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #topmenu li a {
        display: block !important;
        width: 100% !important;
        padding: 12px 20px !important;
        min-height: 44px !important;
        font-size: 14px !important;
        color: #ffffff !important;
        background: #091655 !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        text-align: left !important;
    }

    #topmenu li a:hover,
    #topmenu li a:focus,
    #topmenu li.active > a,
    #topmenu li.current > a {
        background: #F4EA2B !important;
        color: #091655 !important;
        font-weight: bold !important;
    }

    /* Tagline Banner */
    #breadcrumbs,
    #breadcrumbs .custom,
    #breadcrumbs .bg1 {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #breadcrumbs .bg1 {
        font-size: 16px !important;
        line-height: 1.4 !important;
        padding: 10px 15px !important;
        text-align: center !important;
        word-break: break-word !important;
    }

    #breadcrumbs .bg1 em {
        font-size: 14px !important;
        display: block !important;
        margin-top: 4px !important;
    }

    /* Content Area 3-Column Layout: Stack smoothly with optimal visual order */
    #contentarea-main .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #contentarea-main .col-md-12 {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        padding: 0 !important;
    }

    /* Order 1: Main Page Content / Article */
    #wrapper1,
    #wrapper1:not(.shownocolumns),
    #wrapper1.shownocolumns {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
        float: none !important;
        margin: 0 0 25px 0 !important;
        padding: 0 5px !important;
    }

    /* Order 2: Left Sidebar (Latest Feature Offerings) */
    #contentarea-main .left1,
    .left1 {
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
        float: none !important;
        margin: 0 0 25px 0 !important;
        padding: 0 5px !important;
    }

    /* Order 3: Right Sidebar */
    #contentarea-main #right,
    #right {
        order: 3 !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
        float: none !important;
        padding-left: 0 !important;
        margin: 0 0 25px 0 !important;
        padding: 0 5px !important;
    }

    /* Right sidebar modules full width */
    #right .moduletable,
    #right .moduletable_s6,
    #right .moduletable_s7,
    #right .search_s7,
    #right .mod-finder__search,
    #right form.mod-jtsearch {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Services Grid on Homepage (Tablets) */
    #flashFile .col-md-4.curtain {
        margin-bottom: 20px !important;
    }
}

/* --------------------------------------------------------------------------
   4. Mobile Devices Specific Breakpoint (<= 767px)
   -------------------------------------------------------------------------- */
@media (max-width: 767.98px) {

    /* Logo scaling */
    #logo img {
        max-width: 240px !important;
        height: auto !important;
    }

    /* Homepage Services Grid */
    #flashFile {
        padding: 0 10px !important;
    }

    #flashFile .col-md-4.curtain {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-bottom: 25px !important;
        padding: 0 !important;
    }

    #flashFile .curtain-img {
        max-height: none !important;
        width: 100% !important;
        float: none !important;
    }

    #flashFile .curtain-img a img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    #flashFile .curtain h1 a {
        font-size: 20px !important;
        text-align: center !important;
        display: block !important;
        padding: 12px 10px !important;
    }

    /* Top Banner Outer */
    #top-banner-outer {
        padding: 0 10px !important;
    }

    #top-banner {
        padding: 12px 10px !important;
        background-size: cover !important;
        min-height: auto !important;
    }

    /* Bottom CTA Banner */
    #bottom-banner-outer {
        padding: 20px 10px !important;
    }

    #bottom-banner .custom h2 {
        font-size: 22px !important;
        text-align: center !important;
        line-height: 1.3 !important;
    }

    #bottom-banner .started_here {
        text-align: center !important;
        margin-top: 15px !important;
        float: none !important;
    }

    #bottom-banner .started_here a {
        display: inline-block !important;
        padding: 12px 24px !important;
        font-size: 15px !important;
    }

    /* Forms & Inputs: ChronoForms, join us, contact */
    .chronoform,
    .chronoform .form-group,
    .chronoform .gcore-input,
    .chronoform input,
    .chronoform textarea,
    .chronoform select {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .chronoform .gcore-input input[type="text"],
    .chronoform .gcore-input textarea,
    .chronoform input.form-control,
    .chronoform textarea.form-control {
        width: 100% !important;
    }

    .form-horizontal .control-label {
        text-align: left !important;
        padding-bottom: 5px !important;
        float: none !important;
        display: block !important;
        width: 100% !important;
    }

    /* Article list of plants/equipment */
    #main .item-page ol,
    #main .item-page ul {
        padding-left: 20px !important;
        margin-left: 0 !important;
        word-break: break-word !important;
    }

    #main .item-page li {
        margin-bottom: 8px !important;
        line-height: 1.4 !important;
        font-size: 14px !important;
    }

    #main .item-page li a {
        word-break: break-word !important;
    }

    /* Footer Multi-column to Single Column */
    #footer-outer {
        padding: 25px 0 10px 0 !important;
    }

    #footer-inner .col-md-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 25px !important;
        text-align: center !important;
        float: none !important;
    }

    #footer-inner .box {
        width: 100% !important;
    }

    #footer-inner .box h3 {
        text-align: center !important;
        padding: 5px 0 !important;
    }

    #footer-inner ul.menu li {
        text-align: center !important;
        float: none !important;
    }

    #footer-inner ul.menu li a {
        display: inline-block !important;
        padding: 6px 0 !important;
        font-size: 14px !important;
    }

    #footer-inner ul.menu li a:link {
        background: none !important;
        padding-left: 0 !important;
    }

    #footer-inner .customfp-footer {
        text-align: center !important;
    }

    #footer-inner .customfp-footer .gantry-width-90,
    #footer-inner .customfp-footer .gantry-width-block {
        width: 100% !important;
        text-align: center !important;
    }

    #footer-sub .col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 10px !important;
        float: none !important;
    }

    .footer-copyright,
    .footer-credit {
        text-align: center !important;
    }
}

/* --------------------------------------------------------------------------
   5. Small Mobile Screens Breakpoint (<= 480px)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {

    /* Logo scaling */
    #logo img {
        max-width: 210px !important;
        height: auto !important;
    }

    /* Tagline */
    #breadcrumbs .bg1 {
        font-size: 13px !important;
        padding: 8px 10px !important;
    }

    #breadcrumbs .bg1 em {
        font-size: 12px !important;
    }

    /* Search bar width on narrow phones */
    #top-banner .mod-finder__search,
    #top-banner form.mod-jtsearch {
        max-width: 100% !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #top-banner .mod-finder__search .awesomplete {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 32px) !important;
    }

    #top-banner .mod-finder__search input[type="text"].js-finder-search-query,
    #top-banner input.form-control.js-finder-search-query {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* Heading text sizing */
    #wrapper1 .item-page .page-header h2,
    #wrapper1 .item-page h2,
    body.innerpage #main .page-header h2 {
        font-size: 14px !important;
        letter-spacing: 0.1em !important;
        word-spacing: 0.2em !important;
        padding: 6px 8px !important;
    }
}

/* ==========================================================================
   Social Media Icons below footercol4 (#rj_social)
   Matching original design: 3 circular grey icons (Twitter, Facebook, LinkedIn)
   ========================================================================== */
#rj_social,
#rj_social.social {
    display: block;
    margin-top: 15px;
    clear: both;
}

#rj_social ul,
#rj_social.social ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
}

#rj_social ul li,
#rj_social.social ul li {
    list-style: none !important;
    display: inline-block !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

#rj_social ul li a,
#rj_social.social ul li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background-color: #707070 !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    text-decoration: none !important;
    transition: background-color 0.25s ease, opacity 0.25s ease, transform 0.2s ease !important;
    box-shadow: none !important;
}

#rj_social ul li a:hover,
#rj_social.social ul li a:hover {
    background-color: #091655 !important;
    opacity: 0.9 !important;
    transform: translateY(-2px);
}

/* Twitter Bird Icon */
#rj_social ul li a.twitter,
#rj_social.social ul li a.twitter {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ffffff'%3E%3Cpath d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/%3E%3C/svg%3E") !important;
    background-size: 16px 16px !important;
}

/* Facebook Icon */
#rj_social ul li a.facebook,
#rj_social.social ul li a.facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='%23ffffff'%3E%3Cpath d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/%3E%3C/svg%3E") !important;
    background-size: 13px 18px !important;
}

/* LinkedIn Icon */
#rj_social ul li a.linkedin,
#rj_social.social ul li a.linkedin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ffffff'%3E%3Cpath d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z'/%3E%3C/svg%3E") !important;
    background-size: 15px 16px !important;
}

@media (max-width: 767px) {
    #rj_social ul,
    #rj_social.social ul {
        justify-content: center !important;
    }
}


/* ==========================================================================
   Contact Us footer – Fax & Phone icons (matching reference screenshot)
   Uses SVG data-uri ::before so no external font dependency is needed.
   Targets the 2nd <p> (Fax) and 3rd <p> (Phone) inside .customfp-footer
   ========================================================================== */

/* Shared icon styles */
#mod-custom167 .customfp-footer p:nth-child(2),
#mod-custom167 .customfp-footer p:nth-child(3),
.customfp-footer p:nth-child(2),
.customfp-footer p:nth-child(3) {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 4px 0 !important;
}

#mod-custom167 .customfp-footer p:nth-child(2)::before,
.customfp-footer p:nth-child(2)::before {
    content: "" !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23555555'%3E%3Cpath d='M64 0C28.7 0 0 28.7 0 64L0 304c0 35.3 28.7 64 64 64l176 0 0 32-32 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0 0-32 176 0c35.3 0 64-28.7 64-64l0-240c0-35.3-28.7-64-64-64L64 0zM448 240l0 64-384 0 0-64 384 0zM64 80c0-8.8 7.2-16 16-16l96 0c8.8 0 16 7.2 16 16s-7.2 16-16 16L80 96c-8.8 0-16-7.2-16-16zm128 0c0-8.8 7.2-16 16-16s16 7.2 16 16s-7.2 16-16 16s-16-7.2-16-16zm64 0c0-8.8 7.2-16 16-16s16 7.2 16 16s-7.2 16-16 16s-16-7.2-16-16z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
}

#mod-custom167 .customfp-footer p:nth-child(3)::before,
.customfp-footer p:nth-child(3)::before {
    content: "" !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23555555'%3E%3Cpath d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
}

/* Align inline icon with text on mobile */
@media (max-width: 767px) {
    #mod-custom167 .customfp-footer p:nth-child(2),
    #mod-custom167 .customfp-footer p:nth-child(3),
    .customfp-footer p:nth-child(2),
    .customfp-footer p:nth-child(3) {
        justify-content: center !important;
    }
}

/* --------------------------------------------------------------------------
   Pagination Layout Fix
   -------------------------------------------------------------------------- */
.pagination {
    display: flex !important;
    padding-left: 0 !important;
    list-style: none !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 5px !important;
    margin-top: 20px !important;
}

.pagination .page-item {
    display: inline-block !important;
    margin: 0 !important;
}

/* Pagination base - ULTRA-COMPACT for single line fit */
#main .item-page .pagination .page-link,
#main .item-page .pagination li a,
#main .item-page .pagination li span {
    display: inline-block !important;
    padding: 2px 4px !important;
    line-height: 1 !important;
    color: #091655 !important;
    background-color: #fff !important;
    border: 0.5px solid #ccc !important;
    text-decoration: none !important;
    border-radius: 1px !important;
    font-size: 11px !important;
    height: auto !important;
}

/* Active page — override fix.css's high-specificity #main .item-page * rule */
#main .item-page .pagination .page-item.active .page-link,
#main .item-page .pagination .page-item.active > a,
#main .item-page .pagination .page-item.active > span,
#main .item-page .pagination li.active > a,
#main .item-page .pagination li.active > span,
#main .item-page .pagination li.active .page-link {
    z-index: 3 !important;
    color: #ffffff !important;
    background-color: #091655 !important;
    border-color: #091655 !important;
    text-decoration: none !important;
}

/* Disabled */
#main .item-page .pagination .page-item.disabled .page-link,
#main .item-page .pagination li.disabled > a,
#main .item-page .pagination li.disabled > span {
    color: #6c757d !important;
    pointer-events: none !important;
    background-color: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

/* Hover */
#main .item-page .pagination .page-link:hover,
#main .item-page .pagination li a:hover {
    color: #0d206f !important;
    background-color: #e9ecef !important;
    border-color: #dee2e6 !important;
    text-decoration: none !important;
}

/* Pagination wrapping and display — show all buttons */
.pagination {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    overflow: visible !important;
    overflow-x: visible !important;
    gap: 2px !important;
    max-width: 100% !important;
    justify-content: center !important;
    align-content: center !important;
    width: 100% !important;
}

ul.pagination {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    overflow-x: visible !important;
    gap: 3px !important;
    width: 100% !important;
    justify-content: center !important;
}

.pagination .page-item,
ul.pagination .page-item,
ul.pagination li {
    display: inline-block !important;
    flex-shrink: 1 !important;
    flex-basis: auto !important;
    min-width: auto !important;
    white-space: nowrap !important;
}

.pagination__wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    overflow-x: visible !important;
    width: 100% !important;
    justify-content: center !important;
}

.pagenavcounter {
    margin: 15px 0 !important;
    font-weight: bold !important;
}

/* FIXED: One-line pagination - all items on single line */
#main ul.pagination,
#main .pagination,
.item-page ul.pagination,
.item-page .pagination,
#wrapper1 ul.pagination,
#wrapper1 .pagination,
.pagination,
ul.pagination {
    display: flex !important;
    flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    margin: 0 auto !important;
    gap: 1px !important;
}

/* Shrink pagination items to fit on one line */
.pagination .page-item,
ul.pagination li,
ul.pagination .page-item {
    flex: 0 0 auto !important;
    min-width: auto !important;
    box-sizing: border-box !important;
}

/* Pagination Icons */
.pagination .icon-angle-double-left::before {
    content: "\00AB" !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
}
.pagination .icon-angle-left::before {
    content: "\2039" !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
}
.pagination .icon-angle-right::before {
    content: "\203A" !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
}
.pagination .icon-angle-double-right::before {
    content: "\00BB" !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
}

/* --------------------------------------------------------------------------
   Finder (Smart Search) Component Styling – Match site's navy/yellow design
   -------------------------------------------------------------------------- */
.com-finder__search {
    margin: 20px 0 !important;
}
.com-finder__search .form-inline {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}
.com-finder__search label {
    font-weight: 600 !important;
    color: #091655 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}
.com-finder__search .input-group {
    display: flex !important;
    width: 100% !important;
    max-width: 500px !important;
    flex: 1 1 auto !important;
}
.com-finder__search .js-finder-search-query {
    height: 42px !important;
    padding: 8px 14px !important;
    border: 2px solid #091655 !important;
    border-radius: 4px 0 0 4px !important;
    font-size: 15px !important;
    color: #333 !important;
}
.com-finder__search .js-finder-search-query:focus {
    outline: none !important;
    border-color: #091655 !important;
    box-shadow: 0 0 0 3px rgba(9, 22, 85, 0.1) !important;
}
.com-finder__search .btn-primary {
    height: 42px !important;
    min-width: auto !important;
    max-width: none !important;
    width: auto !important;
    padding: 0 20px !important;
    border: none !important;
    border-radius: 0 4px 4px 0 !important;
    background-color: #091655 !important;
    color: #F4EA2B !important;
    font-weight: bold !important;
    font-size: 14px !important;
    line-height: 42px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}
.com-finder__search .btn-primary:hover,
.com-finder__search .btn-primary:active {
    background-color: #F4EA2B !important;
    color: #091655 !important;
}
.com-finder__search .btn-primary .icon-search {
    font-size: 0 !important;
}
.com-finder__search .btn-primary .icon-search::before {
    content: "GO" !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #F4EA2B !important;
    white-space: nowrap !important;
}
button.btn-secondary {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.com-finder__search .btn-secondary:hover,
.com-finder__search .btn-secondary:active {
    background-color: #5a6268 !important;
}

/* --------------------------------------------------------------------------
   Contact Form – Center on page with removed title background (Contact Us only)
   -------------------------------------------------------------------------- */
form.nui,
.chronoform {
    max-width: 600px !important;
    margin: 0 auto !important;
    padding: 20px !important;
    background: #ffffff !important;
    border-radius: 4px !important;
}

/* Remove blue background from contact form title */
#wrapper1 .item-page #chronoform-contact-form h2,
#wrapper1 .item-page form.nui h2,
#wrapper1 .item-page .chronoform h2 {
    background: transparent !important;
    background-color: transparent !important;
    color: #091655 !important;
    padding: 0 0 15px 0 !important;
    margin: 0 0 20px 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Center the col-md-12 container for contact us page */
#contentarea-main .col-md-12 {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
}

/* Force contact form centering using multiple methods */
#wrapper1 .item-page form.nui,
#wrapper1 .item-page #chronoform-contact-form,
#wrapper1 .item-page form.chronoform,
.item-page form.nui,
.item-page #chronoform-contact-form,
form.chronoform {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 600px !important;
    max-width: calc(100% - 40px) !important;
    display: block !important;
    flex-direction: initial !important;
    gap: initial !important;
}

/* Additional override for flex properties that might be interfering */
form.nui {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#main h3.hl a.feature, #main h3 a.feature, #main .item-page a {
  
  text-decoration: none !important;
}

#footer-inner .box .box a {
  color: #444;
  text-decoration: underline;
}

/* Contact Us section styling - dark navy text for consistency */
#wrapper1 .item-page p {
    color: #091655 !important;
    font-size: 14px;
    line-height: 1.6;
}

#wrapper1 .item-page p strong,
#wrapper1 .item-page p b {
    color: #091655 !important;
}

/* Override Bootstrap blue links in contact section - HIGHEST PRIORITY */
#wrapper1 .item-page p a {
    color: #091655 !important;
    text-decoration: underline !important;
}

#wrapper1 .item-page p a:visited {
    color: #091655 !important;
}

#wrapper1 .item-page p a:hover {
    color: #F4EA2B !important;
    background-color: #091655 !important;
}

/* Fallback: target all links in contact/item area */
#main .item-page a {
    color: #091655 !important;
}

#wrapper1 a {
    color: #091655 !important;
}

/* --------------------------------------------------------------------------
   Plants for Sale Section - Hover Effects (underline only, no color change)
   Items in main content area should show underline on hover
   Keep original text color unchanged
   -------------------------------------------------------------------------- */
#main .item-page a:hover:not(.page-header a),
#wrapper1 .item-page ol li a:hover,
#wrapper1 .item-page ul li a:hover,
.item-page ol li a:hover,
.item-page ul li a:hover,
#contentarea-main .item-page a:hover {
    text-decoration: underline !important;
}

/* Exclude contact section links from this rule to keep them yellow on hover */
#main .item-page p a:hover {
    color: #F4EA2B !important;
    background-color: #091655 !important;
    text-decoration: underline !important;
}

/* --------------------------------------------------------------------------
   Latest Feature Offerings - Aggressive Hover Effects
   Force yellow text and underline on hover for all left sidebar links
   -------------------------------------------------------------------------- */
.left1 a:hover {
    color: #F4EA2B !important;
    text-decoration: underline !important;
}

.left1 a:focus {
    color: #F4EA2B !important;
    text-decoration: underline !important;
}

/* Multiple selector combos for maximum coverage */
#contentarea-main .left1 a:hover,
#wrapper1 .left1 a:hover,
div.left1 a:hover,
aside.left1 a:hover,
.container .left1 a:hover,
.row .left1 a:hover {
    color: #F4EA2B !important;
    text-decoration: underline !important;
}

#contentarea-main .left1 a:focus,
#wrapper1 .left1 a:focus,
div.left1 a:focus,
aside.left1 a:focus,
.container .left1 a:focus,
.row .left1 a:focus {
    color: #F4EA2B !important;
    text-decoration: underline !important;
}