/*

Theme Name: Farm 2026

Theme URI: http://thetrafficexchangescript.com/

Description: The default theme for LFMTE traffic exchanges.

Version: 3.0

Author: Josh Abbott

*/


@charset "utf-8";


/* Main font settings */

body {
	font-size: 16px;
	font-weight: 400;
	color: #212529;
	background-color: #f5f8fa;
}


/* Optional brand region. Compact logo dimensions below are defaults, not limits for mastheads. */
.lfm_brand_scene:empty { display: none; }
.lfm_brand_scene { position: relative; isolation: isolate; }
.lfm_brand_scene img { max-width: 100%; height: auto; }
.lfm_brand_scene .lfm_brand_decoration { pointer-events: none; }

/* Navigation surfaces: the active category shares a border with its submenu. */
.lfm_menu_bar { background: #007bff; margin-bottom: 20px; }
.lfm_menu_bar .navbar { align-items: start; }
.lfm_brand { padding: 6px 0; }
.lfm_menu_logo { max-height: 35px; max-width: 160px; object-fit: contain; }
.lfm_menu_bar .navbar-nav > .nav-item > .nav-link {
    color: #fff; font-size: 15px; padding: 10px 15px; position: relative;
    border: 1px solid transparent; border-radius: 5px 5px 0 0;
}
.lfm_menu_bar .navbar-nav > .lfm_tab_opened > .nav-link {
    color: #001330; background: #fff; border-color: #ddd; border-bottom-color: #fff;
}
.lfm_menu_bar .nav-link:hover { background: #0065d1; }
.lfm_menu_bar .lfm_tab_opened > .nav-link:hover { background: #fff; }
.lfm_menu_tab {
    display: none; position: static; flex-wrap: wrap; min-width: 0;
    background: #fff; border: 1px solid #ddd; width: 100%; margin: 0;
}
li.lfm_tab_opened > .lfm_menu_tab { display: flex; }
.lfm_menu_tab > li > a, .lfm_public_link > a {
    display: block; padding: 12px 18px; color: #343a40; font-size: 15px;
    text-decoration: none; overflow-wrap: anywhere;
}
.lfm_public_link > a { color: #fff; }
.lfm_menu_tab a:hover { color: #001330; background: #eef3f8; }
.lfm_menu_tab .dropdown-menu { max-width: calc(100vw - 32px); }
.lfm_menu_tab .dropdown-menu a {
    display: block; padding: 8px 20px; color: #343a40;
    white-space: normal; overflow-wrap: anywhere; text-decoration: none;
}
.lfm_menu_bar a:focus-visible, .lfm_menu_bar button:focus-visible, .lfm_nav_search input:focus-visible {
    outline: 3px solid #ffcc33; outline-offset: 2px;
}
.lfm_nav_search { position: relative; min-width: 0; margin: 0 0 8px; }
.lfm_nav_search[hidden], #lfm-nav-results[hidden] { display: none !important; }
.lfm_nav_search input {
    width: 100%; min-width: 0; border: 1px solid #9ca9b8; border-radius: 4px;
    background: #fff; color: #212529; padding: 9px 12px; font: inherit;
}
#lfm-nav-results {
    position: absolute; top: 100%; right: 0; width: max(100%, 320px); max-width: calc(100vw - 32px);
    z-index: 1100; max-height: min(360px, 50vh); overflow-y: auto;
    background: #fff; color: #212529; border: 1px solid #9ca9b8;
    border-radius: 4px; box-shadow: 0 6px 18px #00133033; padding: 4px; margin: 4px 0 0; list-style: none;
}
#lfm-nav-results > li { padding: 10px 12px; overflow-wrap: anywhere; }
#lfm-nav-results > [role=option] { cursor: pointer; }
#lfm-nav-results > [aria-selected=true], #lfm-nav-results > [role=option]:hover { background: #e6f0ff; color: #001330; }
#lfm-nav-results small { display: block; color: #526176; }
@media (min-width: 992px) {
    .lfm_menu_bar .navbar { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; }
    /* navigation.js derives these tracks from rendered categories, including client-added tabs. */
    .lfm_menu_bar .navbar-collapse { --lfm-search-space: 196px; display: grid !important; grid-template-columns: repeat(var(--lfm-category-count, 3), max-content) minmax(var(--lfm-search-space), 1fr); align-items: end; min-width: 0; }
    .lfm_menu_bar .navbar-nav, .lfm_menu_bar .navbar-nav > .nav-item { display: contents; }
    .lfm_menu_bar .navbar-nav > .nav-item > .nav-link { grid-row: 1; margin-bottom: -1px; z-index: 1; }
    .lfm_menu_tab { grid-column: 1 / -1; grid-row: 2; }
    .lfm_nav_search { grid-column: var(--lfm-search-column, 4); grid-row: 1; margin-left: 16px; justify-self: end; width: min(100% - 16px, 320px); }
    /* Keep search above the tabs when crowded, preserving the tab/submenu connection.
       Equal bounded tracks let even long category labels wrap without overflowing. */
    .lfm_menu_bar .navbar-collapse.lfm_search_stacked { grid-template-columns: repeat(var(--lfm-category-count, 3), minmax(0, 1fr)); }
    .lfm_search_stacked .lfm_nav_search { grid-column: 1 / -1; grid-row: 1; margin-left: 0; width: min(100%, 320px); }
    .lfm_menu_bar .lfm_search_stacked .navbar-nav > .nav-item > .nav-link { grid-row: 2; min-width: 0; overflow-wrap: anywhere; }
    .lfm_search_stacked .lfm_menu_tab { grid-row: 3; }
    .lfm_public_link { grid-row: 1; }
}
@media (max-width: 991.98px) {
    .lfm_menu_bar .navbar { align-items: center; }
    .lfm_menu_bar .navbar-collapse.show, .lfm_menu_bar .navbar-collapse.collapsing { display: flex; flex-direction: column; align-items: stretch; }
    .lfm_nav_search { order: -1; margin-top: 12px; }
    #lfm-nav-results { position: static; width: 100%; max-width: none; box-shadow: none; }
    .lfm_menu_bar .navbar-nav > .nav-item > .nav-link { border-radius: 0; padding-right: 36px; }
    .lfm_menu_bar .navbar-nav > .nav-item > .nav-link::after { content: '▸'; position: absolute; right: 12px; }
    .lfm_menu_bar .navbar-nav > .lfm_tab_opened:not(.lfm_tab_closed) > .nav-link::after { content: '▾'; }
    .lfm_menu_bar .navbar-nav > .lfm_tab_closed > .nav-link { color: #fff; background: transparent; border-color: transparent; }
    .lfm_menu_tab { flex-direction: column; background: #f5f8fa; }
    li.lfm_tab_closed > .lfm_menu_tab { display: none; }
    .lfm_menu_tab > li > a { padding-left: 28px; }
    .lfm_menu_tab .dropdown-menu { position: static !important; transform: none !important; float: none; max-width: 100%; }
    .lfm_menu_tab .dropdown-menu a { padding-left: 40px; }
}


/* Styles for the footer */

.lfm_footer {
	background-color: #001330;
}


/* Icon settings */

.far, .fas {
	margin-right:3px;
}

.feedicon {
	color:#3097D1;
	font-size:20px;
	margin-right:5px;
}


/* Profile picture sizes */

.profilepic_small {
	width:40px;
	height:40px;
}

.profilepic_med {
	width:75px;
	height:75px;
}

.profilepic_large {
	width:200px;
	height:200px;
}


/* Various styles */

.buttonlink {
	/* This class defines <a> tag links that look like buttons */
	cursor: pointer;
	background-color:#1468e5;
	border-radius:2px;
	border:1px solid #002175;
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF;
	font-family:arial;
	font-size:18px;
	font-weight:500;
	padding:4px 7px;
	margin:2px 1px 2px 1px;
	text-decoration:none;
}
.buttonlink:hover {
	/* This controls the button links when you hover over them */
	color:#FFFFFF;
	background-color:#3385FF;
	text-decoration:none;
}


.infobar {
	/* This class defines sections that span the entire page width */
	width:100%;
	padding-top: 15px;
	padding-bottom: 15px;
	color:#FFFFFF;
	background-color:#555555;
}
.infobar h2 {
	color:#FFFFFF;
}


.vcenter {
	/* This is a class that can be used in Bootstrap rows to vertically center the content */
	display: flex;
	align-items: center;
}


/* The next 3 sections control various text styles used throughout the LFM Members Area */
.lfm_title {
	font-family: "Arial"; color:#333333; font-size:32px;
}

.lfm_descr {
	font-family: "Arial"; color:#111111; font-size:16px;
}

.lfm_descr_bold {
	font-family: "Arial"; color:#000000; font-size:16px;
	font-weight:700;
}

/* Farm Traffic — everyday farmstead.
   Shared styles retain the platform's grid, tables, forms and navigation behavior. */
:root {
    --farm-forest: #253f30;
    --farm-pasture: #527b39;
    --farm-cream: #fff8e8;
    --farm-oat: #eee6d5;
    --farm-red: #b93424;
    --farm-gold: #dda43c;
    --farm-rule: #c9bea6;
}
body {
    background: var(--farm-oat);
    color: #343b30;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;
}
a { color: #24647b; }
a:hover { color: #184659; }
.lfm_title { color: var(--farm-forest); }
.lfm_descr, .lfm_descr_bold { color: #343b30; }
.btn-primary, .buttonlink {
    background-color: var(--farm-red);
    border-color: #8e2c21;
    color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .buttonlink:hover {
    background-color: #91291e;
    border-color: #792419;
    color: #fff;
}
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #792419;
    border-color: #792419;
}
.btn-outline-primary { color: #285039; border-color: #527b39; }
.btn-outline-primary:hover { background-color: #285039; border-color: #285039; }
.form-control:focus {
    border-color: #527b39;
    box-shadow: 0 0 0 .2rem rgba(82,123,57,.2);
}
.card { border-color: #d6ceba; }
.card-header { background-color: #f5efdf; border-bottom-color: #d6ceba; }
.table thead th { border-bottom-color: #b5bea9; }

/* One panoramic brand image; the center crop keeps the lettering readable on phones. */
.lfm_brand_scene {
    height: clamp(250px, 26vw, 520px);
    background: #a9d9ed;
    border-bottom: 4px solid var(--farm-gold);
}
.lfm_brand_scene .lfm_brand { display: block; height: 100%; padding: 0; }
.lfm_brand_scene .lfm_menu_logo {
    display: block; width: 100%; height: 100%; max-width: none; max-height: none;
    object-fit: cover; object-position: center;
}
.lfm_brand_scene a:focus-visible { outline: 4px solid #fff8e8; outline-offset: -6px; }

/* Category tabs still join the persistent, in-flow submenu. Public links remain direct. */
.lfm_menu_bar {
    background: var(--farm-forest);
    border-bottom: 3px solid #b99a62;
    box-shadow: 0 3px 8px rgba(37,63,48,.1);
    margin-bottom: 0;
}
.lfm_menu_bar .navbar { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.lfm_menu_bar .navbar-nav > .nav-item > .nav-link {
    color: #fff8e8; font-weight: 600; border-radius: 4px 4px 0 0;
    margin-top: 8px; line-height: 1.5;
}
.lfm_menu_bar .navbar-nav > .lfm_tab_opened > .nav-link {
    background: var(--farm-cream); color: var(--farm-forest);
    border-color: #c9bea6; border-bottom-color: var(--farm-cream);
}
.lfm_menu_bar .nav-link:hover { background: #3c5b40; }
.lfm_menu_bar .lfm_tab_opened > .nav-link:hover { background: var(--farm-cream); }
.lfm_menu_tab { background: var(--farm-cream); border-color: #c9bea6; }
.lfm_menu_tab > li > a { color: #253f30; line-height: 1.5; }
.lfm_public_link > a { padding: 15px 22px; font-weight: 600; line-height: 1.5; color: #fff8e8; }
.lfm_public_link > a:hover, .lfm_public_link > a:focus-visible { color: #fff; background: #3c5b40; }
.lfm_menu_tab a:hover, .lfm_menu_tab a:focus-visible { background: #e7ecd9; color: #253f30; }
.lfm_menu_tab .dropdown-menu { background: #fffdf6; border-color: #c9bea6; box-shadow: 0 6px 16px #253f3020; }
.lfm_menu_tab .dropdown-menu a { color: #253f30; }
.lfm_nav_search input { background: #fffdf6; border-color: #c9bea6; color: #253f30; }
.lfm_nav_search input::placeholder { color: #5b6658; opacity: 1; }
#lfm-nav-results { background: #fffdf6; border-color: #a8b097; color: #253f30; }
#lfm-nav-results > [aria-selected=true], #lfm-nav-results > [role=option]:hover { background: #e7ecd9; color: #253f30; }
#lfm-nav-results small { color: #52604d; }
.lfm_menu_bar a:focus-visible, .lfm_menu_bar button:focus-visible, .lfm_nav_search input:focus-visible { outline-color: #edbd58; }
.lfm_menu_bar .navbar-toggler {
    border: 1px solid #8b9a7d; border-radius: 3px; font-size: 16px;
    padding: 9px 13px; margin: 9px 0; line-height: 1.2;
}
@media (min-width: 992px) {
    .lfm_menu_bar .navbar { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .lfm_nav_search { margin-top: 8px; }
}
@media (max-width: 991.98px) {
    .lfm_menu_bar .navbar { padding: 0 16px; }
    .lfm_menu_bar .navbar-collapse { padding-bottom: 8px; }
    .lfm_menu_bar .navbar-nav > .nav-item > .nav-link { margin-top: 0; }
    .lfm_menu_bar .navbar-nav > .lfm_tab_closed > .nav-link { background: transparent; border-color: transparent; color: #fff8e8; }
    .lfm_menu_tab { background: var(--farm-cream); }
    .lfm_public_link > a { padding: 12px 16px; }
}
@media (max-width: 575.98px) {
    .lfm_brand_scene { height: 232px; }
}

/* Structured, quiet footer; no repeated prominent illustrated logo. */
.lfm_footer { background: #20372a; border-top: 5px solid #b99a62; color: #fff8e8; }
.lfm_footer_inner { max-width: 1030px; margin-left: auto; margin-right: auto; }
.lfm_footer h4 { color: #fff8e8; font-size: 22px; font-weight: 500; margin-bottom: 7px; }
.lfm_footer h5 { color: #fff8e8; font-size: 16px; letter-spacing: .07em; font-weight: 500; margin-bottom: 8px; }
.lfm_footer p, .lfm_footer li { font-size: 14px; }
.lfm_footer a { display: inline-block; color: #efd393; text-decoration: underline; text-underline-offset: 3px; padding: 3px 0; }
.lfm_footer a:hover { color: #fff8e8; }
.lfm_footer a:focus-visible { outline: 3px solid #edbd58; outline-offset: 3px; }
.lfm_footer .lfm_footer_tagline { color: #efd393; font-style: italic; }

/* Front-page content is scoped exclusively to this fragment. */
.lfm-salespage {
    max-width: 1000px; margin: 0 auto;
    color: #343b30; font-size: 16px; line-height: 1.65;
}
.lfm-salespage h1, .lfm-salespage h2, .lfm-salespage h3 {
    color: var(--farm-forest); font-weight: 500; line-height: 1.2;
}
.lfm-salespage h1 { font-size: clamp(34px, 3.15vw, 48px); letter-spacing: -.045em; margin: 0 0 22px; }
.lfm-salespage h1 span { color: #a53624; }
.lfm-salespage h2 { font-size: clamp(28px, 2.6vw, 37px); letter-spacing: -.025em; margin: 0 0 14px; }
.lfm-salespage h3 { font-size: 17px; margin: 0 0 8px; line-height: 1.4; }
.lfm-salespage p { margin: 0 0 20px; }
.lfm-salespage .lfm-salespage-eyebrow { font-size: 14px; color: #536548; margin-bottom: 20px; }
.lfm-salespage .lfm-salespage-introduction {
    display: grid; grid-template-columns: minmax(0, 1.58fr) minmax(0, 1fr);
    background: var(--farm-cream); border: 1px solid #d7cdb5;
    border-top: 4px solid #b99453; border-radius: 7px;
    overflow: hidden; box-shadow: 0 13px 30px rgba(68,58,32,.1);
}
.lfm-salespage .lfm-salespage-welcome { padding: 54px 48px; align-self: center; min-width: 0; }
.lfm-salespage .lfm-salespage-lead { color: #56584a; margin-bottom: 27px; }
.lfm-salespage .lfm-salespage-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.lfm-salespage .lfm-salespage-button {
    display: inline-flex; justify-content: center; align-items: center; gap: 6px;
    min-height: 46px; padding: 11px 19px; border-radius: 4px;
    background: var(--farm-red); color: #fff; border: 1px solid #92291d;
    box-shadow: 0 3px 0 #78291e; font-size: 14px; font-weight: 700;
    line-height: 1.5; text-decoration: none; text-align: center;
}
.lfm-salespage .lfm-salespage-button:hover { background: #93291e; color: #fff; }
.lfm-salespage .lfm-salespage-button-secondary {
    color: var(--farm-forest); background: transparent; border-color: #66725a; box-shadow: none;
}
.lfm-salespage .lfm-salespage-button-secondary:hover { background: #e6ecd9; color: #253f30; }
.lfm-salespage a:focus-visible { outline: 3px solid #1688ae; outline-offset: 4px; }
.lfm-salespage .lfm-salespage-benefits {
    padding: 43px 36px; min-width: 0; border-left: 3px solid #c89b4a;
    background: linear-gradient(135deg, #385640, #253f30 75%); color: #fff8e8;
}
.lfm-salespage .lfm-salespage-benefits .lfm-salespage-eyebrow { color: #f0e8d5; margin: 4px 0 16px; }
.lfm-salespage .lfm-salespage-benefits ul { list-style: none; margin: 0; padding: 0; }
.lfm-salespage .lfm-salespage-benefits li { border-top: 1px solid #ffffff30; padding: 16px 0 20px; }
.lfm-salespage .lfm-salespage-benefits strong { display: block; font-size: 15px; font-weight: 700; margin-bottom: 2px; }
.lfm-salespage .lfm-salespage-benefits li span { display: block; color: #e2e7d9; font-size: 14px; }
.lfm-salespage .lfm-salespage-features { padding: 66px 32px 68px; }
.lfm-salespage .lfm-salespage-features .lfm-salespage-eyebrow { margin-bottom: 14px; }
.lfm-salespage .lfm-salespage-section-intro { color: #626255; margin-bottom: 32px; }
.lfm-salespage .lfm-salespage-feature-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 46px; }
.lfm-salespage .lfm-salespage-feature {
    display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 14px;
    border-top: 1px solid var(--farm-rule); padding: 22px 0 28px;
}
.lfm-salespage .lfm-salespage-number { color: #9a3f29; font-size: 12px; font-weight: 700; padding-top: 4px; }
.lfm-salespage .lfm-salespage-feature p { margin: 0; font-size: 14px; line-height: 1.65; color: #5b5e50; }
.lfm-salespage .lfm-salespage-process { padding: 48px 50px 52px; background: var(--farm-cream); border: 1px solid #d9ceb4; border-radius: 6px; }
.lfm-salespage .lfm-salespage-process .lfm-salespage-eyebrow { margin-bottom: 16px; }
.lfm-salespage .lfm-salespage-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 34px; }
.lfm-salespage .lfm-salespage-step { border-top: 3px solid #869653; padding-top: 17px; }
.lfm-salespage .lfm-salespage-step-number { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: #e5ebcc; color: #4d6036; font-size: 12px; font-weight: 700; border-radius: 50%; margin-bottom: 13px; }
.lfm-salespage .lfm-salespage-step h3 { font-size: 16px; }
.lfm-salespage .lfm-salespage-step p { font-size: 14px; color: #5b5e50; margin-bottom: 0; }
.lfm-salespage .lfm-salespage-closing {
    margin-top: 22px; padding: 60px 44px; border-radius: 6px;
    border-bottom: 5px solid #c49a4c;
    background: radial-gradient(ellipse at 95% 0, #4c653c, transparent 65%), #253f30;
    color: #fff8e8; text-align: center;
}
.lfm-salespage .lfm-salespage-closing h2 { color: #fff8e8; font-size: clamp(28px, 2.8vw, 39px); }
.lfm-salespage .lfm-salespage-closing .lfm-salespage-eyebrow { color: #e8cd8b; margin-bottom: 17px; }
.lfm-salespage .lfm-salespage-closing > p { font-size: 14px; }
.lfm-salespage .lfm-salespage-button-gold { background: #e4ad46; border-color: #f0ca7a; color: #273422; box-shadow: 0 3px 0 #947032; }
.lfm-salespage .lfm-salespage-button-gold:hover { background: #f1c260; color: #20301d; }
.lfm-salespage .lfm-salespage-closing .lfm-salespage-fineprint { font-size: 12px; color: #e1e5d4; margin: 20px 0 7px; }
.lfm-salespage .lfm-salespage-faq { color: #f1d99c; text-underline-offset: 4px; font-size: 14px; font-weight: 600; text-decoration: underline; }
.lfm-salespage .lfm-salespage-faq:hover { color: #fff8e8; }
@media (max-width: 991.98px) {
    .lfm-salespage .lfm-salespage-welcome { padding: 38px 30px; }
    .lfm-salespage .lfm-salespage-benefits { padding: 32px 27px; }
    .lfm-salespage .lfm-salespage-actions { align-items: stretch; }
    .lfm-salespage .lfm-salespage-feature-list { column-gap: 30px; }
    .lfm-salespage .lfm-salespage-process { padding: 36px 30px 40px; }
}
@media (max-width: 767.98px) {
    .lfm-salespage .lfm-salespage-introduction { grid-template-columns: minmax(0, 1fr); }
    .lfm-salespage .lfm-salespage-welcome { padding: 30px 24px 34px; }
    .lfm-salespage h1 { font-size: 34px; }
    .lfm-salespage .lfm-salespage-benefits { border-left: 0; border-top: 3px solid #c89b4a; padding: 28px 26px; }
    .lfm-salespage .lfm-salespage-benefits li { padding: 17px 0 19px; }
    .lfm-salespage .lfm-salespage-actions { flex-direction: column; gap: 10px; }
    .lfm-salespage .lfm-salespage-button { width: 100%; min-height: 48px; }
    .lfm-salespage .lfm-salespage-features { padding: 48px 10px 44px; }
    .lfm-salespage .lfm-salespage-feature-list { grid-template-columns: minmax(0, 1fr); }
    .lfm-salespage .lfm-salespage-feature { padding: 23px 0 26px; }
    .lfm-salespage .lfm-salespage-steps { grid-template-columns: minmax(0, 1fr); gap: 27px; margin-top: 27px; }
    .lfm-salespage .lfm-salespage-process { padding: 30px 24px 36px; }
    .lfm-salespage .lfm-salespage-step { padding-top: 15px; }
    .lfm-salespage .lfm-salespage-step h3 { margin-bottom: 7px; }
    .lfm-salespage .lfm-salespage-closing { padding: 39px 24px; }
    .lfm-salespage .lfm-salespage-closing h2 { font-size: 29px; }
}
@media (prefers-reduced-motion: reduce) {
    .lfm_brand_scene *, .lfm_menu_bar .collapsing { animation: none !important; transition: none !important; }
    .lfm-salespage *, .lfm-salespage *::before, .lfm-salespage *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}