.mLayout
{
  background-color: #000000;
  background-image: none;}
.zoneHeaderOuter
{}
.zoneHeader
{}
.zoneHeader1Outer
{}
.zoneHeader1
{}
.zoneHeader2Outer
{}
.zoneHeader2
{}
.zoneContentOuter
{
  background-color: #000000;
  background-image: none;}
.zoneContent
{
  background-color: #000000;}
.zoneFooterOuter
{
  background-color: #010101;
  background-image: none;}
.zoneFooter
{
  background-color: #000000;
  background-image: none;background-repeat: no-repeat;
}
.zoneFooter1Outer
{
  background-color: #000000;
  background-image: none;}
.zoneFooter1
{
  background-color: #000000;
  background-image: none;background-repeat: no-repeat;
}




div[class*="EditableArea"] *:not([color])
{color: #FFFFFF;
}


[class*="EditableArea"] A, [class*="EditableArea"] A:link, [class*="EditableArea"] A:active, [class*="EditableArea"] A:visited
{color: #FFFFFF;
}


[class*="EditableArea"] h1.pageTitle
{}

[class*="EditableArea"] h2.headerSubtitle
{}



[class*="EditableArea"] H1
{color: #FFFFFF;
}

[class*="EditableArea"] H2
{color: #FFFFFF;
}

[class*="EditableArea"] H3
{color: #FFFFFF;
}
[class*="EditableArea"] H4
{color: #FFFFFF ;
}

[class*="EditableArea"] H5
{color: #FFFFFF;
}

[class*="EditableArea"] H6
{color: #FFFFFF;
}


[class*="EditableArea"] .contStyleCaption
{}

[class*="EditableArea"] .contStyleCaptionAlternative
{}

[class*="EditableArea"] .quotedText
{}

[class*="EditableArea"] .contStyleExcInlineSmaller
{}

.WaGadgetEventsStateList h3.sectionTitle
{}







.gadgetStyle001
{}

.gadgetStyle001 .gadgetStyleTitle h4,
.WaGadgetDonationGoal.gadgetStyle001 .gadgetStyleTitle h4 
{}


.WaGadgetRecentBlogPosts.gadgetStyle001 ul li .date span,
.WaGadgetForumUpdates.gadgetStyle001 ul li .date span,
.WaGadgetUpcomingEvents.gadgetStyle001 ul li .date span
{}

.WaGadgetUpcomingEvents.gadgetStyle001 ul li .location span
{}

.WaGadgetRecentBlogPosts.gadgetStyle001 ul li .author a,
.WaGadgetRecentBlogPosts.gadgetStyle001 ul li .author span,
.WaGadgetForumUpdates.gadgetStyle001 ul li .author span,
.WaGadgetForumUpdates.gadgetStyle001 ul li .author a
{}



.WaGadgetDonationGoal.gadgetStyle001 .progressBar .progressBarLeft table
{}


.WaGadgetDonationGoal.gadgetStyle001 .progressBar .progressBarLeft table td.donationGoalProgressBarLeftPart span
{}


.WaGadgetDonationGoal.gadgetStyle001 .donationGoalProgressLabels th
{}


.WaGadgetDonationGoal.gadgetStyle001 .progressBar .progressBarRight
{}


.WaGadgetDonationGoal.gadgetStyle001 .donationGoalProgressLabels td.donationGoalAmountValueContainer
{}

.WaGadgetDonationGoal.gadgetStyle001 .donationGoalProgressLabels td.donationGoalCollectedValueContainer
{}


.WaGadgetDonationGoal.gadgetStyle001 .donationGoalNotesContainer
{}

.WaGadgetDonationGoal.gadgetStyle001 .donationGoalButton input.typeButton
{} 

.WaGadgetDonationGoal.gadgetStyle001 .donationGoalButton input.typeButton:hover
{}





.gadgetStyle002
{}

.gadgetStyle002 .gadgetStyleTitle h4,
.WaGadgetDonationGoal.gadgetStyle002 .gadgetStyleTitle h4 
{}


.WaGadgetRecentBlogPosts.gadgetStyle002 ul li .date span,
.WaGadgetForumUpdates.gadgetStyle002 ul li .date span,
.WaGadgetUpcomingEvents.gadgetStyle002 ul li .date span
{}

.WaGadgetUpcomingEvents.gadgetStyle002 ul li .location span
{}

.WaGadgetRecentBlogPosts.gadgetStyle002 ul li .author a,
.WaGadgetRecentBlogPosts.gadgetStyle002 ul li .author span,
.WaGadgetForumUpdates.gadgetStyle002 ul li .author span,
.WaGadgetForumUpdates.gadgetStyle002 ul li .author a
{}



.WaGadgetDonationGoal.gadgetStyle002 .progressBar .progressBarLeft table
{}


.WaGadgetDonationGoal.gadgetStyle002 .progressBar .progressBarLeft table td.donationGoalProgressBarLeftPart span
{}


.WaGadgetDonationGoal.gadgetStyle002 .donationGoalProgressLabels th
{}

.WaGadgetDonationGoal.gadgetStyle002 .donationGoalProgressLabels td.donationGoalAmountValueContainer
{}

.WaGadgetDonationGoal.gadgetStyle002 .donationGoalProgressLabels td.donationGoalCollectedValueContainer
{}


.WaGadgetDonationGoal.gadgetStyle002 .donationGoalNotesContainer
{}

.WaGadgetDonationGoal.gadgetStyle002 .donationGoalButton input.typeButton
{} 

.WaGadgetDonationGoal.gadgetStyle002 .donationGoalButton input.typeButton:hover
{}




.gadgetStyle003
{}

.gadgetStyle003 .gadgetStyleTitle h4,
.WaGadgetDonationGoal.gadgetStyle003 .gadgetStyleTitle h4 
{}


.WaGadgetRecentBlogPosts.gadgetStyle003 ul li .date span,
.WaGadgetForumUpdates.gadgetStyle003 ul li .date span,
.WaGadgetUpcomingEvents.gadgetStyle003 ul li .date span
{}

.WaGadgetUpcomingEvents.gadgetStyle003 ul li .location span
{}

.WaGadgetRecentBlogPosts.gadgetStyle003 ul li .author a,
.WaGadgetRecentBlogPosts.gadgetStyle003 ul li .author span,
.WaGadgetForumUpdates.gadgetStyle003 ul li .author span,
.WaGadgetForumUpdates.gadgetStyle003 ul li .author a
{}



.WaGadgetDonationGoal.gadgetStyle003 .progressBar .progressBarLeft table
{}


.WaGadgetDonationGoal.gadgetStyle003 .progressBar .progressBarLeft table td.donationGoalProgressBarLeftPart span
{}


.WaGadgetDonationGoal.gadgetStyle003 .donationGoalProgressLabels th
{}

.WaGadgetDonationGoal.gadgetStyle003 .progressBar .progressBarRight
{}



.WaGadgetDonationGoal.gadgetStyle003 .donationGoalProgressLabels td.donationGoalAmountValueContainer
{}

.WaGadgetDonationGoal.gadgetStyle003 .donationGoalProgressLabels td.donationGoalCollectedValueContainer
{}


.WaGadgetDonationGoal.gadgetStyle003 .donationGoalNotesContainer
{}

.WaGadgetDonationGoal.gadgetStyle003 .donationGoalButton input.typeButton
{} 

.WaGadgetDonationGoal.gadgetStyle003 .donationGoalButton input.typeButton:hover
{}









.generalFieldsContainer .fieldSubContainer .fieldLabel,
.generalFieldsContainer .fieldSubContainer .fieldLabel .mandatoryLabel,
.generalFieldsContainer .fieldSubContainer .fieldLabel .mandatorySymbol
{}

.generalFormContainer .criteriaListItem .valueContainer .fieldContainer .label,
.fieldSubContainer .fieldBody .fieldItem span.label 
{}
.captionOuterContainer
{}
.captionOuterContainer .captionContainer .fieldBody h4
{}
.fieldSubContainer .fieldBody > .typeInstruction,
.fieldSubContainer .fieldBody .fieldItem span.label .typeInstruction
{}
.WaGadgetBlogStateEditPost .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle,
.WaGadgetBlogStateAddPost .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle,
.WaGadgetBlogStateEditPost .boxBodyOuterContainer .generalFieldsContainer .mandatoryFieldsTitle,
.WaGadgetBlogStateAddPost .boxBodyOuterContainer .generalFieldsContainer .mandatoryFieldsTitle,
.WaGadgetForum .forumEditEntryBoxContainer .boxHeaderOuterContainer h4.boxHeaderTitle,
.WaGadgetForum .forumEditEntryBoxContainer .boxBodyOuterContainer .mandatoryFieldsTitle,
.formTitleOuterContainer .formTitleContainer .inner h3.formTitle,
.formTitleOuterContainer .formTitleContainer .inner .mandatoryFieldsTitle strong,
.WaGadgetEmailMember .mandatoryFieldsTitle
{}

.WaGadgetBlog.WaGadgetBlogStateEditPost .boxHeaderOuterContainer,
.WaGadgetBlog.WaGadgetBlogStateAddPost .boxHeaderOuterContainer,
.WaGadgetForum .forumEditEntryBoxContainer .boxHeaderOuterContainer,
.WaGadgetEmailMember #idSendMailMainContainer .generalFormContainer .formOuterContainer .captionOuterContainer,
.formTitleOuterContainer .formTitleContainer
{}







.genericListTable thead th,
.membersTable thead th
{}

.genericListTable tbody td,
.genericListTable tbody td .memberValue h5,
.membersTable tbody td,
.membersTable tbody td .memberValue h5
{}
.genericListTable tbody td,
.membersTable tbody td
{}

.genericListTable tr.hover td,
.genericListTable tr:hover td,
.membersTable tr.hover td,
.membersTable tr:hover td,
.WaGadgetContactProfileStateFinances .genericList .genericListTable tr.noLine:hover
{}

.genericListTable tbody td a,
.genericListTable tbody td .memberValue h5 a,
.membersTable tbody td a,
.membersTable tbody td .memberValue h5 a
{}

.genericListTable tbody td a:hover,
.genericListTable tbody td .memberValue h5 a:hover,
.membersTable tbody td a:hover,
.membersTable tbody td .memberValue h5 a:hover
{}



.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLabel,
.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink,

.WaGadgetBlog ul.blogCommentsList li.blogCommentItem .blogComment .commentViewContainer .boxHeaderOuterContainer h5
{}

.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedOn,
.WaGadgetBlog ul.blogCommentsList li.blogCommentItem .blogComment .commentViewContainer .boxHeaderOuterContainer h5 span:first-child
{}

.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterPrimaryOuterContainer .boxFooterPrimaryContainer a:before,
.WaGadgetBlog .boxFooterOuterContainer .postBottom .boxFooterSecondaryOuterContainer .boxFooterSecondaryContainer a:before,
.WaGadgetBlog ul.blogCommentsList li.blogCommentItem .blogComment .commentViewContainer .boxFooterOuterContainer .boxFooterContainer .boxFooterPrimaryOuterContainer a.blogCommentAnchor:before 
{}







.WaGadgetForumStateList .forumCategoryListOuterContainer .forumCategoryOuterContainer .forumCategoryContainer h5
{}

.WaGadgetForumStateList .forumCategoryListOuterContainer .forumCategoryOuterContainer .forumCategoryContainer .forumListContainer .boxHeaderOuterContainer table td h4,
.WaGadgetForum.WaGadgetForumStateTopicList #idTopicListContainer .topicListContainer .boxHeaderOuterContainer table td.threadTD div.thread h4.boxHeaderTitle,
.WaGadgetForum.WaGadgetForumStateTopicList #idTopicListContainer .topicListContainer .boxHeaderOuterContainer table td.lastReplyTD .lastReply h4.boxHeaderTitle,
.WaGadgetForum.WaGadgetForumStateTopicList #idTopicListContainer .topicListContainer .boxHeaderOuterContainer table td.repliesCountTD .repliesCount h4.boxHeaderTitle
{}


.WaGadgetForumStateList .forumListContainer .boxBodyOuterContainer table.forumListTable tr.forumListRow td.threadTD,
.WaGadgetForumStateList .forumListContainer .boxBodyOuterContainer table.forumListTable tr.forumListRow td.lastReplyTD,
.WaGadgetForumStateList .forumListContainer .boxBodyOuterContainer table.forumListTable tr.forumListRow td.topicsCountTD,
.WaGadgetForumStateList .forumListContainer .boxBodyOuterContainer table.forumListTable tr.forumListRow td.repliesCountTD,
.WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow td.threadTD,
.WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow td.lastReplyTD,
.WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow td.repliesCountTD

{}

.WaGadgetForumStateList .forumCategoryListOuterContainer .forumCategoryOuterContainer .forumCategoryContainer .forumListContainer .boxBodyOuterContainer table.forumListTable tr.forumListRow.highlight td,
.WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow.highlight td
{}

.WaGadgetForumStateList .forumListContainer .boxBodyOuterContainer table.forumListTable tr.forumListRow td a,
.WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table td a
{}

.WaGadgetForumStateList .forumListContainer .boxBodyOuterContainer table.forumListTable tr.forumListRow td a:hover,
.WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table td a:hover
{}

.WaGadgetForumStateList .forumCategoryListOuterContainer .forumCategoryOuterContainer .forumCategoryContainer .forumListContainer .boxBodyOuterContainer table.forumListTable tr.forumListRow td.lastReplyTD .lastReply span,
.WaGadgetForum.WaGadgetForumStateTopicList #idTopicListContainer .topicListContainer .boxBodyOuterContainer table tr.topicListRow td.lastReplyTD .lastReply span,
.WaGadgetForumStateMessageList .messageListOuterContainer ul.boxesList li.boxesListItem .boxBodyOuterContainer table.forumMessageTable td.left .boxBodyInfoOuterContainer .boxBodyInfoContainer .inner
{}
.WaGadgetForumStateList .forumCategoryListOuterContainer .forumCategoryOuterContainer .forumCategoryContainer .forumListContainer .boxBodyOuterContainer table.forumListTable tr.forumListRow td.lastReplyTD .lastReply a:first-child,
.WaGadgetForum.WaGadgetForumStateTopicList #idTopicListContainer .topicListContainer .boxBodyOuterContainer table tr.topicListRow td.lastReplyTD .lastReply a,
.WaGadgetForum.WaGadgetForumStateMessageList .messageListOuterContainer .messageListContainer ul.boxesList li.boxesListItem .boxHeaderOuterContainer table.forumMessageHeaderTable td.forumMessageHeaderInfoContainer .forumMessageHeaderInfo span
{}


.WaGadgetForumStateList .forumCategoryListOuterContainer .forumCategoryOuterContainer .forumCategoryContainer .forumListContainer .boxBodyOuterContainer table.forumListTable tr.forumListRow td.pageStateIconTD .pageStateIcon .anybodyIconDiv,
.WaGadgetForumStateList .forumCategoryListOuterContainer .forumCategoryOuterContainer .forumCategoryContainer .forumListContainer .boxBodyOuterContainer table.forumListTable tr.forumListRow td.pageStateIconTD .pageStateIcon .memberIconDiv,
.WaGadgetForumStateList .forumCategoryListOuterContainer .forumCategoryOuterContainer .forumCategoryContainer .forumListContainer .boxBodyOuterContainer table.forumListTable tr.forumListRow td.pageStateIconTD .pageStateIcon .adminIconDiv,
.WaGadgetForum.WaGadgetForumStateTopicList #idTopicListContainer .topicListContainer .boxBodyOuterContainer table tr.topicListRow td.threadImageTD div.threadImage,
.WaGadgetForum.WaGadgetForumStateMessageList .messageListOuterContainer .messageListContainer ul.boxesList li.boxesListItem .boxHeaderOuterContainer table.forumMessageHeaderTable td.forumMessageHeaderBodyContainer .messageActionsContainer a:before

{}


.WaGadgetLoginForm  .loginLink
{}

.WaGadgetLoginForm  .loginContainerForm.orientationHorizontal form [class$="TextBox"] input[class$="TextBoxControl"], 
.WaGadgetLoginForm  .loginContainerForm.orientationVertical form [class$="TextBox"] input[class$="TextBoxControl"]
{}

.WaGadgetLoginForm  .loginContainerForm form [class$="Label"] label,
.WaGadgetLoginForm  .loginContainerForm form .loginActionRememberMe label
{}

.WaGadgetLoginForm  .loginContainerForm form .loginPasswordForgot a,
.WaGadgetLoginForm .profileBox a,
.WaGadgetLoginForm .loginContainerAuthenticated .loggedAction .loginBoxLogout,
.WaGadgetLoginButton .loginBoxLapsedMembership,
.WaGadgetLoginButton .loginBoxProfileLink a,
.WaGadgetLoginButton a.loginBoxChangePassword,
.WaGadgetLoginButton a.loginBoxLogout 
{}

.WaGadgetLoginForm  .loginContainerForm form .loginPasswordForgot a:hover,
.WaGadgetLoginForm .profileBox a:hover,
.WaGadgetLoginForm .loginContainerAuthenticated .loggedAction .loginBoxLogout:hover,
.WaGadgetLoginButton .loginBoxLapsedMembership:hover,
.WaGadgetLoginButton .loginBoxProfileLink a:hover,
.WaGadgetLoginButton a.loginBoxChangePassword:hover,
.WaGadgetLoginButton a.loginBoxLogout:hover 
{}
.WaGadgetLoginForm  .loginContainerForm form .loginAction input.loginButton
{}

.WaGadgetLoginForm  .loginContainerForm form .loginAction input.loginButton:hover
{}


a.stylizedButton.buttonStyle001
{}

a.stylizedButton.buttonStyle001:hover
{}

a.stylizedButton.buttonStyle002
{}
a.stylizedButton.buttonStyle002:hover
{}

a.stylizedButton.buttonStyle003
{}
a.stylizedButton.buttonStyle003:hover
{}

a.stylizedButton.buttonStyle004
{}
a.stylizedButton.buttonStyle004:hover
{}


a.stylizedButton.buttonStyle005
{}

a.stylizedButton.buttonStyle005:hover
{}



a.stylizedButton.buttonStyle006
{}

a.stylizedButton.buttonStyle006:hover
{}



.WaGadgetBreadcrumbs ul li a,
.WaGadgetBreadcrumbs ul li:before,
.WaGadgetBreadcrumbs ul li.last
{}
.WaGadgetBreadcrumbs ul li a,
.WaGadgetBreadcrumbs ul li.last
{}

.WaGadgetBreadcrumbs ul li + li:before
{}
.WaGadgetBreadcrumbs ul li a,
.WaGadgetBreadcrumbs ul li a:link,
.WaGadgetBreadcrumbs ul li a:visited,
.WaGadgetBreadcrumbs ul li a:active
{}
.WaGadgetBreadcrumbs ul li a:hover
{}
.WaGadgetBreadcrumbs ul li.last
{}






.WaGadgetNavigationLinks.gadgetStyle001 ul li a,
.WaGadgetNavigationLinks.gadgetStyle001 ul li a:hover,
.WaGadgetNavigationLinks.gadgetStyle001 ul li a:link,
.WaGadgetNavigationLinks.gadgetStyle001 ul li a:visited,
.WaGadgetNavigationLinks.gadgetStyle001 ul li a:active
{}

.WaGadgetNavigationLinks.gadgetStyle001 ul li a:hover
{}


.WaGadgetNavigationLinks.gadgetStyle002 ul li a,
.WaGadgetNavigationLinks.gadgetStyle002 ul li a:link,
.WaGadgetNavigationLinks.gadgetStyle002 ul li a:visited,
.WaGadgetNavigationLinks.gadgetStyle002 ul li a:active
{}


.WaGadgetNavigationLinks.gadgetStyle002 ul li a:hover
{}


.WaGadgetNavigationLinks.gadgetStyle003 ul li a,
.WaGadgetNavigationLinks.gadgetStyle003 ul li a:hover,
.WaGadgetNavigationLinks.gadgetStyle003 ul li a:link,
.WaGadgetNavigationLinks.gadgetStyle003 ul li a:visited,
.WaGadgetNavigationLinks.gadgetStyle003 ul li a:active
{}

.WaGadgetNavigationLinks.gadgetStyle003 ul li a:hover
{}


.WaGadgetMenuHorizontal .menuInner ul.firstLevel,
.WaGadgetMenuHorizontal .menuInner .menuButton,
.WaGadgetMenuVertical .menuInner ul.firstLevel
{}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a,
.WaGadgetMenuVertical .menuInner ul.firstLevel > li > .item > a
{}


.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item:hover > a
{}


.WaGadgetMenuVertical .menuInner ul.firstLevel > li:hover > .item > a
{}


.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a,
.WaGadgetMenuVertical .menuInner ul.firstLevel > li.sel > .item > a > span
{}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.dir > .item > a > span:after,
.WaGadgetMenuVertical .menuInner ul.firstLevel > li.dir > .item > a:after 
{}


.WaGadgetMenuHorizontal .menuInner ul ul,
.WaGadgetMenuHorizontal .menuInner.mobileView ul.firstLevel,
.WaGadgetMenuVertical .menuInner ul ul
{}
.WaGadgetMenuHorizontal .menuInner ul ul > li > .item > a,
.WaGadgetMenuVertical .menuInner ul ul > li > .item > a
{}
.WaGadgetMenuHorizontal .menuInner ul ul > li > .item:hover > a,
.WaGadgetMenuVertical .menuInner ul ul li:hover > .item > a 
{}


.WaGadgetMenuHorizontal .menuInner ul ul li.sel > .item > a
{}


.WaGadgetMenuHorizontal .menuInner ul ul li.dir > .item > a > span:after,
.WaGadgetMenuVertical .menuInner ul ul li.dir > .item > a:after
{}

.WaGadgetEvents .boxInfoContainer ul.boxInfo li div strong {
    color: white;
}
.WaGadgetEvents .boxInfoContainer ul.boxInfo li.eventInfoEndDate span {
    color: white;
}
.fieldSubContainer .fieldLabel {
    color: white !important;
}
/* ==========================================================
   ==========================================================
   ALABAMA MUSHROOM SOCIETY
   NEW SITE DESIGN SYSTEM
   Added September 2026

   New AMS styles should be added BELOW this line.
   Legacy WildApricot/theme overrides above are intentionally
   preserved during the site redesign.
   ==========================================================
   ========================================================== */


/* ----------------------------------------------------------
   AMS DESIGN TOKENS
   ---------------------------------------------------------- */

:root {
    --ams-forest: #08271e;
    --ams-cream: #fbf8ed;
    --ams-gold: #f2bc4d;

    --ams-text: #17352a;
    --ams-muted: #52665b;
    --ams-on-dark: #fbf8ed;

    --ams-content: 1180px;
    --ams-reading: 760px;

    --ams-radius: 8px;

    --ams-space-xs: 0.5rem;
    --ams-space-sm: 1rem;
    --ams-space-md: 2rem;
    --ams-space-lg: 4rem;
    --ams-space-xl: 6rem;
}


/* ==========================================================
   STANDARD CONTENT PAGE
   ========================================================== */

.ams-standard-content {
    background-color: var(--ams-cream);
    color: var(--ams-text);
    padding: 56px 24px 80px;
}


/*
   The legacy theme above forces all EditableArea text white.
   These rules intentionally override that behavior ONLY
   inside the new AMS standard-content area.
*/

.ams-standard-content div[class*="EditableArea"],
.ams-standard-content div[class*="EditableArea"] *:not([color]) {
    color: var(--ams-text) !important;
}


/* Standard headings */

.ams-standard-content div[class*="EditableArea"] h1,
.ams-standard-content div[class*="EditableArea"] h2,
.ams-standard-content div[class*="EditableArea"] h3,
.ams-standard-content div[class*="EditableArea"] h4,
.ams-standard-content div[class*="EditableArea"] h5,
.ams-standard-content div[class*="EditableArea"] h6 {
    color: var(--ams-forest) !important;
}


/* Standard text links */

.ams-standard-content div[class*="EditableArea"] a,
.ams-standard-content div[class*="EditableArea"] a:link,
.ams-standard-content div[class*="EditableArea"] a:visited,
.ams-standard-content div[class*="EditableArea"] a:active {
    color: var(--ams-forest) !important;
}

.ams-standard-content div[class*="EditableArea"] a:hover {
    color: #8a6416 !important;
}


/* ==========================================================
   AMS HEADER COMPONENTS
   ========================================================== */

.ams-site-logo,
.ams-main-nav,
.ams-member-login {
    background-color: var(--ams-forest);
    color: var(--ams-on-dark);
}

.ams-site-logo img {
    width: auto;
    max-height: 80px;
}


/* ==========================================================
   AMS FOOTER COMPONENTS
   ========================================================== */

.ams-site-footer,
.ams-footer-brand,
.ams-footer-links,
.ams-footer-connect {
    background-color: var(--ams-forest);
    color: var(--ams-on-dark);
}

.ams-site-footer a,
.ams-footer-brand a,
.ams-footer-links a,
.ams-footer-connect a {
    color: var(--ams-on-dark) !important;
}

.ams-site-footer a:hover,
.ams-footer-brand a:hover,
.ams-footer-links a:hover,
.ams-footer-connect a:hover {
    color: var(--ams-gold) !important;
}
/* ==========================================================
   AMS STANDARD PAGE — TYPOGRAPHY & CONTENT
   ========================================================== */

.ams-standard-content {
    box-sizing: border-box;
    width: 100%;
    background: var(--ams-cream) !important;
    color: var(--ams-text) !important;
    padding: 72px 32px 88px;
}

.ams-standard-content .ams-page {
    max-width: var(--ams-content);
    margin: 0 auto;
}

.ams-standard-content .ams-page-header {
    max-width: 900px;
    margin: 0 auto 64px;
}

.ams-standard-content .ams-eyebrow {
    margin: 0 0 14px;
    color: #78601f !important;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.ams-standard-content h1 {
    margin: 0 0 22px;
    color: var(--ams-forest) !important;
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    line-height: 1.02;
    letter-spacing: -0.035em;
}

.ams-standard-content .ams-lead {
    max-width: 760px;
    margin: 0;
    color: var(--ams-muted) !important;
    font-size: 1.3rem;
    line-height: 1.55;
}

.ams-standard-content .ams-section {
    max-width: var(--ams-reading);
    margin: 0 auto;
}

.ams-standard-content h2 {
    margin: 48px 0 18px;
    color: var(--ams-forest) !important;
    font-size: 2rem;
    line-height: 1.15;
}

.ams-standard-content h3 {
    margin: 36px 0 14px;
    color: var(--ams-forest) !important;
    font-size: 1.35rem;
    line-height: 1.25;
}

.ams-standard-content p,
.ams-standard-content li {
    color: var(--ams-text) !important;
    font-size: 1.05rem;
    line-height: 1.7;
}

.ams-standard-content p {
    margin: 0 0 1.4em;
}

.ams-standard-content a,
.ams-standard-content a:link,
.ams-standard-content a:visited {
    color: #285942 !important;
    text-decoration-color: var(--ams-gold);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.ams-standard-content a:hover {
    color: #765915 !important;
}


/* Responsive standard pages */

@media (max-width: 767px) {
    .ams-standard-content {
        padding: 48px 20px 64px;
    }

    .ams-standard-content .ams-page-header {
        margin-bottom: 44px;
    }

    .ams-standard-content .ams-lead {
        font-size: 1.15rem;
    }
}
/* Remove WildApricot spacing around AMS custom page content */

.WaGadgetCustomHTML .ams-standard-content {
    margin: 0;
}

.WaGadgetCustomHTML:has(.ams-standard-content) {
    margin: 0 !important;
    padding: 0 !important;
}
/* ==========================================================
   AMS STANDARD PAGE — SITE SHELL
   Applies only to pages containing .ams-standard-content
   ========================================================== */


/* ----------------------------------------------------------
   REMOVE LEGACY BLACK PAGE FRAMING
   ---------------------------------------------------------- */

body:has(.ams-standard-content) .mLayout,
body:has(.ams-standard-content) .zoneContentOuter,
body:has(.ams-standard-content) .zoneContent {
    background-color: var(--ams-cream) !important;
    background-image: none !important;
}


/* ----------------------------------------------------------
   HEADER ZONES
   ---------------------------------------------------------- */

body:has(.ams-standard-content) .zoneHeaderOuter,
body:has(.ams-standard-content) .zoneHeader,
body:has(.ams-standard-content) .zoneHeader1Outer,
body:has(.ams-standard-content) .zoneHeader1,
body:has(.ams-standard-content) .zoneHeader2Outer,
body:has(.ams-standard-content) .zoneHeader2 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


/* Header gadgets should disappear into the shared forest bar */

body:has(.ams-standard-content) .ams-site-logo,
body:has(.ams-standard-content) .ams-main-nav,
body:has(.ams-standard-content) .ams-member-login {
    background: transparent !important;
}


/* ----------------------------------------------------------
   LOGO
   ---------------------------------------------------------- */

body:has(.ams-standard-content) .ams-site-logo img {
    display: block;
    width: auto;
    max-height: 82px;
    margin: 0 auto;
}


/* ----------------------------------------------------------
   PRIMARY NAVIGATION
   ---------------------------------------------------------- */

body:has(.ams-standard-content) .ams-main-nav .menuInner,
body:has(.ams-standard-content) .ams-main-nav .menuInner ul.firstLevel {
    background: transparent !important;
}


/* Main menu text */

body:has(.ams-standard-content)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;
    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;
    letter-spacing: 0.045em;
    text-transform: uppercase;
}


/* Menu hover */

body:has(.ams-standard-content)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a {
    color: var(--ams-gold) !important;
    background: transparent !important;
}


/* Current page */

body:has(.ams-standard-content)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


/* Hamburger / menu button */

body:has(.ams-standard-content)
.ams-main-nav
.menuInner .menuButton {
    background: transparent !important;
    color: var(--ams-on-dark) !important;
}


/* ----------------------------------------------------------
   MEMBER / LOGIN AREA
   ---------------------------------------------------------- */

body:has(.ams-standard-content) .ams-member-login,
body:has(.ams-standard-content) .ams-member-login .loginLink,
body:has(.ams-standard-content) .ams-member-login a,
body:has(.ams-standard-content) .ams-member-login a:link,
body:has(.ams-standard-content) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;
    background: transparent !important;
}


body:has(.ams-standard-content) .ams-member-login a:hover {
    color: var(--ams-gold) !important;
}


/* Change Password does not belong in the main navigation */

body:has(.ams-standard-content)
.ams-member-login a.loginBoxChangePassword {
    display: none !important;
}


/* ----------------------------------------------------------
   FOOTER ZONES
   ---------------------------------------------------------- */

body:has(.ams-standard-content) .zoneFooterOuter,
body:has(.ams-standard-content) .zoneFooter,
body:has(.ams-standard-content) .zoneFooter1Outer,
body:has(.ams-standard-content) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


/* Footer typography */

body:has(.ams-standard-content) .ams-site-footer,
body:has(.ams-standard-content) .ams-footer-brand,
body:has(.ams-standard-content) .ams-footer-links,
body:has(.ams-standard-content) .ams-footer-connect {
    background: transparent !important;
    color: var(--ams-on-dark) !important;
    line-height: 1.5;
}


body:has(.ams-standard-content) .ams-site-footer {
    padding-top: 24px;
    padding-bottom: 28px;
}


body:has(.ams-standard-content) .ams-footer-brand,
body:has(.ams-standard-content) .ams-footer-links,
body:has(.ams-standard-content) .ams-footer-connect {
    font-size: 0.95rem;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 767px) {

    body:has(.ams-standard-content) .ams-site-logo img {
        max-height: 64px;
    }

    body:has(.ams-standard-content)
    .ams-main-nav
    .menuInner
    ul.firstLevel > li > .item > a {
        font-size: 0.9rem;
    }
}

/* ==========================================================
   AMS MEMBER AREA
   ========================================================== */

body:has(.ams-standard-content) .ams-member-login {
    font-size: 0.82rem;
    line-height: 1.45;
    text-align: right;
}

body:has(.ams-standard-content) .ams-member-login a,
body:has(.ams-standard-content) .ams-member-login a:link,
body:has(.ams-standard-content) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;
    text-decoration: none;
}

body:has(.ams-standard-content) .ams-member-login a:hover {
    color: var(--ams-gold) !important;
}
/* ==========================================================
   ==========================================================
   ALABAMA MUSHROOM SOCIETY
   CONSOLIDATED LANDING PAGE
   September 2026
   ==========================================================
   ========================================================== */


/* ----------------------------------------------------------
   LANDING DESIGN VARIABLES
   ---------------------------------------------------------- */

:root {
    --ams-major-heading-size: clamp(2.7rem, 4.2vw, 4.25rem);
}


/* ==========================================================
   LANDING PAGE SHELL
   ========================================================== */

body:has(.ams-landing) .mLayout,
body:has(.ams-landing) .zoneContentOuter,
body:has(.ams-landing) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


/* Shared header/footer zones */

body:has(.ams-landing) .zoneHeaderOuter,
body:has(.ams-landing) .zoneHeader,
body:has(.ams-landing) .zoneHeader1Outer,
body:has(.ams-landing) .zoneHeader1,
body:has(.ams-landing) .zoneHeader2Outer,
body:has(.ams-landing) .zoneHeader2,
body:has(.ams-landing) .zoneFooterOuter,
body:has(.ams-landing) .zoneFooter,
body:has(.ams-landing) .zoneFooter1Outer,
body:has(.ams-landing) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


/* Remove WA spacing around our custom page sections */

.WaGadgetCustomHTML:has(.ams-landing),
.WaGadgetCustomHTML:has(.ams-home-lower) {
    margin: 0 !important;
    padding: 0 !important;
}


/* Remove unwanted Custom HTML / event gadget titles */

.WaGadgetCustomHTML:has(.ams-landing) .gadgetStyleTitle,
.WaGadgetCustomHTML:has(.ams-home-lower) .gadgetStyleTitle,
.ams-upcoming-events .gadgetStyleTitle {
    display: none !important;
}


.ams-landing,
.ams-home-lower {
    width: 100%;
    color: var(--ams-text);
}


/* Shared content width */

.ams-landing-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   LANDING HEADER
   ========================================================== */

body:has(.ams-landing) .ams-site-logo,
body:has(.ams-landing) .ams-main-nav,
body:has(.ams-landing) .ams-member-login {
    background: transparent !important;
}


body:has(.ams-landing) .ams-site-logo img {
    display: block;

    width: auto;
    max-height: 82px;

    margin: 0 auto;
}


/* Navigation background */

body:has(.ams-landing) .ams-main-nav .menuInner,
body:has(.ams-landing) .ams-main-nav .menuInner ul.firstLevel {
    background: transparent !important;
}


/* Primary navigation */

body:has(.ams-landing)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;
    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;
    text-transform: uppercase;
}


body:has(.ams-landing)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a {
    color: var(--ams-gold) !important;
}


body:has(.ams-landing)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


/* WA menu button */

body:has(.ams-landing)
.ams-main-nav
.menuInner .menuButton {
    background: transparent !important;
    color: var(--ams-on-dark) !important;
}


/* Member/login */

body:has(.ams-landing) .ams-member-login {
    background: transparent !important;

    color: var(--ams-on-dark) !important;

    font-size: 0.82rem;
    line-height: 1.45;

    text-align: right;
}


body:has(.ams-landing) .ams-member-login a,
body:has(.ams-landing) .ams-member-login a:link,
body:has(.ams-landing) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    text-decoration: none;
}


body:has(.ams-landing) .ams-member-login a:hover {
    color: var(--ams-gold) !important;
}


body:has(.ams-landing)
.ams-member-login a.loginBoxChangePassword {
    display: none !important;
}


/* ==========================================================
   HERO
   ========================================================== */

.ams-landing-hero {
    position: relative;

    min-height: 560px;

    display: flex;
    align-items: flex-end;

    overflow: hidden;

    background:
        var(--ams-forest)
        url('/resources/Pictures/recents/IMG_0194.jpg')
        70% center / cover
        no-repeat !important;
}


.ams-landing-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8,39,30,0.97) 0%,
            rgba(8,39,30,0.90) 30%,
            rgba(8,39,30,0.72) 52%,
            rgba(8,39,30,0.30) 76%,
            rgba(8,39,30,0.10) 100%
        );
}


.ams-landing-hero-inner {
    position: relative;
    z-index: 2;

    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding:
        175px
        40px
        64px;
}


/* ALABAMA MUSHROOM SOCIETY */

.ams-landing-hero .ams-eyebrow {
    position: absolute;

    top: 48px;
    left: 40px;
    right: 40px;

    margin: 0;

    color: var(--ams-gold) !important;

    font-size: var(--ams-major-heading-size) !important;
    font-weight: 800;

    line-height: 1.02;
    letter-spacing: 0.025em;

    text-transform: uppercase;
}


/* A whole world underfoot */

.ams-landing-hero h1 {
    max-width: 850px;

    margin: 0 0 20px;

    color: var(--ams-on-dark) !important;

    font-size: var(--ams-major-heading-size) !important;
    font-weight: 800;

    line-height: 1.04;
    letter-spacing: -0.035em;
}


.ams-landing-lead {
    max-width: 700px;

    margin: 0 0 28px;

    color: #e9ede7 !important;

    font-size: 1.22rem;
    line-height: 1.55;
}


/* ==========================================================
   BUTTONS
   ========================================================== */

.ams-button-row,
.ams-mission-actions {
    display: flex;
    flex-wrap: wrap;

    align-items: center;

    gap: 12px;
}


.ams-button {
    display: inline-block;

    padding: 13px 20px;

    border-radius: var(--ams-radius);

    font-size: 0.95rem;
    font-weight: 700;

    text-decoration: none !important;
}


.ams-button-gold,
.ams-button-gold:link,
.ams-button-gold:visited {
    background: var(--ams-gold);

    color: var(--ams-forest) !important;
}


.ams-button-gold:hover {
    filter: brightness(1.05);
}


.ams-button-light,
.ams-button-light:link,
.ams-button-light:visited {
    border: 1px solid rgba(255,255,255,0.65);

    background: rgba(255,255,255,0.08);

    color: var(--ams-on-dark) !important;
}


.ams-button-light:hover {
    background: rgba(255,255,255,0.16);
}


.ams-button-forest,
.ams-button-forest:link,
.ams-button-forest:visited {
    background: var(--ams-forest);

    color: var(--ams-on-dark) !important;
}


.ams-button-forest:hover {
    background: #124334;
}


/* ==========================================================
   COMPACT INTRO
   ========================================================== */

.ams-home-intro-compact {
    padding: 54px 0 32px;

    background: var(--ams-cream);
}


.ams-intro-compact-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(300px, 0.85fr);

    align-items: end;

    gap: 56px;
}


.ams-home-intro-compact .ams-eyebrow,
.ams-gallery-heading-compact .ams-eyebrow,
.ams-events-intro .ams-eyebrow,
.ams-membership-compact .ams-eyebrow {
    margin: 0 0 12px;

    color: #78601f !important;

    font-size: 0.78rem;
    font-weight: 700;

    letter-spacing: 0.14em;
    text-transform: uppercase;
}


.ams-home-intro-compact h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: var(--ams-major-heading-size);

    line-height: 1.04;
    letter-spacing: -0.035em;
}


.ams-intro-compact-copy {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 1.08rem;
    line-height: 1.62;
}


/* ==========================================================
   EXPLORE / LEARN / BELONG
   ========================================================== */

.ams-pathways {
    padding: 0 0 58px;

    background: var(--ams-cream);
}


.ams-pathway-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 18px;
}


.ams-pathway-card {
    padding: 26px;

    border: 1px solid rgba(8,39,30,0.14);
    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-card-kicker {
    margin: 0 0 12px;

    color: #78601f !important;

    font-size: 0.74rem;
    font-weight: 700;

    letter-spacing: 0.14em;
}


.ams-pathway-card h3 {
    margin: 0 0 13px;

    color: var(--ams-forest) !important;

    font-size: 1.4rem;
    line-height: 1.15;
}


.ams-pathway-card p {
    margin: 0 0 16px;

    color: var(--ams-muted) !important;

    line-height: 1.55;
}


.ams-pathway-card a,
.ams-pathway-card a:link,
.ams-pathway-card a:visited {
    color: #285942 !important;

    font-weight: 700;
}


/* ==========================================================
   COMPACT FUNGI MOSAIC
   ========================================================== */

.ams-gallery-compact {
    padding: 0 0 62px;

    background: var(--ams-cream);
}


.ams-gallery-heading-compact {
    display: grid;

    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(220px, 0.65fr);

    align-items: end;

    gap: 44px;

    margin-bottom: 26px;
}


.ams-gallery-heading-compact h2 {
    max-width: 800px;

    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.1rem, 3.5vw, 3.35rem);

    line-height: 1.05;
    letter-spacing: -0.035em;
}


.ams-gallery-heading-compact > p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 1rem;
    line-height: 1.55;
}


/* Desktop composition-aware grid */

.ams-gallery-mosaic {
    display: grid;

    grid-template-columns: repeat(12, minmax(0, 1fr));

    grid-template-rows:
        105px
        105px
        105px
        105px;

    gap: 10px;

    width: 100%;
}


.ams-gallery-item {
    position: relative;

    margin: 0;

    overflow: hidden;

    border-radius: var(--ams-radius);

    background: #d9ddd7;
}


.ams-gallery-item img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-gallery-item figcaption {
    position: absolute;

    left: 9px;
    bottom: 8px;

    padding: 4px 7px;

    border-radius: 4px;

    background: rgba(8,39,30,0.75);

    color: #ffffff !important;

    font-size: 0.7rem;
    line-height: 1.15;
}


/* Purple Cortinarius */

.ams-gallery-cort {
    grid-column: 1 / span 5;
    grid-row: 1 / span 3;
}


/* Hydnum teeth — use its very wide crop */

.ams-gallery-hydnum {
    grid-column: 1 / span 5;
    grid-row: 4;
}


/* Cordyceps — portrait */

.ams-gallery-cordyceps {
    grid-column: 6 / span 3;
    grid-row: 1 / span 4;
}


/* Blue-staining Gyroporus */

.ams-gallery-gyro {
    grid-column: 9 / span 4;
    grid-row: 1 / span 2;
}


/* Suillus */

.ams-gallery-suillus {
    grid-column: 9 / span 2;
    grid-row: 3 / span 2;
}


/* Coprinellus */

.ams-gallery-coprinellus {
    grid-column: 11 / span 2;
    grid-row: 3 / span 2;
}


/* ==========================================================
   EVENTS
   ========================================================== */

.ams-events-intro {
    padding: 50px 0 18px;

    background: var(--ams-cream);
}


.ams-section-heading-row {
    display: flex;

    justify-content: space-between;
    align-items: flex-end;

    gap: 40px;
}


.ams-section-heading-row h2 {
    margin: 0 0 10px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.2rem, 3.7vw, 3.6rem);

    line-height: 1.05;
    letter-spacing: -0.035em;
}


.ams-section-heading-row p {
    max-width: 680px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 1.06rem;
    line-height: 1.55;
}


.ams-text-link,
.ams-text-link:link,
.ams-text-link:visited {
    color: #285942 !important;

    font-weight: 700;

    text-decoration: none;

    white-space: nowrap;
}


.ams-text-link:hover {
    color: #765915 !important;
}


.ams-upcoming-events {
    max-width: var(--ams-content);

    margin: 0 auto;

    padding:
        0
        40px
        54px;

    background: var(--ams-cream) !important;
}


.ams-upcoming-events,
.ams-upcoming-events * {
    box-sizing: border-box;
}


/* ==========================================================
   SECOND PHOTOGRAPHIC BAND — MUSHROOM ALERTS
   ========================================================== */

.ams-alert-blend {
    position: relative;

    min-height: 330px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        var(--ams-forest)
        url('/resources/Pictures/recents/Gyroporus%20cyanescens.jpg')
        76% center / cover
        no-repeat;
}


.ams-alert-blend-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8,39,30,0.98) 0%,
            rgba(8,39,30,0.94) 38%,
            rgba(8,39,30,0.72) 62%,
            rgba(8,39,30,0.16) 100%
        );
}


.ams-alert-blend-inner {
    position: relative;
    z-index: 2;

    width: 100%;

    padding-top: 54px;
    padding-bottom: 54px;
}


.ams-alert-blend .ams-eyebrow,
.ams-mission-cta .ams-eyebrow {
    margin: 0 0 12px;

    color: var(--ams-gold) !important;

    font-size: 0.78rem;
    font-weight: 700;

    letter-spacing: 0.14em;
    text-transform: uppercase;
}


.ams-alert-blend h2 {
    max-width: 660px;

    margin: 0 0 16px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.2rem, 4vw, 3.55rem);

    line-height: 1.04;
    letter-spacing: -0.035em;
}


.ams-alert-blend p {
    max-width: 620px;

    margin: 0 0 25px;

    color: #e3eae5 !important;

    font-size: 1.06rem;
    line-height: 1.58;
}


/* ==========================================================
   MEMBERSHIP
   ========================================================== */

.ams-membership-compact {
    padding: 66px 0;

    background: var(--ams-cream);
}


.ams-membership-compact-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(420px, 1.05fr);

    align-items: center;

    gap: 52px;
}


.ams-membership-compact h2 {
    margin: 0 0 18px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.2rem, 3.6vw, 3.45rem);

    line-height: 1.04;
    letter-spacing: -0.035em;
}


.ams-membership-compact .ams-membership-copy > p {
    margin: 0 0 24px;

    color: var(--ams-muted) !important;

    font-size: 1.06rem;
    line-height: 1.62;
}


/* Three photos in one visual block */

.ams-membership-visual {
    display: grid;

    grid-template-columns:
        minmax(0, 1.12fr)
        minmax(0, 0.88fr);

    grid-template-rows:
        1fr
        1fr;

    gap: 10px;

    height: 430px;
}


.ams-member-photo {
    margin: 0;

    overflow: hidden;

    border-radius: var(--ams-radius);

    background: #d9ddd7;
}


.ams-member-photo-main {
    grid-column: 1;
    grid-row: 1 / span 2;
}


.ams-member-photo-small:nth-of-type(2) {
    grid-column: 2;
    grid-row: 1;
}


.ams-member-photo-small:nth-of-type(3) {
    grid-column: 2;
    grid-row: 2;
}


.ams-member-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-member-photo-main img {
    object-position: center top;
}


/* ==========================================================
   MISSION + FINAL ACTION
   ========================================================== */

.ams-mission-cta {
    position: relative;

    overflow: hidden;

    background:
        var(--ams-forest)
        url('/resources/Pictures/recents/morelforay.jpg')
        72% center / cover
        no-repeat;
}


.ams-mission-cta-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8,39,30,0.98) 0%,
            rgba(8,39,30,0.91) 47%,
            rgba(8,39,30,0.56) 72%,
            rgba(8,39,30,0.27) 100%
        );
}


.ams-mission-cta-inner {
    position: relative;
    z-index: 2;

    padding-top: 68px;
    padding-bottom: 68px;
}


.ams-mission-cta h2 {
    max-width: 820px;

    margin: 0 0 20px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.45rem, 4.3vw, 4rem);

    line-height: 1.03;
    letter-spacing: -0.04em;
}


.ams-mission-cta p {
    max-width: 680px;

    margin: 0 0 26px;

    color: #e3eae5 !important;

    font-size: 1.07rem;
    line-height: 1.62;
}


.ams-text-link-light,
.ams-text-link-light:link,
.ams-text-link-light:visited {
    color: var(--ams-on-dark) !important;
}


.ams-text-link-light:hover {
    color: var(--ams-gold) !important;
}


/* ==========================================================
   LANDING FOOTER
   ========================================================== */

body:has(.ams-landing) .ams-site-footer,
body:has(.ams-landing) .ams-footer-brand,
body:has(.ams-landing) .ams-footer-links,
body:has(.ams-landing) .ams-footer-connect {
    background: transparent !important;

    color: var(--ams-on-dark) !important;

    line-height: 1.5;
}


body:has(.ams-landing) .ams-site-footer {
    padding-top: 24px;
    padding-bottom: 28px;
}


/* ==========================================================
   MOBILE / TABLET
   ========================================================== */

@media (max-width: 800px) {

    :root {
        --ams-major-heading-size: clamp(2.05rem, 7vw, 3.15rem);
    }


    .ams-landing-inner,
    .ams-landing-hero-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Hero */

    .ams-landing-hero {
        min-height: 490px;

        background-position: 66% center !important;
    }


    .ams-landing-hero .ams-eyebrow {
        top: 30px;
        left: 22px;
        right: 22px;
    }


    .ams-landing-hero-inner {
        padding-top: 145px;
        padding-bottom: 46px;
    }


    .ams-landing-lead {
        font-size: 1.08rem;
    }


    /* Intro */

    .ams-home-intro-compact {
        padding: 40px 0 26px;
    }


    .ams-intro-compact-grid {
        grid-template-columns: 1fr;

        gap: 17px;
    }


    /* ------------------------------------------------------
       PATHWAYS AS A HORIZONTAL SWIPE RAIL
       ------------------------------------------------------ */

    .ams-pathway-grid {
        display: flex;

        gap: 12px;

        overflow-x: auto;

        padding-bottom: 8px;

        scroll-snap-type: x mandatory;

        -webkit-overflow-scrolling: touch;
    }


    .ams-pathway-card {
        flex: 0 0 min(82vw, 360px);

        scroll-snap-align: start;
    }


    .ams-pathways {
        padding-bottom: 42px;
    }


    /* ------------------------------------------------------
       FUNGI GALLERY AS ONE HORIZONTAL PHOTO RAIL
       ------------------------------------------------------ */

    .ams-gallery-heading-compact {
        grid-template-columns: 1fr;

        gap: 12px;

        margin-bottom: 19px;
    }


    .ams-gallery-mosaic {
        display: flex;

        align-items: center;

        gap: 10px;

        overflow-x: auto;

        padding-bottom: 8px;

        scroll-snap-type: x mandatory;

        -webkit-overflow-scrolling: touch;
    }


    .ams-gallery-item {
        grid-column: auto !important;
        grid-row: auto !important;

        flex: 0 0 min(76vw, 380px);

        width: min(76vw, 380px);
        height: 220px;

        scroll-snap-align: start;
    }


    /* Portrait images remain somewhat portrait-like */

    .ams-gallery-cordyceps,
    .ams-gallery-suillus,
    .ams-gallery-coprinellus {
        flex-basis: min(56vw, 275px);

        width: min(56vw, 275px);

        height: 235px;
    }


    /* Wide Hydnum teeth crop */

    .ams-gallery-hydnum {
        flex-basis: min(88vw, 440px);

        width: min(88vw, 440px);

        height: 136px;
    }


    .ams-gallery-compact {
        padding-bottom: 44px;
    }


    /* Events */

    .ams-events-intro {
        padding-top: 38px;
    }


    .ams-section-heading-row {
        display: block;
    }


    .ams-section-heading-row .ams-text-link {
        display: inline-block;

        margin-top: 18px;
    }


    .ams-upcoming-events {
        padding-left: 22px;
        padding-right: 22px;
        padding-bottom: 46px;
    }


    /* Alerts */

    .ams-alert-blend {
        min-height: 310px;

        background-position: 66% center;
    }


    .ams-alert-blend-inner {
        padding-top: 44px;
        padding-bottom: 44px;
    }


    /* Membership */

    .ams-membership-compact {
        padding: 48px 0;
    }


    .ams-membership-compact-grid {
        grid-template-columns: 1fr;

        gap: 30px;
    }


    .ams-membership-visual {
        height: auto;

        grid-template-columns:
            1fr
            1fr;

        grid-template-rows:
            250px
            100px;

        gap: 8px;
    }


    .ams-member-photo-main {
        grid-column: 1 / -1;
        grid-row: 1;
    }


    .ams-member-photo-small:nth-of-type(2) {
        grid-column: 1;
        grid-row: 2;
    }


    .ams-member-photo-small:nth-of-type(3) {
        grid-column: 2;
        grid-row: 2;
    }


    /* Mission */

    .ams-mission-cta {
        background-position: 67% center;
    }


    .ams-mission-cta-inner {
        padding-top: 52px;
        padding-bottom: 52px;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    :root {
        --ams-major-heading-size: clamp(1.85rem, 8vw, 2.55rem);
    }


    .ams-landing-hero {
        min-height: 455px;

        background-position: 63% center !important;
    }


    .ams-landing-hero .ams-eyebrow {
        top: 25px;
    }


    .ams-landing-hero-inner {
        padding-top: 135px;
        padding-bottom: 40px;
    }


    .ams-pathway-card {
        flex-basis: 84vw;
    }


    .ams-gallery-item {
        flex-basis: 78vw;

        width: 78vw;

        height: 205px;
    }


    .ams-gallery-cordyceps,
    .ams-gallery-suillus,
    .ams-gallery-coprinellus {
        flex-basis: 58vw;

        width: 58vw;

        height: 225px;
    }


    .ams-gallery-hydnum {
        flex-basis: 88vw;

        width: 88vw;

        height: 120px;
    }


    .ams-alert-blend {
        min-height: 290px;

        background-position: 61% center;
    }


    .ams-membership-visual {
        grid-template-rows:
            235px
            92px;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   USE WILDAPRICOT'S TOGGLE, BUT KEEP EXPANDED MENU IN FLOW
   SO IT PUSHES PAGE CONTENT DOWN INSTEAD OF COVERING HERO.
   ========================================================== */

@media (max-width: 900px) {

    body:has(.ams-landing)
    .ams-main-nav .menuInner .menuButton {
        display: block !important;

        margin-left: auto;

        background: transparent !important;

        color: var(--ams-on-dark) !important;
    }


    /*
       IMPORTANT:
       We do NOT force display:block or display:none.
       WildApricot remains responsible for opening/closing it.
       We only change the layout WHEN it is visible.
    */

    body:has(.ams-landing)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: static !important;

        width: 100% !important;

        margin: 8px 0 0 !important;
        padding: 6px 0 !important;

        border: 0 !important;

        background: var(--ams-forest) !important;

        box-shadow: none !important;
    }


    body:has(.ams-landing)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel > li {
        display: block !important;

        width: 100% !important;
    }


    body:has(.ams-landing)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel > li > .item > a {
        display: block;

        width: 100%;

        padding: 12px 15px;

        color: var(--ams-on-dark) !important;

        background: transparent !important;

        text-align: left;
    }


    body:has(.ams-landing)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel > li > .item:hover > a {
        color: var(--ams-gold) !important;

        background: rgba(255,255,255,0.06) !important;
    }

}
/* ==========================================================
   ==========================================================
   AMS SECTION HUB
   Prototype: About Mushrooms
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   HUB PAGE SHELL
   ========================================================== */

body:has(.ams-section-hub) .mLayout,
body:has(.ams-section-hub) .zoneContentOuter,
body:has(.ams-section-hub) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-section-hub) .zoneHeaderOuter,
body:has(.ams-section-hub) .zoneHeader,
body:has(.ams-section-hub) .zoneHeader1Outer,
body:has(.ams-section-hub) .zoneHeader1,
body:has(.ams-section-hub) .zoneHeader2Outer,
body:has(.ams-section-hub) .zoneHeader2,
body:has(.ams-section-hub) .zoneFooterOuter,
body:has(.ams-section-hub) .zoneFooter,
body:has(.ams-section-hub) .zoneFooter1Outer,
body:has(.ams-section-hub) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


/* Remove WA framing around the custom HTML gadget */

.WaGadgetCustomHTML:has(.ams-section-hub) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-section-hub) .gadgetStyleTitle {
    display: none !important;
}


.ams-section-hub {
    width: 100%;

    background: var(--ams-cream);

    color: var(--ams-text);
}


.ams-hub-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER / FOOTER CONSISTENCY
   ========================================================== */

body:has(.ams-section-hub) .ams-site-logo,
body:has(.ams-section-hub) .ams-main-nav,
body:has(.ams-section-hub) .ams-member-login,
body:has(.ams-section-hub) .ams-site-footer,
body:has(.ams-section-hub) .ams-footer-brand,
body:has(.ams-section-hub) .ams-footer-links,
body:has(.ams-section-hub) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-section-hub)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


body:has(.ams-section-hub)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-section-hub)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


/* ==========================================================
   HUB EYEBROWS
   ========================================================== */

.ams-hub-eyebrow {
    margin: 0 0 12px;

    color: #78601f !important;

    font-size: 0.76rem;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


/* ==========================================================
   COMPACT MASTHEAD
   ========================================================== */

.ams-hub-hero {
    position: relative;

    min-height: 330px;

    display: flex;
    align-items: flex-end;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-hub-hero-image {
    position: absolute;

    inset: 0 0 0 45%;

    overflow: hidden;
}


.ams-hub-hero-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center center;
}


.ams-hub-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8,39,30,1) 0%,
            rgba(8,39,30,0.98) 33%,
            rgba(8,39,30,0.78) 55%,
            rgba(8,39,30,0.18) 100%
        );
}


.ams-hub-hero-inner {
    position: relative;
    z-index: 2;

    padding-top: 64px;
    padding-bottom: 54px;
}


.ams-hub-hero .ams-hub-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-hub-hero h1 {
    max-width: 720px;

    margin: 0 0 15px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.7rem, 5vw, 4.8rem);

    line-height: 1.01;

    letter-spacing: -0.04em;
}


.ams-hub-lead {
    max-width: 630px;

    margin: 0;

    color: #e5ebe7 !important;

    font-size: 1.15rem;

    line-height: 1.55;
}


/* ==========================================================
   START HERE
   ========================================================== */

.ams-hub-start {
    padding: 62px 0 54px;

    background: var(--ams-cream);
}


.ams-hub-section-heading {
    max-width: 780px;

    margin-bottom: 30px;
}


.ams-hub-section-heading h2,
.ams-hub-resource-heading h2 {
    margin: 0 0 12px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.1rem, 3.4vw, 3.3rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-hub-section-heading > p:last-child,
.ams-hub-resource-heading > p:last-child {
    max-width: 680px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 1.05rem;

    line-height: 1.58;
}


.ams-hub-feature-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 16px;
}


.ams-hub-feature-card,
.ams-hub-feature-card:link,
.ams-hub-feature-card:visited {
    display: flex;

    min-height: 245px;

    box-sizing: border-box;

    flex-direction: column;

    padding: 26px;

    border: 1px solid rgba(8,39,30,0.14);

    border-radius: var(--ams-radius);

    background: #ffffff;

    color: var(--ams-text) !important;

    text-decoration: none !important;
}


.ams-hub-feature-card:hover {
    border-color: rgba(8,39,30,0.30);

    transform: translateY(-2px);
}


.ams-hub-card-number {
    margin-bottom: auto;

    color: #927126 !important;

    font-size: 0.72rem;
    font-weight: 800;

    letter-spacing: 0.12em;
}


.ams-hub-feature-card h3 {
    margin: 22px 0 10px;

    color: var(--ams-forest) !important;

    font-size: 1.45rem;

    line-height: 1.15;
}


.ams-hub-feature-card p {
    margin: 0 0 18px;

    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.52;
}


.ams-hub-card-link {
    margin-top: auto;

    color: #285942 !important;

    font-weight: 800;
}


/* ==========================================================
   RESOURCE GROUPS
   ========================================================== */

.ams-hub-resources {
    background: var(--ams-cream);
}


.ams-hub-resource-group {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.72fr)
        minmax(0, 1.28fr);

    gap: 70px;

    align-items: start;

    padding-top: 52px;
    padding-bottom: 52px;

    border-top: 1px solid rgba(8,39,30,0.13);
}


.ams-hub-resource-group-tinted {
    position: relative;
}


.ams-hub-resource-group-tinted::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    left: 50%;

    width: 100vw;

    transform: translateX(-50%);

    z-index: 0;

    background: #f3efe1;
}


.ams-hub-resource-group-tinted > * {
    position: relative;

    z-index: 1;
}


.ams-hub-resource-heading {
    max-width: 410px;
}


.ams-hub-link-list {
    border-top: 1px solid rgba(8,39,30,0.16);
}


.ams-hub-link-list a,
.ams-hub-link-list a:link,
.ams-hub-link-list a:visited {
    display: flex;

    justify-content: space-between;

    gap: 26px;

    align-items: center;

    padding: 21px 4px;

    border-bottom: 1px solid rgba(8,39,30,0.16);

    color: var(--ams-text) !important;

    text-decoration: none !important;
}


.ams-hub-link-list a:hover {
    padding-left: 10px;
}


.ams-hub-link-list span {
    display: block;
}


.ams-hub-link-list strong {
    display: block;

    margin-bottom: 4px;

    color: var(--ams-forest) !important;

    font-size: 1.08rem;
}


.ams-hub-link-list small {
    display: block;

    max-width: 620px;

    color: var(--ams-muted) !important;

    font-size: 0.91rem;

    line-height: 1.45;
}


.ams-hub-link-list b {
    flex: 0 0 auto;

    color: #927126 !important;

    font-size: 1.25rem;
}


/* ==========================================================
   CLOSING BAND
   ========================================================== */

.ams-hub-closing {
    padding: 58px 0;

    background: var(--ams-forest);
}


.ams-hub-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.3fr)
        auto;

    gap: 54px;

    align-items: center;
}


.ams-hub-closing .ams-hub-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-hub-closing h2 {
    max-width: 700px;

    margin: 0 0 13px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2rem, 3.4vw, 3.2rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-hub-closing p {
    max-width: 650px;

    margin: 0;

    color: #dce5df !important;

    font-size: 1.02rem;

    line-height: 1.55;
}


.ams-hub-closing-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    justify-content: flex-end;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-hub-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Masthead */

    .ams-hub-hero {
        min-height: 300px;
    }


    .ams-hub-hero-image {
        inset: 0;
    }


    .ams-hub-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(8,39,30,0.96) 0%,
                rgba(8,39,30,0.84) 58%,
                rgba(8,39,30,0.45) 100%
            );
    }


    .ams-hub-hero-inner {
        padding-top: 48px;
        padding-bottom: 42px;
    }


    .ams-hub-hero h1 {
        max-width: 540px;

        font-size: clamp(2.35rem, 9vw, 3.5rem);
    }


    .ams-hub-lead {
        max-width: 520px;

        font-size: 1.02rem;
    }


    /* Start */

    .ams-hub-start {
        padding-top: 46px;
        padding-bottom: 38px;
    }


    /*
       Unlike the homepage carousel, these must never be hidden.
       Stack all three on mobile.
    */

    .ams-hub-feature-grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }


    .ams-hub-feature-card {
        min-height: 0;

        padding: 21px;
    }


    .ams-hub-card-number {
        margin-bottom: 3px;
    }


    .ams-hub-feature-card h3 {
        margin-top: 10px;
    }


    /* Resource groups */

    .ams-hub-resource-group {
        grid-template-columns: 1fr;

        gap: 25px;

        padding-top: 40px;
        padding-bottom: 40px;
    }


    .ams-hub-resource-heading {
        max-width: 620px;
    }


    /* Closing */

    .ams-hub-closing {
        padding: 46px 0;
    }


    .ams-hub-closing-grid {
        grid-template-columns: 1fr;

        gap: 26px;
    }


    .ams-hub-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   MOBILE NAVIGATION FOR SECTION HUBS
   MATCH THE WORKING LANDING-PAGE MENU
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-section-hub) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-section-hub)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-section-hub)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-section-hub)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   SECTION HUB — VISUAL NAVIGATION REVISION
   ========================================================== */


/* ----------------------------------------------------------
   PRIMARY IMAGE CARDS
   ---------------------------------------------------------- */

.ams-hub-feature-card-photo {
    display: block;

    padding: 0;

    overflow: hidden;

    min-height: 0;
}


.ams-hub-card-photo {
    margin: 0;

    width: 100%;
    height: 165px;

    overflow: hidden;

    background: #d9ddd7;
}


.ams-hub-card-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-hub-card-body {
    display: flex;

    flex-direction: column;

    min-height: 220px;

    box-sizing: border-box;

    padding: 23px;
}


.ams-hub-card-body .ams-hub-card-number {
    margin: 0 0 8px;
}


.ams-hub-card-body h3 {
    margin: 0 0 10px;
}


.ams-hub-card-body p {
    margin: 0 0 17px;
}


.ams-hub-card-body .ams-hub-card-link {
    margin-top: auto;
}


/* ----------------------------------------------------------
   COMPACT SECONDARY RESOURCE AREA
   ---------------------------------------------------------- */

.ams-hub-resource-panels {
    padding: 52px 0 60px;

    background: #f3efe1;
}


.ams-hub-resource-panel-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 54px;
}


.ams-hub-resource-panel-heading {
    margin-bottom: 24px;
}


.ams-hub-resource-panel-heading h2 {
    margin: 0 0 11px;

    color: var(--ams-forest) !important;

    font-size: clamp(1.8rem, 2.8vw, 2.55rem);

    line-height: 1.07;

    letter-spacing: -0.03em;
}


.ams-hub-resource-panel-heading > p:last-child {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.98rem;

    line-height: 1.5;
}


/* ----------------------------------------------------------
   IMAGE + LINK ROWS
   ---------------------------------------------------------- */

.ams-hub-visual-links {
    border-top:
        1px solid
        rgba(8,39,30,0.15);
}


.ams-hub-visual-link,
.ams-hub-visual-link:link,
.ams-hub-visual-link:visited {
    display: grid;

    grid-template-columns:
        92px
        minmax(0, 1fr)
        auto;

    gap: 16px;

    align-items: center;

    padding: 14px 0;

    border-bottom:
        1px solid
        rgba(8,39,30,0.15);

    color: var(--ams-text) !important;

    text-decoration: none !important;
}


.ams-hub-visual-link figure {
    margin: 0;

    width: 92px;
    height: 72px;

    overflow: hidden;

    border-radius: 6px;

    background: #d9ddd7;
}


.ams-hub-visual-link figure img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-hub-visual-link span {
    display: block;
}


.ams-hub-visual-link strong {
    display: block;

    margin-bottom: 4px;

    color: var(--ams-forest) !important;

    font-size: 1.02rem;

    line-height: 1.2;
}


.ams-hub-visual-link small {
    display: block;

    color: var(--ams-muted) !important;

    font-size: 0.86rem;

    line-height: 1.35;
}


.ams-hub-visual-link > b {
    padding-right: 4px;

    color: #927126 !important;

    font-size: 1.2rem;
}


.ams-hub-visual-link:hover strong {
    color: #765915 !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    /*
       Keep all three primary destinations visible.
       No carousel here.
    */

    .ams-hub-feature-grid {
        grid-template-columns: 1fr;
    }


    .ams-hub-feature-card-photo {
        display: grid;

        grid-template-columns:
            130px
            minmax(0, 1fr);
    }


    .ams-hub-card-photo {
        width: 130px;
        height: 100%;
        min-height: 180px;
    }


    .ams-hub-card-body {
        min-height: 180px;

        padding: 19px;
    }


    .ams-hub-card-body p {
        font-size: 0.91rem;
    }


    /*
       Resource groups stack, but each individual destination
       remains a compact image-backed row.
    */

    .ams-hub-resource-panel-grid {
        grid-template-columns: 1fr;

        gap: 42px;
    }


    .ams-hub-resource-panels {
        padding-top: 42px;
        padding-bottom: 48px;
    }

}


@media (max-width: 520px) {

    .ams-hub-feature-card-photo {
        grid-template-columns:
            105px
            minmax(0, 1fr);
    }


    .ams-hub-card-photo {
        width: 105px;
        min-height: 190px;
    }


    .ams-hub-card-body {
        min-height: 190px;

        padding: 17px;
    }


    /*
       We can drop the primary-card descriptions on very small
       screens if the page still feels too tall later.
       For now, keep them.
    */

    .ams-hub-visual-link {
        grid-template-columns:
            78px
            minmax(0, 1fr)
            auto;

        gap: 12px;
    }


    .ams-hub-visual-link figure {
        width: 78px;
        height: 64px;
    }

}
/* Recommended-books card:
   preserve the book cover instead of cropping it */

.ams-hub-book-photo {
    background: #eee9da;
}

.ams-hub-book-photo img {
    object-fit: contain !important;
    object-position: center center;
    padding: 8px;
    box-sizing: border-box;
}
/* ==========================================================
   ABOUT MUSHROOMS HUB — custom tile image crops
   ========================================================== */

.ams-hub-link-figure {
    overflow: hidden;
}

.ams-hub-link-figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Show the map clearly in the small thumbnail */
.ams-hub-link-figure-map img {
    object-position: center center;
}

/* Favor the central tabletop portion of herbarium.jpg */
.ams-hub-link-figure-table img {
    object-position: center 38%;
}
/* ==========================================================
   ABOUT MUSHROOMS HUB — PHONE CARD FIX
   Full-width images + natural card height
   ========================================================== */

@media (max-width: 520px) {

    /*
       Stop using the narrow image/text split on phones.
       Each card becomes:
       [ wide image ]
       [ text       ]
    */

    .ams-hub-feature-card-photo {
        display: block !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        padding: 0 !important;

        overflow: hidden;
    }


    /* Normal mushroom / ID images */

    .ams-hub-card-photo {
        display: block;

        width: 100% !important;
        height: 150px !important;
        min-height: 0 !important;

        margin: 0;

        overflow: hidden;
    }


    .ams-hub-card-photo img {
        display: block;

        width: 100% !important;
        height: 100% !important;

        object-fit: cover;
        object-position: center center;
    }


    /*
       Book cover:
       give it a little more room and preserve the whole cover.
    */

    .ams-hub-book-photo {
        width: 100% !important;
        height: 175px !important;

        background: #eee9da;
    }


    .ams-hub-book-photo img {
        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
        object-position: center center !important;

        padding: 10px;
        box-sizing: border-box;
    }


    /*
       Let text determine the natural card height.
       This fixes the cutoff on Recommended Books.
    */

    .ams-hub-card-body {
        display: flex;

        flex-direction: column;

        width: 100%;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        box-sizing: border-box;

        padding: 19px 19px 21px;
    }


    .ams-hub-card-body .ams-hub-card-number {
        margin-bottom: 8px;
    }


    .ams-hub-card-body h3 {
        margin-top: 0;
    }


    .ams-hub-card-body p {
        font-size: 0.93rem;
        line-height: 1.5;
    }


    .ams-hub-card-body .ams-hub-card-link {
        margin-top: 4px;
    }

}
/* ==========================================================
   ==========================================================
   AMS GUIDE / RESOURCE PAGE
   Prototype: Mushroom Identification
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-guide) .mLayout,
body:has(.ams-guide) .zoneContentOuter,
body:has(.ams-guide) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-guide) .zoneHeaderOuter,
body:has(.ams-guide) .zoneHeader,
body:has(.ams-guide) .zoneHeader1Outer,
body:has(.ams-guide) .zoneHeader1,
body:has(.ams-guide) .zoneHeader2Outer,
body:has(.ams-guide) .zoneHeader2,
body:has(.ams-guide) .zoneFooterOuter,
body:has(.ams-guide) .zoneFooter,
body:has(.ams-guide) .zoneFooter1Outer,
body:has(.ams-guide) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-guide) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-guide) .gadgetStyleTitle {
    display: none !important;
}


.ams-guide {
    width: 100%;

    background: var(--ams-cream);

    color: var(--ams-text);
}


.ams-guide-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER CONSISTENCY
   ========================================================== */

body:has(.ams-guide) .ams-site-logo,
body:has(.ams-guide) .ams-main-nav,
body:has(.ams-guide) .ams-member-login,
body:has(.ams-guide) .ams-site-footer,
body:has(.ams-guide) .ams-footer-brand,
body:has(.ams-guide) .ams-footer-links,
body:has(.ams-guide) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-guide)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


body:has(.ams-guide)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-guide)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


/* ==========================================================
   EYEBROW
   ========================================================== */

.ams-guide-eyebrow {
    margin: 0 0 11px;

    color: #78601f !important;

    font-size: 0.76rem;
    font-weight: 800;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


/* ==========================================================
   MASTHEAD
   ========================================================== */

.ams-guide-hero {
    padding: 34px 0 48px;

    background: var(--ams-cream);
}


.ams-guide-breadcrumb {
    display: flex;

    flex-wrap: wrap;

    gap: 8px;

    margin-bottom: 34px;

    color: var(--ams-muted);

    font-size: 0.88rem;
}


.ams-guide-breadcrumb a,
.ams-guide-breadcrumb a:link,
.ams-guide-breadcrumb a:visited {
    color: #285942 !important;

    font-weight: 700;

    text-decoration: none;
}


.ams-guide-hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(280px, 0.75fr);

    align-items: center;

    gap: 64px;
}


.ams-guide-hero h1 {
    max-width: 760px;

    margin: 0 0 18px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.8rem, 5vw, 4.8rem);

    line-height: 1.01;

    letter-spacing: -0.045em;
}


.ams-guide-lead {
    max-width: 680px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 1.18rem;

    line-height: 1.55;
}


.ams-guide-hero-image {
    margin: 0;

    max-height: 300px;

    overflow: hidden;

    border-radius: var(--ams-radius);

    background: #eee9da;
}


.ams-guide-hero-image img {
    display: block;

    width: 100%;
    height: 300px;

    object-fit: contain;

    padding: 12px;

    box-sizing: border-box;
}


/* ==========================================================
   ON THIS PAGE
   ========================================================== */

.ams-guide-nav-band {
    border-top: 1px solid rgba(8,39,30,0.12);
    border-bottom: 1px solid rgba(8,39,30,0.12);

    background: #f3efe1;
}


.ams-guide-nav {
    display: flex;

    align-items: center;

    gap: 28px;

    padding-top: 16px;
    padding-bottom: 16px;
}


.ams-guide-nav > strong {
    flex: 0 0 auto;

    color: #78601f !important;

    font-size: 0.72rem;

    letter-spacing: 0.12em;
}


.ams-guide-nav-links {
    display: flex;

    flex-wrap: wrap;

    gap: 7px 18px;
}


.ams-guide-nav-links a,
.ams-guide-nav-links a:link,
.ams-guide-nav-links a:visited {
    color: #285942 !important;

    font-size: 0.91rem;
    font-weight: 700;

    text-decoration: none;
}


/* ==========================================================
   ARTICLE BODY
   ========================================================== */

.ams-guide-body {
    padding: 24px 0 36px;

    background: var(--ams-cream);
}


.ams-guide-section {
    display: grid;

    grid-template-columns:
        175px
        minmax(0, 760px);

    justify-content: center;

    gap: 48px;

    padding: 54px 0;

    border-bottom: 1px solid rgba(8,39,30,0.12);

    scroll-margin-top: 30px;
}


.ams-guide-section-label {
    padding-top: 7px;
}


.ams-guide-section-label span {
    display: block;

    margin-bottom: 7px;

    color: #927126 !important;

    font-size: 0.82rem;
    font-weight: 800;

    letter-spacing: 0.12em;
}


.ams-guide-section-label p {
    margin: 0;

    color: #78601f !important;

    font-size: 0.72rem;
    font-weight: 800;

    line-height: 1.3;

    letter-spacing: 0.12em;

    text-transform: uppercase;
}


.ams-guide-content h2 {
    margin: 0 0 22px;

    color: var(--ams-forest) !important;

    font-size: clamp(2rem, 3.4vw, 3rem);

    line-height: 1.06;

    letter-spacing: -0.035em;
}


.ams-guide-content h3 {
    margin: 32px 0 12px;

    color: var(--ams-forest) !important;

    font-size: 1.35rem;

    line-height: 1.18;
}


.ams-guide-content > p {
    margin: 0 0 1.35em;

    color: var(--ams-text) !important;

    font-size: 1.04rem;

    line-height: 1.7;
}


.ams-guide-content a,
.ams-guide-content a:link,
.ams-guide-content a:visited {
    color: #285942 !important;

    font-weight: 700;

    text-decoration-color: var(--ams-gold);

    text-decoration-thickness: 2px;

    text-underline-offset: 3px;
}


/* ==========================================================
   CALLOUT
   ========================================================== */

.ams-guide-callout {
    margin: 30px 0;

    padding: 25px 27px;

    border-left: 5px solid var(--ams-gold);

    border-radius: 0 var(--ams-radius) var(--ams-radius) 0;

    background: var(--ams-forest);
}


.ams-guide-callout-label {
    margin: 0 0 8px !important;

    color: var(--ams-gold) !important;

    font-size: 0.7rem !important;
    font-weight: 800;

    letter-spacing: 0.13em;
}


.ams-guide-callout h3 {
    margin: 0 0 9px;

    color: var(--ams-on-dark) !important;
}


.ams-guide-callout p:last-child {
    margin: 0;

    color: #dce5df !important;

    line-height: 1.55;
}


.ams-guide-callout-light {
    background: #f3efe1;
}


.ams-guide-callout-light h3 {
    color: var(--ams-forest) !important;
}


.ams-guide-callout-light p:last-child {
    color: var(--ams-text) !important;
}


/* ==========================================================
   OBSERVATION GRID
   ========================================================== */

.ams-guide-observation-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 12px;

    margin: 28px 0 32px;
}


.ams-guide-observation-grid article {
    padding: 20px;

    border: 1px solid rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-guide-observation-grid h3 {
    margin: 0 0 8px;

    font-size: 1.08rem;
}


.ams-guide-observation-grid p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.93rem;

    line-height: 1.5;
}


/* ==========================================================
   WIDE FIGURE
   ========================================================== */

.ams-guide-wide-figure {
    margin: 34px 0 0;

    padding: 12px;

    border-radius: var(--ams-radius);

    background: #eee9da;
}


.ams-guide-wide-figure img {
    display: block;

    width: 100%;
    height: auto;

    max-height: 580px;

    object-fit: contain;
}


/* ==========================================================
   ACTION CARDS
   ========================================================== */

.ams-guide-action-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px;

    margin: 28px 0 32px;
}


.ams-guide-action,
.ams-guide-action:link,
.ams-guide-action:visited {
    display: flex;

    flex-direction: column;

    padding: 22px;

    border: 1px solid rgba(8,39,30,0.14);

    border-radius: var(--ams-radius);

    background: #ffffff;

    color: var(--ams-text) !important;

    text-decoration: none !important;
}


.ams-guide-action strong {
    margin-bottom: 8px;

    color: var(--ams-forest) !important;

    font-size: 1.12rem;
}


.ams-guide-action span {
    margin-bottom: 18px;

    color: var(--ams-muted) !important;

    font-size: 0.92rem;

    line-height: 1.45;
}


.ams-guide-action b {
    margin-top: auto;

    color: #285942 !important;
}


/* ==========================================================
   RESOURCE CARDS
   ========================================================== */

.ams-guide-resource-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 14px;
}


.ams-guide-resource-card,
.ams-guide-resource-card:link,
.ams-guide-resource-card:visited {
    overflow: hidden;

    border: 1px solid rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;

    color: var(--ams-text) !important;

    text-decoration: none !important;
}


.ams-guide-resource-card figure {
    margin: 0;

    height: 180px;

    overflow: hidden;

    background: #eee9da;
}


.ams-guide-resource-card figure img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;

    padding: 7px;

    box-sizing: border-box;
}


.ams-guide-resource-card > div {
    padding: 18px;
}


.ams-guide-resource-card h3 {
    margin: 0 0 7px;

    font-size: 1.05rem;
}


.ams-guide-resource-card p {
    min-height: 54px;

    margin: 0 0 13px;

    color: var(--ams-muted) !important;

    font-size: 0.88rem;

    line-height: 1.45;
}


.ams-guide-resource-card span {
    color: #285942 !important;

    font-size: 0.88rem;
    font-weight: 800;
}


/* ==========================================================
   ADVANCED TECHNIQUES
   ========================================================== */

.ams-guide-advanced-grid {
    display: flex;

    flex-direction: column;

    gap: 14px;
}


.ams-guide-advanced-card {
    display: grid;

    grid-template-columns:
        170px
        minmax(0, 1fr);

    gap: 22px;

    align-items: center;

    overflow: hidden;

    border: 1px solid rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-guide-advanced-card figure {
    margin: 0;

    align-self: stretch;

    min-height: 150px;

    overflow: hidden;
}


.ams-guide-advanced-card figure img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-guide-advanced-card > div {
    padding: 20px 22px 20px 0;
}


.ams-guide-advanced-card h3 {
    margin: 0 0 8px;
}


.ams-guide-advanced-card p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.94rem;

    line-height: 1.5;
}


/* ==========================================================
   CLOSING BAND
   ========================================================== */

.ams-guide-closing {
    padding: 58px 0;

    background: var(--ams-forest);
}


.ams-guide-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        auto;

    gap: 50px;

    align-items: center;
}


.ams-guide-closing .ams-guide-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-guide-closing h2 {
    max-width: 720px;

    margin: 0 0 13px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2rem, 3.3vw, 3.2rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-guide-closing p {
    max-width: 650px;

    margin: 0;

    color: #dce5df !important;

    font-size: 1rem;

    line-height: 1.55;
}


.ams-guide-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET / MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-guide-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Header */

    .ams-guide-hero {
        padding-top: 26px;
        padding-bottom: 38px;
    }


    .ams-guide-breadcrumb {
        margin-bottom: 24px;
    }


    .ams-guide-hero-grid {
        grid-template-columns: 1fr;

        gap: 28px;
    }


    .ams-guide-hero-image {
        max-width: 520px;
    }


    /* On-this-page links */

    .ams-guide-nav {
        display: block;

        padding-top: 15px;
        padding-bottom: 15px;
    }


    .ams-guide-nav > strong {
        display: block;

        margin-bottom: 9px;
    }


    /* Article */

    .ams-guide-section {
        grid-template-columns: 1fr;

        gap: 12px;

        padding-top: 42px;
        padding-bottom: 42px;
    }


    .ams-guide-section-label {
        display: flex;

        gap: 9px;

        align-items: center;

        padding: 0;
    }


    .ams-guide-section-label span {
        margin: 0;
    }


    .ams-guide-observation-grid,
    .ams-guide-action-grid {
        grid-template-columns: 1fr 1fr;
    }


    .ams-guide-resource-grid {
        grid-template-columns: 1fr 1fr;
    }


    .ams-guide-resource-card:last-child {
        grid-column: 1 / -1;
    }


    /* Closing */

    .ams-guide-closing-grid {
        grid-template-columns: 1fr;

        gap: 26px;
    }


    .ams-guide-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-guide-hero h1 {
        font-size: clamp(2.25rem, 10vw, 3.2rem);
    }


    .ams-guide-hero-image,
    .ams-guide-hero-image img {
        height: auto;

        max-height: 300px;
    }


    .ams-guide-nav-links {
        gap: 7px 14px;
    }


    .ams-guide-observation-grid,
    .ams-guide-action-grid,
    .ams-guide-resource-grid {
        grid-template-columns: 1fr;
    }


    .ams-guide-resource-card:last-child {
        grid-column: auto;
    }


    .ams-guide-resource-card {
        display: grid;

        grid-template-columns:
            105px
            minmax(0, 1fr);
    }


    .ams-guide-resource-card figure {
        height: 100%;
        min-height: 150px;
    }


    .ams-guide-resource-card p {
        min-height: 0;
    }


    .ams-guide-advanced-card {
        grid-template-columns: 110px minmax(0, 1fr);

        gap: 16px;
    }


    .ams-guide-advanced-card figure {
        min-height: 180px;
    }


    .ams-guide-advanced-card > div {
        padding: 17px 17px 17px 0;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   SAME WORKING PATTERN AS LANDING + HUB
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-guide) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-guide)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-guide)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 1px solid rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background: rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-guide)
    .ams-main-nav
    .menuInner
    .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-guide)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow: 0 12px 30px rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   ==========================================================
   AMS EVENTS / FUNCTIONAL PAGE
   CONSOLIDATED
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-events-page) .mLayout,
body:has(.ams-events-page) .zoneContentOuter,
body:has(.ams-events-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-events-page) .zoneHeaderOuter,
body:has(.ams-events-page) .zoneHeader,
body:has(.ams-events-page) .zoneHeader1Outer,
body:has(.ams-events-page) .zoneHeader1,
body:has(.ams-events-page) .zoneHeader2Outer,
body:has(.ams-events-page) .zoneHeader2,
body:has(.ams-events-page) .zoneFooterOuter,
body:has(.ams-events-page) .zoneFooter,
body:has(.ams-events-page) .zoneFooter1Outer,
body:has(.ams-events-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-events-page),
.WaGadgetCustomHTML:has(.ams-events-page-bottom) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-events-page) .gadgetStyleTitle,
.WaGadgetCustomHTML:has(.ams-events-page-bottom) .gadgetStyleTitle {
    display: none !important;
}


.ams-events-page,
.ams-events-page-bottom {
    width: 100%;
}


.ams-events-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER / FOOTER
   ========================================================== */

body:has(.ams-events-page) .ams-site-logo,
body:has(.ams-events-page) .ams-main-nav,
body:has(.ams-events-page) .ams-member-login,
body:has(.ams-events-page) .ams-site-footer,
body:has(.ams-events-page) .ams-footer-brand,
body:has(.ams-events-page) .ams-footer-links,
body:has(.ams-events-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-events-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;
    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;
    text-transform: uppercase;
}


body:has(.ams-events-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-events-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


/* Member/login */

body:has(.ams-events-page) .ams-member-login,
body:has(.ams-events-page) .ams-member-login a,
body:has(.ams-events-page) .ams-member-login a:link,
body:has(.ams-events-page) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;
    background: transparent !important;
}


body:has(.ams-events-page)
.ams-member-login a.loginBoxChangePassword {
    display: none !important;
}


/* ==========================================================
   SHARED LABEL
   ========================================================== */

.ams-events-eyebrow {
    margin: 0 0 11px;

    color: #78601f !important;

    font-size: 0.76rem;
    font-weight: 800;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


/* ==========================================================
   EVENTS MASTHEAD
   ========================================================== */

.ams-events-hero {
    position: relative;

    min-height: 320px;

    display: flex;
    align-items: flex-end;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-events-hero-image {
    position: absolute;

    inset: 0 0 0 42%;

    overflow: hidden;
}


.ams-events-hero-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;
}


.ams-events-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8,39,30,1) 0%,
            rgba(8,39,30,0.97) 35%,
            rgba(8,39,30,0.76) 57%,
            rgba(8,39,30,0.18) 100%
        );
}


.ams-events-hero-inner {
    position: relative;
    z-index: 2;

    padding-top: 60px;
    padding-bottom: 50px;
}


.ams-events-hero .ams-events-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-events-hero h1 {
    max-width: 720px;

    margin: 0 0 15px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.8rem, 5vw, 4.8rem);

    line-height: 1.01;

    letter-spacing: -0.04em;
}


.ams-events-lead {
    max-width: 650px;

    margin: 0;

    color: #e5ebe7 !important;

    font-size: 1.13rem;

    line-height: 1.55;
}


/* ==========================================================
   QUICK INFO
   ========================================================== */

.ams-events-quick {
    padding: 42px 0;

    background: var(--ams-cream);
}


.ams-events-quick-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 0;
}


.ams-events-quick-item {
    padding: 4px 30px;

    border-right: 1px solid rgba(8,39,30,0.14);
}


.ams-events-quick-item:first-child {
    padding-left: 0;
}


.ams-events-quick-item:last-child {
    padding-right: 0;

    border-right: 0;
}


.ams-events-quick-kicker {
    margin: 0 0 8px;

    color: #927126 !important;

    font-size: 0.7rem;
    font-weight: 800;

    letter-spacing: 0.12em;
}


.ams-events-quick-item h2 {
    margin: 0 0 9px;

    color: var(--ams-forest) !important;

    font-size: 1.25rem;

    line-height: 1.15;
}


.ams-events-quick-item p:last-child {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.91rem;

    line-height: 1.5;
}

/* ==========================================================
   REGULAR FORAY MAP
   ========================================================== */

.ams-foray-map-section {
    padding: 46px 0;

    border-top: 1px solid rgba(8,39,30,0.12);

    background: #f3efe1;
}


.ams-foray-map-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.82fr)
        minmax(0, 1.18fr);

    gap: 62px;

    align-items: center;
}


.ams-foray-map-figure {
    margin: 0;

    width: 100%;
    max-width: 430px;

    justify-self: center;
}


.ams-foray-map-figure img {
    display: block;

    width: 100%;
    height: auto;
}


.ams-foray-map-copy {
    max-width: 620px;
}


.ams-foray-map-copy h2 {
    margin: 0 0 15px;

    color: var(--ams-forest) !important;

    font-size: clamp(2rem, 3.3vw, 3.15rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-foray-map-copy > p {
    margin: 0 0 14px;

    color: var(--ams-muted) !important;

    font-size: 1rem;

    line-height: 1.58;
}


/* Small visual legend */

.ams-foray-map-legend {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 22px;

    color: var(--ams-text);

    font-size: 0.88rem;
    font-weight: 700;
}


.ams-foray-map-swatch {
    display: inline-block;

    width: 18px;
    height: 18px;

    flex: 0 0 auto;

    border-radius: 4px;

    background: var(--ams-gold);

    box-shadow:
        0 0 0 3px rgba(242,188,77,0.20),
        0 0 12px rgba(242,188,77,0.38);
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-foray-map-section {
        padding: 38px 0;
    }


    .ams-foray-map-grid {
        grid-template-columns: 1fr;

        gap: 30px;
    }


    .ams-foray-map-figure {
        max-width: 340px;
    }


    .ams-foray-map-copy {
        max-width: none;
    }

}
/* ==========================================================
   UPCOMING EVENTS INTRO
   ========================================================== */

.ams-events-list-intro {
    padding: 48px 0 20px;

    border-top: 1px solid rgba(8,39,30,0.12);

    background: var(--ams-cream);
}


.ams-events-list-heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(280px, 0.8fr);

    align-items: end;

    gap: 50px;
}


.ams-events-list-heading h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.3rem, 4vw, 3.7rem);

    line-height: 1.04;

    letter-spacing: -0.035em;
}


.ams-events-list-heading > p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.5;
}


/* ==========================================================
   NATIVE WILDAPRICOT UPCOMING EVENTS
   Custom gadget class: ams-events-list-gadget

   IMPORTANT:
   These deliberately high-specificity selectors beat both
   the legacy theme and the older WildApricot gadget styles.
   ========================================================== */


/* Outer gadget */

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto !important;

    padding:
        0
        40px
        58px !important;

    background: var(--ams-cream) !important;
    background-image: none !important;

    color: var(--ams-text) !important;
}


/* All WA inner containers become light/transparent */

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
.gadgetStyleBody,

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
.gadgetStyleBodyOuterContainer,

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
.gadgetStyleBodyContainer,

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
.gadgetContentEditableArea {
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;

    color: var(--ams-text) !important;
}


/* Native title is redundant */

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
.gadgetStyleTitle {
    display: none !important;
}


/* List reset */

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul {
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    list-style: none !important;
}


/* ==========================================================
   EVENT CARD
   ========================================================== */

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul li {
    display: grid !important;

    grid-template-columns:
        170px
        minmax(0, 1fr);

    grid-template-areas:
        "date title"
        "date location";

    column-gap: 28px;
    row-gap: 6px;

    align-items: center;

    box-sizing: border-box;

    width: 100%;

    margin: 0 0 12px !important;
    padding: 22px 24px !important;

    border:
        1px solid
        rgba(8,39,30,0.14) !important;

    border-radius: var(--ams-radius);

    background: #ffffff !important;
    background-image: none !important;

    color: var(--ams-text) !important;

    box-shadow:
        0 2px 8px
        rgba(8,39,30,0.05);

    list-style: none !important;
}


/* ==========================================================
   DATE
   ========================================================== */

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul li .date {
    grid-area: date;

    align-self: center;

    margin: 0 !important;
    padding: 9px 11px !important;

    border-radius: 6px;

    background: #f3efe1 !important;

    color: #78601f !important;

    font-size: 0.86rem !important;
    font-weight: 800 !important;

    line-height: 1.35 !important;
}


body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul li .date * {
    color: #78601f !important;

    font-size: inherit !important;
    font-weight: 800 !important;

    line-height: inherit !important;
}


/* ==========================================================
   EVENT TITLE
   ========================================================== */

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul li .title {
    grid-area: title;

    margin: 0 !important;
}


/*
   Broad link fallback is intentional because different
   WildApricot themes wrap Upcoming Events titles differently.
*/

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul li .title,

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul li .title *,

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul li > a,

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul li a {
    color: var(--ams-forest) !important;

    background: transparent !important;

    font-weight: 800 !important;

    text-decoration: none !important;
}


body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul li .title,

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul li .title a {
    font-size: 1.28rem !important;

    line-height: 1.2 !important;
}


/* ==========================================================
   LOCATION
   ========================================================== */

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul li .location {
    grid-area: location;

    margin: 0 !important;
}


body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul li .location,

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul li .location * {
    color: var(--ams-muted) !important;

    font-size: 0.94rem !important;
    font-weight: 400 !important;

    line-height: 1.45 !important;
}


/* ==========================================================
   HOVER
   ========================================================== */

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul li:hover {
    border-color:
        rgba(8,39,30,0.30) !important;

    background: #fffdf7 !important;

    box-shadow:
        0 4px 13px
        rgba(8,39,30,0.09);
}


body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul li:hover a {
    color: #765915 !important;
}


/* Location stays muted on hover */

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul li:hover .location,

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
ul li:hover .location * {
    color: var(--ams-muted) !important;
}


/* ==========================================================
   MORE / FOOTER LINK
   ========================================================== */

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
.moreLink,

body:has(.ams-events-page)
.WaGadgetUpcomingEvents.ams-events-list-gadget
.moreLink a {
    color: #285942 !important;

    font-weight: 800;

    text-decoration: none !important;
}


/* ==========================================================
   CLOSING CTA
   ========================================================== */

.ams-events-closing {
    padding: 58px 0;

    background: var(--ams-forest);
}


.ams-events-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        auto;

    align-items: center;

    gap: 50px;
}


.ams-events-closing .ams-events-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-events-closing h2 {
    max-width: 720px;

    margin: 0 0 13px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2rem, 3.3vw, 3.2rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-events-closing p {
    max-width: 650px;

    margin: 0;

    color: #dce5df !important;

    font-size: 1rem;

    line-height: 1.55;
}


.ams-events-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET / MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-events-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Hero */

    .ams-events-hero {
        min-height: 300px;
    }


    .ams-events-hero-image {
        inset: 0;
    }


    .ams-events-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(8,39,30,0.94) 0%,
                rgba(8,39,30,0.82) 60%,
                rgba(8,39,30,0.42) 100%
            );
    }


    .ams-events-hero-inner {
        padding-top: 48px;
        padding-bottom: 42px;
    }


    .ams-events-hero h1 {
        font-size:
            clamp(2.4rem, 9vw, 3.5rem);
    }


    /* Quick info */

    .ams-events-quick {
        padding: 20px 0;
    }


    .ams-events-quick-grid {
        grid-template-columns: 1fr;
    }


    .ams-events-quick-item,
    .ams-events-quick-item:first-child,
    .ams-events-quick-item:last-child {
        padding: 18px 0 !important;

        border-right: 0;

        border-bottom:
            1px solid
            rgba(8,39,30,0.13);
    }


    .ams-events-quick-item:last-child {
        border-bottom: 0;
    }


    /* List heading */

    .ams-events-list-intro {
        padding-top: 38px;
    }


    .ams-events-list-heading {
        grid-template-columns: 1fr;

        gap: 12px;
    }


    /* Event gadget */

    body:has(.ams-events-page)
    .WaGadgetUpcomingEvents.ams-events-list-gadget {
        padding:
            0
            22px
            48px !important;
    }


    body:has(.ams-events-page)
    .WaGadgetUpcomingEvents.ams-events-list-gadget
    ul li {
        grid-template-columns: 1fr;

        grid-template-areas:
            "date"
            "title"
            "location";

        gap: 7px;

        margin-bottom: 10px !important;

        padding: 18px !important;
    }


    body:has(.ams-events-page)
    .WaGadgetUpcomingEvents.ams-events-list-gadget
    ul li .date {
        justify-self: start;

        padding: 5px 8px !important;

        font-size: 0.75rem !important;
    }


    body:has(.ams-events-page)
    .WaGadgetUpcomingEvents.ams-events-list-gadget
    ul li .title,

    body:has(.ams-events-page)
    .WaGadgetUpcomingEvents.ams-events-list-gadget
    ul li .title a {
        font-size: 1.16rem !important;
    }


    body:has(.ams-events-page)
    .WaGadgetUpcomingEvents.ams-events-list-gadget
    ul li .location,

    body:has(.ams-events-page)
    .WaGadgetUpcomingEvents.ams-events-list-gadget
    ul li .location * {
        font-size: 0.88rem !important;
    }


    /* Closing */

    .ams-events-closing-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    .ams-events-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   Same working fixed navigation used elsewhere
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-events-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-events-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-events-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-events-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-events-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background:
            var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}/* ==========================================================
   ==========================================================
   AMS EVENT DETAIL + REGISTRATION SYSTEM PAGES
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   SYSTEM PAGE SHELL
   ========================================================== */

body:has(.WaGadgetEventsStateDetails) .mLayout,
body:has(.WaGadgetEventsStateDetails) .zoneContentOuter,
body:has(.WaGadgetEventsStateDetails) .zoneContent,

body:has(.WaGadgetEventsStateRegistration) .mLayout,
body:has(.WaGadgetEventsStateRegistration) .zoneContentOuter,
body:has(.WaGadgetEventsStateRegistration) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


/* Header + footer match the rest of the new AMS site */

body:has(.WaGadgetEventsStateDetails) .zoneHeaderOuter,
body:has(.WaGadgetEventsStateDetails) .zoneHeader,
body:has(.WaGadgetEventsStateDetails) .zoneHeader1Outer,
body:has(.WaGadgetEventsStateDetails) .zoneHeader1,
body:has(.WaGadgetEventsStateDetails) .zoneHeader2Outer,
body:has(.WaGadgetEventsStateDetails) .zoneHeader2,

body:has(.WaGadgetEventsStateRegistration) .zoneHeaderOuter,
body:has(.WaGadgetEventsStateRegistration) .zoneHeader,
body:has(.WaGadgetEventsStateRegistration) .zoneHeader1Outer,
body:has(.WaGadgetEventsStateRegistration) .zoneHeader1,
body:has(.WaGadgetEventsStateRegistration) .zoneHeader2Outer,
body:has(.WaGadgetEventsStateRegistration) .zoneHeader2,

body:has(.WaGadgetEventsStateDetails) .zoneFooterOuter,
body:has(.WaGadgetEventsStateDetails) .zoneFooter,
body:has(.WaGadgetEventsStateDetails) .zoneFooter1Outer,
body:has(.WaGadgetEventsStateDetails) .zoneFooter1,

body:has(.WaGadgetEventsStateRegistration) .zoneFooterOuter,
body:has(.WaGadgetEventsStateRegistration) .zoneFooter,
body:has(.WaGadgetEventsStateRegistration) .zoneFooter1Outer,
body:has(.WaGadgetEventsStateRegistration) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


/* Shared header/footer gadgets */

body:has(.WaGadgetEventsStateDetails) .ams-site-logo,
body:has(.WaGadgetEventsStateDetails) .ams-main-nav,
body:has(.WaGadgetEventsStateDetails) .ams-member-login,
body:has(.WaGadgetEventsStateDetails) .ams-site-footer,
body:has(.WaGadgetEventsStateDetails) .ams-footer-brand,
body:has(.WaGadgetEventsStateDetails) .ams-footer-links,
body:has(.WaGadgetEventsStateDetails) .ams-footer-connect,

body:has(.WaGadgetEventsStateRegistration) .ams-site-logo,
body:has(.WaGadgetEventsStateRegistration) .ams-main-nav,
body:has(.WaGadgetEventsStateRegistration) .ams-member-login,
body:has(.WaGadgetEventsStateRegistration) .ams-site-footer,
body:has(.WaGadgetEventsStateRegistration) .ams-footer-brand,
body:has(.WaGadgetEventsStateRegistration) .ams-footer-links,
body:has(.WaGadgetEventsStateRegistration) .ams-footer-connect {
    background: transparent !important;
}


/* ==========================================================
   PRIMARY EVENT GADGET
   ========================================================== */

.WaGadgetEventsStateDetails,
.WaGadgetEventsStateRegistration {
    box-sizing: border-box;

    width: calc(100% - 48px);
    max-width: 1080px;

    margin: 0 auto !important;
    padding: 46px 0 68px !important;

    background: var(--ams-cream) !important;

    color: var(--ams-text) !important;
}


/* Kill legacy white-text inheritance */

.WaGadgetEventsStateDetails div[class*="EditableArea"],
.WaGadgetEventsStateDetails div[class*="EditableArea"] *:not([color]),
.WaGadgetEventsStateRegistration div[class*="EditableArea"],
.WaGadgetEventsStateRegistration div[class*="EditableArea"] *:not([color]) {
    color: var(--ams-text) !important;
}


/* ==========================================================
   BACK LINK
   ========================================================== */

.WaGadgetEventsStateDetails .navigationBack,
.WaGadgetEventsStateDetails .navigationBack a,
.WaGadgetEventsStateDetails a[href*="events"],
.WaGadgetEventsStateRegistration .navigationBack,
.WaGadgetEventsStateRegistration .navigationBack a {
    color: #285942 !important;

    font-weight: 800;

    text-decoration: none !important;
}


/* ==========================================================
   EVENT TITLE
   ========================================================== */

.WaGadgetEventsStateDetails h1,
.WaGadgetEventsStateDetails h1.pageTitle,
.WaGadgetEventsStateDetails .pageTitle,

.WaGadgetEventsStateRegistration h1,
.WaGadgetEventsStateRegistration h1.pageTitle,
.WaGadgetEventsStateRegistration .pageTitle {
    max-width: 900px;

    margin: 18px 0 30px !important;

    color: var(--ams-forest) !important;

    font-size: clamp(2.45rem, 5vw, 4.35rem) !important;
    font-weight: 800 !important;

    line-height: 1.03 !important;

    letter-spacing: -0.04em;
}


/* ==========================================================
   DATE / TIME / LOCATION INFO CARD
   ========================================================== */

.WaGadgetEventsStateDetails .boxInfoContainer {
    box-sizing: border-box;

    margin: 0 0 30px !important;
    padding: 24px 26px !important;

    border: 1px solid rgba(8,39,30,0.14);

    border-radius: var(--ams-radius);

    background: #f3efe1 !important;
}


.WaGadgetEventsStateDetails .boxInfoContainer ul.boxInfo {
    display: grid;

    grid-template-columns:
        minmax(180px, 0.8fr)
        minmax(260px, 1.2fr);

    column-gap: 40px;
    row-gap: 5px;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* Date */

.WaGadgetEventsStateDetails .boxInfoContainer ul.boxInfo {
    display: grid;

    grid-template-columns:
        minmax(0, 0.85fr)
        minmax(0, 1.15fr);

    column-gap: 22px;
    row-gap: 5px;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}
/* Prevent long locations from escaping the info card */

.WaGadgetEventsStateDetails
.boxInfoContainer
ul.boxInfo li,

.WaGadgetEventsStateDetails
.boxInfoContainer
ul.boxInfo li div,

.WaGadgetEventsStateDetails
.boxInfoContainer
ul.boxInfo li span {
    min-width: 0 !important;

    overflow-wrap: anywhere;
    word-break: normal;
}

/* Time */

.WaGadgetEventsStateDetails
.boxInfoContainer
ul.boxInfo
li.eventInfoEndDate {
    grid-column: 1;
    grid-row: 2;

    margin: 0 !important;
}


/* Location */

.WaGadgetEventsStateDetails
.boxInfoContainer
ul.boxInfo
li.eventInfoLocation {
    grid-column: 2;
    grid-row: 1 / span 2;

    margin: 0 !important;
}


/* Labels */

.WaGadgetEventsStateDetails
.boxInfoContainer
ul.boxInfo li label,

.WaGadgetEventsStateDetails
.boxInfoContainer
ul.boxInfo li strong {
    display: block;

    margin-bottom: 5px;

    color: #78601f !important;

    font-size: 0.72rem !important;
    font-weight: 800 !important;

    letter-spacing: 0.11em;

    text-transform: uppercase;
}


/* Values */

.WaGadgetEventsStateDetails
.boxInfoContainer
ul.boxInfo li,

.WaGadgetEventsStateDetails
.boxInfoContainer
ul.boxInfo li div,

.WaGadgetEventsStateDetails
.boxInfoContainer
ul.boxInfo li span {
    color: var(--ams-text) !important;

    font-size: 1rem;

    line-height: 1.45;
}


/* ==========================================================
   REGISTRATION PANEL
   ========================================================== */

.WaGadgetEventsStateDetails .registrationInfoContainer {
    box-sizing: border-box;

    margin: 0 0 34px !important;
    padding: 22px 25px !important;

    border-left: 5px solid var(--ams-gold);

    border-radius:
        0
        var(--ams-radius)
        var(--ams-radius)
        0;

    background: var(--ams-forest) !important;

    color: var(--ams-on-dark) !important;
}


.WaGadgetEventsStateDetails
.registrationInfoContainer h4,

.WaGadgetEventsStateDetails
.registrationInfoContainer h3 {
    margin-top: 0 !important;

    color: var(--ams-on-dark) !important;
}


.WaGadgetEventsStateDetails
.registrationInfoContainer * {
    color: #dce5df !important;
}


/* Register button */

.WaGadgetEventsStateDetails
.registrationInfoContainer input.typeButton,

.WaGadgetEventsStateDetails
.registrationInfoContainer a.typeButton,

.WaGadgetEventsStateDetails
.registrationInfoContainer .registrationInfoButton,

.WaGadgetEventsStateDetails
.registrationInfoContainer a[href*="register"] {
    display: inline-block !important;

    padding: 12px 20px !important;

    border: 0 !important;
    border-radius: var(--ams-radius) !important;

    background: var(--ams-gold) !important;

    color: var(--ams-forest) !important;

    font-weight: 800 !important;

    text-decoration: none !important;
}


/* ==========================================================
   EVENT DESCRIPTION
   ========================================================== */

/*
   Keep the actual event information readable and fairly dense.
*/

.WaGadgetEventsStateDetails .detailsContainer,
.WaGadgetEventsStateDetails .eventDetails,
.WaGadgetEventsStateDetails .eventDescription,
.WaGadgetEventsStateDetails .gadgetStyleBody {
    color: var(--ams-text) !important;
}


.WaGadgetEventsStateDetails p,
.WaGadgetEventsStateDetails li {
    color: var(--ams-text) !important;

    font-size: 1.02rem;

    line-height: 1.66;
}


.WaGadgetEventsStateDetails p {
    margin-bottom: 1.15em;
}


.WaGadgetEventsStateDetails ul {
    padding-left: 1.35rem;
}


.WaGadgetEventsStateDetails a,
.WaGadgetEventsStateDetails a:link,
.WaGadgetEventsStateDetails a:visited {
    color: #285942 !important;

    text-decoration-color: var(--ams-gold);

    text-decoration-thickness: 2px;

    text-underline-offset: 3px;
}


/* Reassert gold register button after generic links */

.WaGadgetEventsStateDetails
.registrationInfoContainer a[href*="register"] {
    color: var(--ams-forest) !important;
}


/* ==========================================================
   REGISTRATION FORM PAGE
   ========================================================== */

.WaGadgetEventsStateRegistration
.generalFormContainer,

.WaGadgetEventsStateRegistration
.formOuterContainer {
    background: transparent !important;

    color: var(--ams-text) !important;
}


.WaGadgetEventsStateRegistration
.formTitleOuterContainer,

.WaGadgetEventsStateRegistration
.formTitleContainer,

.WaGadgetEventsStateRegistration
.captionOuterContainer {
    background: #f3efe1 !important;

    border-color: rgba(8,39,30,0.14) !important;
}


.WaGadgetEventsStateRegistration
.formTitleContainer h3,

.WaGadgetEventsStateRegistration
.captionContainer h4 {
    color: var(--ams-forest) !important;
}


/* Form labels */

.WaGadgetEventsStateRegistration
.fieldSubContainer .fieldLabel,

.WaGadgetEventsStateRegistration
.fieldSubContainer .fieldLabel *,

.WaGadgetEventsStateRegistration
.fieldSubContainer .fieldBody,

.WaGadgetEventsStateRegistration
.fieldSubContainer .fieldBody * {
    color: var(--ams-text) !important;
}


/* Inputs */

.WaGadgetEventsStateRegistration
input[type="text"],

.WaGadgetEventsStateRegistration
input[type="email"],

.WaGadgetEventsStateRegistration
input[type="tel"],

.WaGadgetEventsStateRegistration
select,

.WaGadgetEventsStateRegistration
textarea {
    box-sizing: border-box;

    max-width: 100%;

    border:
        1px solid
        rgba(8,39,30,0.25) !important;

    border-radius: 5px !important;

    background: #ffffff !important;

    color: var(--ams-text) !important;
}


/* Main buttons */

.WaGadgetEventsStateRegistration
input.typeButton,

.WaGadgetEventsStateRegistration
input[type="submit"],

.WaGadgetEventsStateRegistration
button {
    padding: 12px 20px !important;

    border: 0 !important;
    border-radius: var(--ams-radius) !important;

    background: var(--ams-gold) !important;

    color: var(--ams-forest) !important;

    font-weight: 800 !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .WaGadgetEventsStateDetails,
    .WaGadgetEventsStateRegistration {
        width: calc(100% - 36px);

        padding-top: 34px !important;
        padding-bottom: 50px !important;
    }


    .WaGadgetEventsStateDetails
    .boxInfoContainer
    ul.boxInfo {
        grid-template-columns: 1fr;

        gap: 7px;
    }


    .WaGadgetEventsStateDetails
    .boxInfoContainer
    ul.boxInfo
    li.eventInfoStartDate,

    .WaGadgetEventsStateDetails
    .boxInfoContainer
    ul.boxInfo
    li.eventInfoEndDate,

    .WaGadgetEventsStateDetails
    .boxInfoContainer
    ul.boxInfo
    li.eventInfoLocation {
        grid-column: 1;
        grid-row: auto;
    }


    .WaGadgetEventsStateDetails
    .boxInfoContainer {
        padding: 19px !important;
    }


    .WaGadgetEventsStateDetails
    .registrationInfoContainer {
        padding: 20px !important;
    }

}


/* ==========================================================
   MOBILE NAV FOR EVENT SYSTEM PAGES
   ========================================================== */

@media (max-width: 800px) {

    body:has(.WaGadgetEventsStateDetails) .ams-main-nav,
    body:has(.WaGadgetEventsStateRegistration) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.WaGadgetEventsStateDetails)
    .ams-main-nav .menuInner,

    body:has(.WaGadgetEventsStateRegistration)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.WaGadgetEventsStateDetails)
    .ams-main-nav
    .menuInner .menuButton,

    body:has(.WaGadgetEventsStateRegistration)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.WaGadgetEventsStateDetails)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel,

    body:has(.WaGadgetEventsStateRegistration)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}


/* Paragraphs must grow naturally when text wraps */

body:has(.WaGadgetEventsStateDetails)
.WaGadgetEventsStateDetails
.boxBodyContentContainer p,

body:has(.WaGadgetEventsStateDetails)
.WaGadgetEventsStateDetails
.detailsContainer p,

body:has(.WaGadgetEventsStateDetails)
.WaGadgetEventsStateDetails
.eventDetails p,

body:has(.WaGadgetEventsStateDetails)
.WaGadgetEventsStateDetails
.eventDescription p {
    position: static !important;

    display: block !important;

    width: auto !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin:
        0
        0
        1.15em !important;

    padding: 0 !important;

    line-height: 1.62 !important;

    overflow: visible !important;
}


/* Same protection for editor-generated DIV blocks */

body:has(.WaGadgetEventsStateDetails)
.WaGadgetEventsStateDetails
.boxBodyContentContainer
div:not(.registrationInfoContainer):not(.boxInfoContainer),

body:has(.WaGadgetEventsStateDetails)
.WaGadgetEventsStateDetails
.eventDescription
div {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;
}


/* Keep list items sane too */

body:has(.WaGadgetEventsStateDetails)
.WaGadgetEventsStateDetails
.eventDescription li,

body:has(.WaGadgetEventsStateDetails)
.WaGadgetEventsStateDetails
.boxBodyContentContainer li {
    height: auto !important;

    line-height: 1.55 !important;
}
/* ==========================================================
   POST-REGISTRATION CALENDAR CTA
   ========================================================== */

.ams-calendar-after-register {
    box-sizing: border-box;

    margin: 28px 0 12px;

    padding: 24px 26px;

    border-left:
        5px solid
        var(--ams-gold);

    border-radius:
        0
        var(--ams-radius)
        var(--ams-radius)
        0;

    background: #f3efe1;
}


.ams-calendar-kicker {
    margin: 0 0 7px !important;

    color: #78601f !important;

    font-size: 0.7rem !important;
    font-weight: 800 !important;

    letter-spacing: 0.13em;

    text-transform: uppercase;
}


.ams-calendar-after-register h3 {
    margin: 0 0 8px;

    color: var(--ams-forest) !important;

    font-size: 1.35rem;
}


.ams-calendar-after-register > p:last-of-type {
    margin:
        0
        0
        18px !important;

    color: var(--ams-muted) !important;
}


.ams-calendar-button,
.ams-calendar-button:link,
.ams-calendar-button:visited {
    display: inline-block;

    padding: 11px 17px;

    border-radius: var(--ams-radius);

    background: var(--ams-gold);

    color: var(--ams-forest) !important;

    font-weight: 800;

    text-decoration: none !important;
}
/* ==========================================================
   ==========================================================
   AMS MEMBERSHIP PAGE
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-membership-page) .mLayout,
body:has(.ams-membership-page) .zoneContentOuter,
body:has(.ams-membership-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-membership-page) .zoneHeaderOuter,
body:has(.ams-membership-page) .zoneHeader,
body:has(.ams-membership-page) .zoneHeader1Outer,
body:has(.ams-membership-page) .zoneHeader1,
body:has(.ams-membership-page) .zoneHeader2Outer,
body:has(.ams-membership-page) .zoneHeader2,
body:has(.ams-membership-page) .zoneFooterOuter,
body:has(.ams-membership-page) .zoneFooter,
body:has(.ams-membership-page) .zoneFooter1Outer,
body:has(.ams-membership-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-membership-page),
.WaGadgetCustomHTML:has(.ams-membership-page-bottom) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-membership-page) .gadgetStyleTitle,
.WaGadgetCustomHTML:has(.ams-membership-page-bottom) .gadgetStyleTitle {
    display: none !important;
}


.ams-membership-page,
.ams-membership-page-bottom {
    width: 100%;

    color: var(--ams-text);
}


.ams-membership-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER CONSISTENCY
   ========================================================== */

body:has(.ams-membership-page) .ams-site-logo,
body:has(.ams-membership-page) .ams-main-nav,
body:has(.ams-membership-page) .ams-member-login,
body:has(.ams-membership-page) .ams-site-footer,
body:has(.ams-membership-page) .ams-footer-brand,
body:has(.ams-membership-page) .ams-footer-links,
body:has(.ams-membership-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-membership-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


body:has(.ams-membership-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-membership-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


/* ==========================================================
   SHARED LABEL
   ========================================================== */

.ams-membership-eyebrow {
    margin: 0 0 11px;

    color: #78601f !important;

    font-size: 0.76rem;
    font-weight: 800;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


/* ==========================================================
   MEMBERSHIP HERO
   ========================================================== */

.ams-membership-hero {
    padding: 50px 0;

    background: var(--ams-cream);
}


.ams-membership-hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(360px, 0.95fr);

    gap: 64px;

    align-items: center;
}


.ams-membership-hero-copy {
    max-width: 680px;
}


.ams-membership-hero h1 {
    margin: 0 0 19px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.8rem, 5vw, 4.8rem);

    line-height: 1.01;

    letter-spacing: -0.045em;
}


.ams-membership-lead {
    margin: 0 0 17px;

    color: var(--ams-muted) !important;

    font-size: 1.18rem;

    line-height: 1.58;
}


.ams-membership-hero-note {
    margin: 0;

    color: var(--ams-text) !important;

    font-weight: 800;
}


.ams-membership-hero-photo {
    margin: 0;

    width: 100%;
    height: 390px;

    overflow: hidden;

    border-radius: var(--ams-radius);

    background: #d9ddd7;
}


.ams-membership-hero-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;
}


/* ==========================================================
   BENEFITS
   ========================================================== */

.ams-membership-benefits {
    padding: 54px 0 60px;

    border-top: 1px solid rgba(8,39,30,0.12);

    background: #f3efe1;
}


.ams-membership-section-heading {
    max-width: 780px;

    margin-bottom: 28px;
}


.ams-membership-section-heading h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.1rem, 3.5vw, 3.35rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-membership-benefit-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;
}


.ams-membership-benefit-grid article {
    padding: 21px;

    border:
        1px solid
        rgba(8,39,30,0.12);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-membership-benefit-grid strong {
    display: block;

    margin-bottom: 7px;

    color: var(--ams-forest) !important;

    font-size: 1.04rem;
}


.ams-membership-benefit-grid p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.9rem;

    line-height: 1.48;
}


/* ==========================================================
   COMMUNITY PHOTO STRIP
   ========================================================== */

.ams-membership-community {
    padding: 22px 0 58px;

    background: #f3efe1;
}


.ams-membership-community-grid {
    display: grid;

    grid-template-columns:
        0.8fr
        1.4fr
        0.8fr;

    gap: 10px;

    height: 260px;
}


.ams-membership-community-photo {
    margin: 0;

    overflow: hidden;

    border-radius: var(--ams-radius);

    background: #d9ddd7;
}


.ams-membership-community-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;
}


/* ==========================================================
   MEMBERSHIP OPTIONS
   ========================================================== */

.ams-membership-options {
    padding: 58px 0 28px;

    background: var(--ams-cream);
}


.ams-membership-options-heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(260px, 0.75fr);

    align-items: end;

    gap: 50px;

    margin-bottom: 30px;
}


.ams-membership-options-heading h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.2rem, 3.7vw, 3.5rem);

    line-height: 1.04;

    letter-spacing: -0.035em;
}


.ams-membership-options-heading > p {
    margin: 0;

    color: var(--ams-muted) !important;

    line-height: 1.52;
}


.ams-membership-form-heading {
    margin-top: 48px;
}


.ams-membership-form-heading h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2rem, 3vw, 2.8rem);
}

/* ==========================================================
   MEMBERSHIP — COMPACT CHOICE STRIP
   ========================================================== */

.ams-membership-choice-strip {
    display: grid;

    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(220px, 0.825fr)
        minmax(220px, 0.825fr);

    gap: 12px;
}


.ams-membership-choice {
    box-sizing: border-box;

    border-radius: var(--ams-radius);

    background: #ffffff;
}


/* ----------------------------------------------------------
   YEARLY HOUSEHOLD — PRIMARY CHOICE
   ---------------------------------------------------------- */

.ams-membership-choice-primary {
    padding: 24px 26px;

    border: 2px solid var(--ams-gold);

    background: #fffdf7;
}


.ams-membership-choice-heading {
    display: flex;

    justify-content: space-between;
    align-items: center;

    gap: 16px;

    margin-bottom: 18px;
}


.ams-membership-choice-kicker {
    color: #78601f !important;

    font-size: 0.7rem;
    font-weight: 800;

    letter-spacing: 0.12em;

    text-transform: uppercase;
}


.ams-membership-choice-badge {
    padding: 5px 8px;

    border-radius: 999px;

    background: var(--ams-gold);

    color: var(--ams-forest) !important;

    font-size: 0.68rem;
    font-weight: 800;

    white-space: nowrap;
}


.ams-membership-choice-main {
    display: grid;

    grid-template-columns:
        auto
        minmax(0, 1fr);

    align-items: center;

    gap: 24px;
}


.ams-membership-choice-price {
    display: flex;

    align-items: baseline;

    gap: 6px;

    white-space: nowrap;
}


.ams-membership-choice-price strong {
    color: var(--ams-forest) !important;

    font-size: 2.55rem;

    line-height: 1;
}


.ams-membership-choice-price span {
    color: var(--ams-muted) !important;

    font-size: 1rem;
}


.ams-membership-choice-primary p {
    margin: 0;

    color: var(--ams-text) !important;

    font-size: 1rem;

    line-height: 1.48;
}


/* ----------------------------------------------------------
   LIFETIME OPTIONS
   ---------------------------------------------------------- */

.ams-membership-choice-secondary {
    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding: 21px 22px;

    border:
        1px solid
        rgba(8,39,30,0.14);
}


.ams-membership-choice-secondary > div {
    margin-bottom: 15px;
}


.ams-membership-choice-secondary
.ams-membership-choice-kicker {
    display: block;

    margin-bottom: 9px;
}


.ams-membership-choice-secondary strong {
    color: var(--ams-forest) !important;

    font-size: 1.75rem;
}


.ams-membership-choice-secondary small {
    margin-left: 5px;

    color: var(--ams-muted) !important;

    font-size: 0.85rem;
}


.ams-membership-choice-secondary p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.88rem;

    line-height: 1.42;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-membership-choice-strip {
        grid-template-columns: 1fr 1fr;
    }


    .ams-membership-choice-primary {
        grid-column: 1 / -1;
    }

}


@media (max-width: 520px) {

    .ams-membership-choice-strip {
        grid-template-columns: 1fr;
    }


    .ams-membership-choice-primary {
        grid-column: auto;
    }


    .ams-membership-choice-main {
        grid-template-columns: 1fr;

        gap: 12px;
    }


    .ams-membership-choice-heading {
        align-items: flex-start;
    }

}
/* ==========================================================
   NATIVE MEMBERSHIP APPLICATION
   ========================================================== */
/* Mandatory-field indicators */

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
.mandatoryFieldsTitle,

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
.mandatoryFieldsTitle strong,

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
.mandatoryLabel,

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
.mandatorySymbol {
    color: #8a6416 !important;
}
body:has(.ams-membership-page)
.WaGadgetMembershipApplication {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto !important;

    padding:
        10px
        40px
        64px !important;

    background: var(--ams-cream) !important;

    color: var(--ams-text) !important;
}


body:has(.ams-membership-page)
.WaGadgetMembershipApplication
.gadgetStyleTitle {
    display: none !important;
}

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
input[type="radio"] {
    accent-color: var(--ams-forest);
}
/* Kill old black/white inheritance */

body:has(.ams-membership-page)
.WaGadgetMembershipApplication,

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
div[class*="EditableArea"],

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
div[class*="EditableArea"] *:not([color]),

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
.fieldSubContainer .fieldLabel,

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
.fieldSubContainer .fieldBody,

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
.fieldSubContainer .fieldBody * {
    color: var(--ams-text) !important;
}


/* Form panels */

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
.generalFormContainer,

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
.formOuterContainer {
    background: transparent !important;
}


/* Section headings */

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
.formTitleOuterContainer,

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
.formTitleContainer,

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
.captionOuterContainer {
    border-color:
        rgba(8,39,30,0.14) !important;

    background: #f3efe1 !important;
}


body:has(.ams-membership-page)
.WaGadgetMembershipApplication
.formTitleContainer h3,

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
.captionContainer h4 {
    color: var(--ams-forest) !important;
}


/* Inputs */

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
input[type="text"],

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
input[type="email"],

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
input[type="tel"],

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
select,

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
textarea {
    box-sizing: border-box;

    max-width: 100%;

    border:
        1px solid
        rgba(8,39,30,0.26) !important;

    border-radius: 5px !important;

    background: #ffffff !important;

    color: var(--ams-text) !important;
}


/* Buttons */

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
input.typeButton,

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
input[type="submit"],

body:has(.ams-membership-page)
.WaGadgetMembershipApplication
button {
    padding: 12px 20px !important;

    border: 0 !important;

    border-radius: var(--ams-radius) !important;

    background: var(--ams-gold) !important;

    color: var(--ams-forest) !important;

    font-weight: 800 !important;
}


/* ==========================================================
   CLOSING / MEMBER HELP
   ========================================================== */

.ams-membership-help {
    padding: 54px 0;

    background: var(--ams-forest);
}


.ams-membership-help-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        auto;

    gap: 48px;

    align-items: center;
}


.ams-membership-help .ams-membership-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-membership-help h2 {
    margin: 0 0 12px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2rem, 3.3vw, 3rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-membership-help p {
    max-width: 650px;

    margin: 0;

    color: #dce5df !important;

    line-height: 1.55;
}


.ams-membership-help-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET / MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-membership-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    .ams-membership-hero {
        padding-top: 38px;
        padding-bottom: 40px;
    }


    .ams-membership-hero-grid {
        grid-template-columns: 1fr;

        gap: 28px;
    }


    .ams-membership-hero-photo {
        height: 300px;
    }


    .ams-membership-benefit-grid {
        grid-template-columns:
            1fr
            1fr;
    }


    .ams-membership-community-grid {
        grid-template-columns:
            1fr
            1fr;

        grid-template-rows:
            210px
            110px;

        height: auto;
    }


    .ams-membership-community-photo-wide {
        grid-column: 1 / -1;

        grid-row: 1;
    }


    .ams-membership-options-heading {
        grid-template-columns: 1fr;

        gap: 13px;
    }


        body:has(.ams-membership-page)
    .WaGadgetMembershipApplication {
        padding:
            8px
            22px
            50px !important;
    }


    .ams-membership-help-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    .ams-membership-help-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-membership-hero h1 {
        font-size:
            clamp(2.3rem, 10vw, 3.15rem);
    }


    .ams-membership-hero-photo {
        height: 245px;
    }


    .ams-membership-benefit-grid {
        grid-template-columns: 1fr;

        gap: 8px;
    }


    .ams-membership-benefit-grid article {
        padding: 17px;
    }


    .ams-membership-community-grid {
        grid-template-rows:
            190px
            95px;
    }


}


/* ==========================================================
   MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-membership-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-membership-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-membership-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-membership-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-membership-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   ==========================================================
   AMS DONATE PAGE
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-donate-page) .mLayout,
body:has(.ams-donate-page) .zoneContentOuter,
body:has(.ams-donate-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-donate-page) .zoneHeaderOuter,
body:has(.ams-donate-page) .zoneHeader,
body:has(.ams-donate-page) .zoneHeader1Outer,
body:has(.ams-donate-page) .zoneHeader1,
body:has(.ams-donate-page) .zoneHeader2Outer,
body:has(.ams-donate-page) .zoneHeader2,
body:has(.ams-donate-page) .zoneFooterOuter,
body:has(.ams-donate-page) .zoneFooter,
body:has(.ams-donate-page) .zoneFooter1Outer,
body:has(.ams-donate-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-donate-page),
.WaGadgetCustomHTML:has(.ams-donate-page-bottom) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-donate-page) .gadgetStyleTitle,
.WaGadgetCustomHTML:has(.ams-donate-page-bottom) .gadgetStyleTitle {
    display: none !important;
}


.ams-donate-page,
.ams-donate-page-bottom {
    width: 100%;

    color: var(--ams-text);
}


.ams-donate-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER CONSISTENCY
   ========================================================== */

body:has(.ams-donate-page) .ams-site-logo,
body:has(.ams-donate-page) .ams-main-nav,
body:has(.ams-donate-page) .ams-member-login,
body:has(.ams-donate-page) .ams-site-footer,
body:has(.ams-donate-page) .ams-footer-brand,
body:has(.ams-donate-page) .ams-footer-links,
body:has(.ams-donate-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-donate-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


body:has(.ams-donate-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-donate-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


/* ==========================================================
   SHARED LABEL
   ========================================================== */

.ams-donate-eyebrow {
    margin: 0 0 11px;

    color: #78601f !important;

    font-size: 0.76rem;
    font-weight: 800;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


/* ==========================================================
   HERO
   ========================================================== */

.ams-donate-hero {
    padding: 50px 0;

    background: var(--ams-cream);
}


.ams-donate-hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(360px, 0.95fr);

    gap: 64px;

    align-items: center;
}


.ams-donate-hero-copy {
    max-width: 680px;
}


.ams-donate-hero h1 {
    margin: 0 0 19px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.8rem, 5vw, 4.8rem);

    line-height: 1.01;

    letter-spacing: -0.045em;
}


.ams-donate-lead {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 1.18rem;

    line-height: 1.58;
}


.ams-donate-hero-photo {
    margin: 0;

    width: 100%;
    height: 390px;

    overflow: hidden;

    border-radius: var(--ams-radius);

    background: #d9ddd7;
}


.ams-donate-hero-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;
}


/* ==========================================================
   WHAT GIFTS SUPPORT
   ========================================================== */

.ams-donate-support {
    padding: 54px 0 58px;

    border-top:
        1px solid
        rgba(8,39,30,0.12);

    background: #f3efe1;
}


.ams-donate-section-heading {
    max-width: 800px;

    margin-bottom: 29px;
}


.ams-donate-section-heading h2 {
    margin: 0 0 14px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.1rem, 3.5vw, 3.35rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-donate-section-heading > p:last-child {
    max-width: 680px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 1rem;

    line-height: 1.55;
}


.ams-donate-support-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 12px;
}


.ams-donate-support-grid article {
    padding: 23px;

    border:
        1px solid
        rgba(8,39,30,0.12);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-donate-number {
    display: block;

    margin-bottom: 18px;

    color: #927126 !important;

    font-size: 0.7rem;
    font-weight: 800;

    letter-spacing: 0.12em;
}


.ams-donate-support-grid h3 {
    margin: 0 0 9px;

    color: var(--ams-forest) !important;

    font-size: 1.15rem;

    line-height: 1.18;
}


.ams-donate-support-grid p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.9rem;

    line-height: 1.48;
}


/* ==========================================================
   PHOTO BAND
   ========================================================== */

.ams-donate-photo-band {
    padding: 0 0 58px;

    background: #f3efe1;
}


.ams-donate-photo-grid {
    display: grid;

    grid-template-columns:
        0.9fr
        1.3fr
        0.8fr;

    gap: 10px;

    height: 245px;
}


.ams-donate-photo {
    margin: 0;

    overflow: hidden;

    border-radius: var(--ams-radius);

    background: #d9ddd7;
}


.ams-donate-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;
}


/* ==========================================================
   DONATION FORM INTRO
   ========================================================== */

.ams-donate-form-intro {
    padding: 58px 0 24px;

    background: var(--ams-cream);
}


.ams-donate-form-heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(260px, 0.8fr);

    gap: 52px;

    align-items: end;
}


.ams-donate-form-heading h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.2rem, 3.7vw, 3.5rem);

    line-height: 1.04;

    letter-spacing: -0.035em;
}


.ams-donate-form-heading > p {
    margin: 0;

    color: var(--ams-muted) !important;

    line-height: 1.55;
}


/* ==========================================================
   NATIVE WILDAPRICOT DONATION FORM
   ========================================================== */

body:has(.ams-donate-page)
.ams-donation-form,

body:has(.ams-donate-page)
.WaGadgetDonationForm {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto !important;

    padding:
        10px
        40px
        64px !important;

    background: var(--ams-cream) !important;

    color: var(--ams-text) !important;
}


/* Native title */

body:has(.ams-donate-page)
.ams-donation-form .gadgetStyleTitle,

body:has(.ams-donate-page)
.WaGadgetDonationForm .gadgetStyleTitle {
    display: none !important;
}


/* Kill legacy white-text inheritance */

body:has(.ams-donate-page)
.ams-donation-form,

body:has(.ams-donate-page)
.ams-donation-form
div[class*="EditableArea"],

body:has(.ams-donate-page)
.ams-donation-form
div[class*="EditableArea"] *:not([color]),

body:has(.ams-donate-page)
.WaGadgetDonationForm,

body:has(.ams-donate-page)
.WaGadgetDonationForm
div[class*="EditableArea"],

body:has(.ams-donate-page)
.WaGadgetDonationForm
div[class*="EditableArea"] *:not([color]) {
    color: var(--ams-text) !important;
}


/* Labels */

body:has(.ams-donate-page)
.ams-donation-form
.fieldSubContainer .fieldLabel,

body:has(.ams-donate-page)
.ams-donation-form
.fieldSubContainer .fieldLabel *,

body:has(.ams-donate-page)
.WaGadgetDonationForm
.fieldSubContainer .fieldLabel,

body:has(.ams-donate-page)
.WaGadgetDonationForm
.fieldSubContainer .fieldLabel * {
    color: var(--ams-text) !important;
}


/* Mandatory labels */

body:has(.ams-donate-page)
.ams-donation-form
.mandatoryFieldsTitle,

body:has(.ams-donate-page)
.ams-donation-form
.mandatoryFieldsTitle strong,

body:has(.ams-donate-page)
.ams-donation-form
.mandatoryLabel,

body:has(.ams-donate-page)
.ams-donation-form
.mandatorySymbol,

body:has(.ams-donate-page)
.WaGadgetDonationForm
.mandatoryFieldsTitle,

body:has(.ams-donate-page)
.WaGadgetDonationForm
.mandatoryFieldsTitle strong,

body:has(.ams-donate-page)
.WaGadgetDonationForm
.mandatoryLabel,

body:has(.ams-donate-page)
.WaGadgetDonationForm
.mandatorySymbol {
    color: #8a6416 !important;
}


/* Form section headings */

body:has(.ams-donate-page)
.ams-donation-form
.formTitleOuterContainer,

body:has(.ams-donate-page)
.ams-donation-form
.formTitleContainer,

body:has(.ams-donate-page)
.ams-donation-form
.captionOuterContainer,

body:has(.ams-donate-page)
.WaGadgetDonationForm
.formTitleOuterContainer,

body:has(.ams-donate-page)
.WaGadgetDonationForm
.formTitleContainer,

body:has(.ams-donate-page)
.WaGadgetDonationForm
.captionOuterContainer {
    border-color:
        rgba(8,39,30,0.14) !important;

    background: #f3efe1 !important;
}


/* Inputs */

body:has(.ams-donate-page)
.ams-donation-form input[type="text"],

body:has(.ams-donate-page)
.ams-donation-form input[type="email"],

body:has(.ams-donate-page)
.ams-donation-form input[type="tel"],

body:has(.ams-donate-page)
.ams-donation-form select,

body:has(.ams-donate-page)
.ams-donation-form textarea,

body:has(.ams-donate-page)
.WaGadgetDonationForm input[type="text"],

body:has(.ams-donate-page)
.WaGadgetDonationForm input[type="email"],

body:has(.ams-donate-page)
.WaGadgetDonationForm input[type="tel"],

body:has(.ams-donate-page)
.WaGadgetDonationForm select,

body:has(.ams-donate-page)
.WaGadgetDonationForm textarea {
    box-sizing: border-box;

    max-width: 100%;

    border:
        1px solid
        rgba(8,39,30,0.26) !important;

    border-radius: 5px !important;

    background: #ffffff !important;

    color: var(--ams-text) !important;
}


/* Buttons */

body:has(.ams-donate-page)
.ams-donation-form input.typeButton,

body:has(.ams-donate-page)
.ams-donation-form input[type="submit"],

body:has(.ams-donate-page)
.ams-donation-form button,

body:has(.ams-donate-page)
.WaGadgetDonationForm input.typeButton,

body:has(.ams-donate-page)
.WaGadgetDonationForm input[type="submit"],

body:has(.ams-donate-page)
.WaGadgetDonationForm button {
    padding: 12px 20px !important;

    border: 0 !important;

    border-radius: var(--ams-radius) !important;

    background: var(--ams-gold) !important;

    color: var(--ams-forest) !important;

    font-weight: 800 !important;
}


/* ==========================================================
   CLOSING
   ========================================================== */

.ams-donate-closing {
    padding: 54px 0;

    background: var(--ams-forest);
}


.ams-donate-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        auto;

    gap: 48px;

    align-items: center;
}


.ams-donate-closing .ams-donate-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-donate-closing h2 {
    margin: 0 0 12px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2rem, 3.3vw, 3rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-donate-closing p {
    max-width: 660px;

    margin: 0;

    color: #dce5df !important;

    line-height: 1.55;
}


.ams-donate-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET / MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-donate-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    .ams-donate-hero {
        padding-top: 38px;
        padding-bottom: 40px;
    }


    .ams-donate-hero-grid {
        grid-template-columns: 1fr;

        gap: 28px;
    }


    .ams-donate-hero-photo {
        height: 300px;
    }


    .ams-donate-support-grid {
        grid-template-columns:
            1fr
            1fr;
    }


    .ams-donate-photo-grid {
        grid-template-columns:
            1fr
            1fr;

        grid-template-rows:
            210px
            105px;

        height: auto;
    }


    .ams-donate-photo-wide {
        grid-column: 1 / -1;

        grid-row: 1;
    }


    .ams-donate-form-heading {
        grid-template-columns: 1fr;

        gap: 13px;
    }


    body:has(.ams-donate-page)
    .ams-donation-form,

    body:has(.ams-donate-page)
    .WaGadgetDonationForm {
        padding:
            8px
            22px
            50px !important;
    }


    .ams-donate-closing-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    .ams-donate-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-donate-hero h1 {
        font-size:
            clamp(2.3rem, 10vw, 3.15rem);
    }


    .ams-donate-hero-photo {
        height: 245px;
    }


    .ams-donate-support-grid {
        grid-template-columns: 1fr;

        gap: 8px;
    }


    .ams-donate-support-grid article {
        padding: 18px;
    }


    .ams-donate-photo-grid {
        grid-template-rows:
            190px
            95px;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-donate-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-donate-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-donate-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-donate-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-donate-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   ==========================================================
   AMS ABOUT US PAGE
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-about-page) .mLayout,
body:has(.ams-about-page) .zoneContentOuter,
body:has(.ams-about-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-about-page) .zoneHeaderOuter,
body:has(.ams-about-page) .zoneHeader,
body:has(.ams-about-page) .zoneHeader1Outer,
body:has(.ams-about-page) .zoneHeader1,
body:has(.ams-about-page) .zoneHeader2Outer,
body:has(.ams-about-page) .zoneHeader2,
body:has(.ams-about-page) .zoneFooterOuter,
body:has(.ams-about-page) .zoneFooter,
body:has(.ams-about-page) .zoneFooter1Outer,
body:has(.ams-about-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-about-page) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-about-page) .gadgetStyleTitle {
    display: none !important;
}


.ams-about-page {
    width: 100%;

    background: var(--ams-cream);

    color: var(--ams-text);
}


.ams-about-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER / FOOTER CONSISTENCY
   ========================================================== */

body:has(.ams-about-page) .ams-site-logo,
body:has(.ams-about-page) .ams-main-nav,
body:has(.ams-about-page) .ams-member-login,
body:has(.ams-about-page) .ams-site-footer,
body:has(.ams-about-page) .ams-footer-brand,
body:has(.ams-about-page) .ams-footer-links,
body:has(.ams-about-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-about-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


body:has(.ams-about-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-about-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


body:has(.ams-about-page) .ams-member-login,
body:has(.ams-about-page) .ams-member-login a,
body:has(.ams-about-page) .ams-member-login a:link,
body:has(.ams-about-page) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;

    background: transparent !important;
}


body:has(.ams-about-page)
.ams-member-login a.loginBoxChangePassword {
    display: none !important;
}


/* ==========================================================
   SHARED EYEBROW
   ========================================================== */

.ams-about-eyebrow {
    margin: 0 0 11px;

    color: #78601f !important;

    font-size: 0.76rem;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


/* ==========================================================
   ABOUT HERO
   ========================================================== */

.ams-about-hero {
    position: relative;

    min-height: 355px;

    display: flex;
    align-items: flex-end;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-about-hero-image {
    position: absolute;

    inset: 0 0 0 43%;

    overflow: hidden;
}


.ams-about-hero-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center center;
}


.ams-about-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8,39,30,1) 0%,
            rgba(8,39,30,0.98) 34%,
            rgba(8,39,30,0.79) 56%,
            rgba(8,39,30,0.21) 100%
        );
}


.ams-about-hero-inner {
    position: relative;
    z-index: 2;

    padding-top: 68px;
    padding-bottom: 56px;
}


.ams-about-hero .ams-about-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-about-hero h1 {
    max-width: 760px;

    margin: 0 0 16px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.8rem, 5vw, 4.8rem);

    line-height: 1.01;

    letter-spacing: -0.045em;
}


.ams-about-lead {
    max-width: 660px;

    margin: 0;

    color: #e5ebe7 !important;

    font-size: 1.15rem;

    line-height: 1.56;
}


/* ==========================================================
   MISSION
   ========================================================== */

.ams-about-mission {
    padding: 60px 0;

    background: var(--ams-cream);
}


.ams-about-mission-grid {
    display: grid;

    grid-template-columns:
        minmax(300px, 0.82fr)
        minmax(0, 1.18fr);

    gap: 72px;

    align-items: start;
}


.ams-about-mission-heading {
    max-width: 490px;
}


.ams-about-mission-heading h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.2rem, 3.8vw, 3.6rem);

    line-height: 1.04;

    letter-spacing: -0.04em;
}


.ams-about-mission-copy {
    max-width: 720px;
}


.ams-about-mission-copy p {
    margin: 0 0 1.25em;

    color: var(--ams-text) !important;

    font-size: 1.05rem;

    line-height: 1.68;
}


.ams-about-mission-copy p:last-child {
    margin-bottom: 0;

    color: var(--ams-forest) !important;

    font-weight: 800;
}


/* ==========================================================
   WHAT WE DO
   ========================================================== */

.ams-about-work {
    padding: 58px 0 64px;

    border-top: 1px solid rgba(8,39,30,0.12);

    background: #f3efe1;
}


.ams-about-section-heading {
    max-width: 820px;

    margin-bottom: 31px;
}


.ams-about-section-heading h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.15rem, 3.6vw, 3.4rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-about-work-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px;
}


.ams-about-work-card {
    display: grid;

    grid-template-columns:
        165px
        minmax(0, 1fr);

    min-height: 250px;

    overflow: hidden;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-about-work-photo {
    margin: 0;

    min-height: 100%;

    overflow: hidden;

    background: #d9ddd7;
}


.ams-about-work-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center center;
}


.ams-about-work-body {
    display: flex;

    flex-direction: column;

    box-sizing: border-box;

    padding: 23px;
}


.ams-about-card-number {
    display: block;

    margin-bottom: 14px;

    color: #927126 !important;

    font-size: 0.7rem;
    font-weight: 800;

    letter-spacing: 0.12em;
}


.ams-about-work-body h3 {
    margin: 0 0 9px;

    color: var(--ams-forest) !important;

    font-size: 1.3rem;

    line-height: 1.16;
}


.ams-about-work-body p {
    margin: 0 0 18px;

    color: var(--ams-muted) !important;

    font-size: 0.92rem;

    line-height: 1.5;
}


.ams-about-work-body a,
.ams-about-work-body a:link,
.ams-about-work-body a:visited {
    margin-top: auto;

    color: #285942 !important;

    font-size: 0.9rem;
    font-weight: 800;

    text-decoration: none !important;
}


.ams-about-work-body a:hover {
    color: #765915 !important;
}


/* ==========================================================
   HOW AMS WORKS
   ========================================================== */

.ams-about-organization {
    padding: 62px 0 66px;

    background: var(--ams-cream);
}


.ams-about-organization-heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(300px, 0.9fr);

    gap: 60px;

    align-items: end;

    margin-bottom: 32px;
}


.ams-about-organization-heading h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.3rem, 3.8vw, 3.55rem);

    line-height: 1.04;

    letter-spacing: -0.04em;
}


.ams-about-organization-heading > p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 1rem;

    line-height: 1.58;
}


/* ==========================================================
   ORGANIZATIONAL NAVIGATION CARDS
   ========================================================== */

.ams-about-navigation-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 13px;
}


.ams-about-navigation-card,
.ams-about-navigation-card:link,
.ams-about-navigation-card:visited {
    display: grid;

    grid-template-columns:
        42px
        minmax(0, 1fr);

    gap: 16px;

    box-sizing: border-box;

    min-height: 285px;

    padding: 25px;

    border:
        1px solid
        rgba(8,39,30,0.14);

    border-radius: var(--ams-radius);

    background: #ffffff;

    color: var(--ams-text) !important;

    text-decoration: none !important;
}


.ams-about-navigation-card:hover {
    border-color: rgba(8,39,30,0.30);

    transform: translateY(-2px);
}


.ams-about-navigation-number {
    color: #927126 !important;

    font-size: 0.72rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-about-navigation-card > div:last-child {
    display: flex;

    flex-direction: column;
}


.ams-about-navigation-kicker {
    margin: 0 0 11px;

    color: #78601f !important;

    font-size: 0.7rem;
    font-weight: 800;

    letter-spacing: 0.12em;
}


.ams-about-navigation-card h3 {
    margin: 0 0 10px;

    color: var(--ams-forest) !important;

    font-size: 1.4rem;

    line-height: 1.15;
}


.ams-about-navigation-card p:not(.ams-about-navigation-kicker) {
    margin: 0 0 20px;

    color: var(--ams-muted) !important;

    font-size: 0.92rem;

    line-height: 1.5;
}


.ams-about-navigation-card span {
    margin-top: auto;

    color: #285942 !important;

    font-size: 0.9rem;
    font-weight: 800;
}


/* Featured volunteer card */

.ams-about-navigation-card-featured,
.ams-about-navigation-card-featured:link,
.ams-about-navigation-card-featured:visited {
    border-color: var(--ams-forest);

    background: var(--ams-forest);

    color: var(--ams-on-dark) !important;
}


.ams-about-navigation-card-featured
.ams-about-navigation-number,

.ams-about-navigation-card-featured
.ams-about-navigation-kicker,

.ams-about-navigation-card-featured span {
    color: var(--ams-gold) !important;
}


.ams-about-navigation-card-featured h3 {
    color: var(--ams-on-dark) !important;
}


.ams-about-navigation-card-featured
p:not(.ams-about-navigation-kicker) {
    color: #dce5df !important;
}


.ams-about-navigation-card-featured:hover {
    border-color: var(--ams-gold);
}


/* ==========================================================
   SCIENCE FEATURE
   ========================================================== */

.ams-about-science {
    padding: 62px 0;

    background: #f3efe1;
}


.ams-about-science-grid {
    display: grid;

    grid-template-columns:
        minmax(360px, 0.95fr)
        minmax(0, 1.05fr);

    gap: 60px;

    align-items: center;
}


.ams-about-science-photo {
    margin: 0;

    height: 390px;

    overflow: hidden;

    border-radius: var(--ams-radius);

    background: #d9ddd7;
}


.ams-about-science-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center 38%;
}


.ams-about-science-copy {
    max-width: 620px;
}


.ams-about-science-copy h2 {
    margin: 0 0 17px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.15rem, 3.5vw, 3.3rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-about-science-copy > p {
    margin: 0 0 1.25em;

    color: var(--ams-muted) !important;

    font-size: 1rem;

    line-height: 1.6;
}


.ams-about-science-copy .ams-button {
    margin-top: 6px;
}


/* ==========================================================
   GOVERNANCE
   ========================================================== */

.ams-about-governance {
    padding: 62px 0;

    border-top: 1px solid rgba(8,39,30,0.12);

    background: var(--ams-cream);
}


.ams-about-governance-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.75fr)
        minmax(0, 1.25fr);

    gap: 72px;

    align-items: start;
}


.ams-about-governance-heading {
    max-width: 450px;
}


.ams-about-governance-heading h2 {
    margin: 0 0 13px;

    color: var(--ams-forest) !important;

    font-size: clamp(2rem, 3.2vw, 3rem);

    line-height: 1.06;

    letter-spacing: -0.035em;
}


.ams-about-governance-heading > p:last-child {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.55;
}


.ams-about-document-list {
    border-top:
        1px solid
        rgba(8,39,30,0.16);
}


.ams-about-document-list a,
.ams-about-document-list a:link,
.ams-about-document-list a:visited {
    display: flex;

    justify-content: space-between;
    align-items: center;

    gap: 24px;

    padding: 19px 5px;

    border-bottom:
        1px solid
        rgba(8,39,30,0.16);

    color: var(--ams-text) !important;

    text-decoration: none !important;
}


.ams-about-document-list a:hover {
    padding-left: 11px;
}


.ams-about-document-list span {
    display: block;
}


.ams-about-document-list strong {
    display: block;

    margin-bottom: 4px;

    color: var(--ams-forest) !important;

    font-size: 1.05rem;
}


.ams-about-document-list small {
    display: block;

    color: var(--ams-muted) !important;

    font-size: 0.88rem;

    line-height: 1.42;
}


.ams-about-document-list b {
    flex: 0 0 auto;

    color: #927126 !important;

    font-size: 1.25rem;
}


/* ==========================================================
   CLOSING
   ========================================================== */

.ams-about-closing {
    padding: 58px 0;

    background: var(--ams-forest);
}


.ams-about-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        auto;

    gap: 52px;

    align-items: center;
}


.ams-about-closing .ams-about-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-about-closing h2 {
    margin: 0 0 13px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.1rem, 3.5vw, 3.3rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-about-closing p {
    max-width: 670px;

    margin: 0;

    color: #dce5df !important;

    font-size: 1rem;

    line-height: 1.58;
}


.ams-about-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 900px) {

    .ams-about-work-card {
        grid-template-columns:
            135px
            minmax(0, 1fr);
    }


    .ams-about-navigation-grid {
        grid-template-columns:
            1fr
            1fr;
    }


    .ams-about-navigation-card-featured {
        grid-column: 1 / -1;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-about-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Hero */

    .ams-about-hero {
        min-height: 320px;
    }


    .ams-about-hero-image {
        inset: 0;
    }


    .ams-about-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(8,39,30,0.96) 0%,
                rgba(8,39,30,0.84) 60%,
                rgba(8,39,30,0.43) 100%
            );
    }


    .ams-about-hero-inner {
        padding-top: 50px;
        padding-bottom: 44px;
    }


    .ams-about-hero h1 {
        max-width: 560px;

        font-size:
            clamp(2.4rem, 9vw, 3.55rem);
    }


    .ams-about-lead {
        max-width: 530px;

        font-size: 1.03rem;
    }


    /* Mission */

    .ams-about-mission {
        padding-top: 46px;
        padding-bottom: 48px;
    }


    .ams-about-mission-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    .ams-about-mission-heading {
        max-width: 680px;
    }


    /* What we do */

    .ams-about-work {
        padding-top: 46px;
        padding-bottom: 50px;
    }


    .ams-about-work-grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }


    .ams-about-work-card {
        grid-template-columns:
            150px
            minmax(0, 1fr);

        min-height: 215px;
    }


    /* Organization */

    .ams-about-organization {
        padding-top: 48px;
        padding-bottom: 52px;
    }


    .ams-about-organization-heading {
        grid-template-columns: 1fr;

        gap: 15px;
    }


    .ams-about-navigation-grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }


    .ams-about-navigation-card,
    .ams-about-navigation-card-featured {
        grid-column: auto;

        min-height: 0;
    }


    /* Science */

    .ams-about-science {
        padding-top: 48px;
        padding-bottom: 50px;
    }


    .ams-about-science-grid {
        grid-template-columns: 1fr;

        gap: 30px;
    }


    .ams-about-science-photo {
        height: 300px;
    }


    .ams-about-science-copy {
        max-width: none;
    }


    /* Governance */

    .ams-about-governance {
        padding-top: 48px;
        padding-bottom: 50px;
    }


    .ams-about-governance-grid {
        grid-template-columns: 1fr;

        gap: 28px;
    }


    .ams-about-governance-heading {
        max-width: 650px;
    }


    /* Closing */

    .ams-about-closing {
        padding: 48px 0;
    }


    .ams-about-closing-grid {
        grid-template-columns: 1fr;

        gap: 26px;
    }


    .ams-about-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-about-hero {
        min-height: 300px;
    }


    .ams-about-hero h1 {
        font-size:
            clamp(2.25rem, 10vw, 3.1rem);
    }


    /*
       Work cards become image-on-top.
       This prevents the photos from becoming narrow slivers.
    */

    .ams-about-work-card {
        display: block;

        min-height: 0;
    }


    .ams-about-work-photo {
        width: 100%;
        height: 155px;
        min-height: 0;
    }


    .ams-about-work-body {
        min-height: 215px;

        padding: 19px;
    }


    /* Organizational cards */

    .ams-about-navigation-card {
        grid-template-columns:
            34px
            minmax(0, 1fr);

        gap: 12px;

        padding: 20px;
    }


    /* Science */

    .ams-about-science-photo {
        height: 235px;
    }


    /* Governance links */

    .ams-about-document-list a {
        gap: 14px;

        padding-top: 17px;
        padding-bottom: 17px;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-about-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-about-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-about-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-about-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-about-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   ==========================================================
   AMS LEADERSHIP PAGE
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-leadership-page) .mLayout,
body:has(.ams-leadership-page) .zoneContentOuter,
body:has(.ams-leadership-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-leadership-page) .zoneHeaderOuter,
body:has(.ams-leadership-page) .zoneHeader,
body:has(.ams-leadership-page) .zoneHeader1Outer,
body:has(.ams-leadership-page) .zoneHeader1,
body:has(.ams-leadership-page) .zoneHeader2Outer,
body:has(.ams-leadership-page) .zoneHeader2,
body:has(.ams-leadership-page) .zoneFooterOuter,
body:has(.ams-leadership-page) .zoneFooter,
body:has(.ams-leadership-page) .zoneFooter1Outer,
body:has(.ams-leadership-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-leadership-page) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-leadership-page) .gadgetStyleTitle {
    display: none !important;
}


.ams-leadership-page {
    width: 100%;

    background: var(--ams-cream);

    color: var(--ams-text);
}


.ams-leadership-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER / FOOTER CONSISTENCY
   ========================================================== */

body:has(.ams-leadership-page) .ams-site-logo,
body:has(.ams-leadership-page) .ams-main-nav,
body:has(.ams-leadership-page) .ams-member-login,
body:has(.ams-leadership-page) .ams-site-footer,
body:has(.ams-leadership-page) .ams-footer-brand,
body:has(.ams-leadership-page) .ams-footer-links,
body:has(.ams-leadership-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-leadership-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


body:has(.ams-leadership-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-leadership-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


body:has(.ams-leadership-page) .ams-member-login,
body:has(.ams-leadership-page) .ams-member-login a,
body:has(.ams-leadership-page) .ams-member-login a:link,
body:has(.ams-leadership-page) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;

    background: transparent !important;
}


body:has(.ams-leadership-page)
.ams-member-login a.loginBoxChangePassword {
    display: none !important;
}


/* ==========================================================
   SHARED LABELS
   ========================================================== */

.ams-leadership-eyebrow {
    margin: 0 0 11px;

    color: #78601f !important;

    font-size: 0.76rem;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


.ams-leadership-role {
    margin: 0 0 7px !important;

    color: #927126 !important;

    font-size: 0.71rem !important;
    font-weight: 800 !important;

    line-height: 1.25 !important;

    letter-spacing: 0.12em;

    text-transform: uppercase;
}


/* ==========================================================
   HERO
   ========================================================== */

.ams-leadership-hero {
    position: relative;

    min-height: 350px;

    display: flex;
    align-items: flex-end;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-leadership-hero-image {
    position: absolute;

    inset: 0 0 0 42%;

    overflow: hidden;
}


.ams-leadership-hero-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center center;
}


.ams-leadership-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8,39,30,1) 0%,
            rgba(8,39,30,0.98) 34%,
            rgba(8,39,30,0.78) 56%,
            rgba(8,39,30,0.20) 100%
        );
}


.ams-leadership-hero-inner {
    position: relative;
    z-index: 2;

    padding-top: 68px;
    padding-bottom: 56px;
}


.ams-leadership-hero .ams-leadership-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-leadership-hero h1 {
    max-width: 780px;

    margin: 0 0 16px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.8rem, 5vw, 4.8rem);

    line-height: 1.01;

    letter-spacing: -0.045em;
}


.ams-leadership-lead {
    max-width: 660px;

    margin: 0;

    color: #e5ebe7 !important;

    font-size: 1.13rem;

    line-height: 1.56;
}


/* ==========================================================
   BOARD SECTION
   ========================================================== */

.ams-leadership-board {
    padding: 60px 0 64px;

    background: var(--ams-cream);
}


.ams-leadership-section-heading {
    max-width: 820px;

    margin-bottom: 32px;
}


.ams-leadership-section-heading h2 {
    margin: 0 0 14px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.2rem, 3.7vw, 3.5rem);

    line-height: 1.04;

    letter-spacing: -0.038em;
}


.ams-leadership-section-heading > p:last-child {
    max-width: 700px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 1rem;

    line-height: 1.58;
}


/* ==========================================================
   BOARD CARDS
   ========================================================== */

.ams-leadership-board-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px;
}


.ams-leadership-board-card {
    display: grid;

    grid-template-columns:
        185px
        minmax(0, 1fr);

    min-height: 315px;

    overflow: hidden;

    border:
        1px solid
        rgba(8,39,30,0.14);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-leadership-board-photo {
    margin: 0;

    min-height: 100%;

    overflow: hidden;

    background: #d9ddd7;
}


.ams-leadership-board-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center top;
}


.ams-leadership-board-body {
    box-sizing: border-box;

    padding: 25px;
}


.ams-leadership-board-body h3 {
    margin: 0 0 7px;

    color: var(--ams-forest) !important;

    font-size: 1.55rem;

    line-height: 1.12;
}


.ams-leadership-tags {
    margin: 0 0 17px !important;

    color: #78601f !important;

    font-size: 0.8rem !important;
    font-weight: 700;

    line-height: 1.4 !important;
}


.ams-leadership-board-body > p:not(.ams-leadership-role):not(.ams-leadership-tags) {
    margin: 0 0 1em;

    color: var(--ams-muted) !important;

    font-size: 0.92rem;

    line-height: 1.53;
}


.ams-leadership-board-body > p:last-child {
    margin-bottom: 0 !important;
}


/* ==========================================================
   COMMUNITY PHOTO BAND
   ========================================================== */

.ams-leadership-photo-band {
    padding: 0 0 58px;

    background: var(--ams-cream);
}


.ams-leadership-photo-grid {
    display: grid;

    grid-template-columns:
        0.8fr
        1.4fr
        0.8fr;

    gap: 10px;

    height: 245px;
}


.ams-leadership-photo {
    margin: 0;

    overflow: hidden;

    border-radius: var(--ams-radius);

    background: #d9ddd7;
}


.ams-leadership-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center center;
}


/* ==========================================================
   FORAY LEADERS
   ========================================================== */

.ams-leadership-forays {
    padding: 58px 0 64px;

    border-top:
        1px solid
        rgba(8,39,30,0.12);

    background: #f3efe1;
}


.ams-leadership-foray-heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(300px, 0.85fr);

    gap: 58px;

    align-items: end;

    margin-bottom: 31px;
}


.ams-leadership-foray-heading h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.2rem, 3.7vw, 3.5rem);

    line-height: 1.04;

    letter-spacing: -0.038em;
}


.ams-leadership-foray-heading > p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.98rem;

    line-height: 1.56;
}


/* ==========================================================
   COUNTY CARDS
   ========================================================== */

.ams-leadership-county-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 13px;
}


.ams-leadership-county-card {
    overflow: hidden;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-leadership-county-heading {
    padding: 20px 22px 18px;

    border-bottom:
        1px solid
        rgba(8,39,30,0.11);

    background: #fffdf7;
}


.ams-leadership-county-kicker {
    margin: 0 0 5px;

    color: #927126 !important;

    font-size: 0.68rem;
    font-weight: 800;

    letter-spacing: 0.11em;

    text-transform: uppercase;
}


.ams-leadership-county-heading h3 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: 1.35rem;

    line-height: 1.15;
}


.ams-leadership-person-list {
    padding: 5px 20px;
}


.ams-leadership-person {
    display: grid;

    grid-template-columns:
        88px
        minmax(0, 1fr);

    gap: 17px;

    align-items: center;

    padding: 17px 0;

    border-bottom:
        1px solid
        rgba(8,39,30,0.11);
}


.ams-leadership-person:last-child {
    border-bottom: 0;
}


.ams-leadership-person figure {
    margin: 0;

    width: 88px;
    height: 88px;

    overflow: hidden;

    border-radius: 50%;

    background: #d9ddd7;
}


.ams-leadership-person figure img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center top;
}


.ams-leadership-person strong {
    display: block;

    margin-bottom: 6px;

    color: var(--ams-forest) !important;

    font-size: 1.06rem;
}


.ams-leadership-person p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.88rem;

    line-height: 1.48;
}


/* ==========================================================
   SPECIAL EVENTS / COLLABORATORS
   ========================================================== */

.ams-leadership-additional {
    padding: 60px 0 64px;

    background: var(--ams-cream);
}


.ams-leadership-additional-heading {
    max-width: 800px;

    margin-bottom: 30px;
}


.ams-leadership-additional-heading h2 {
    margin: 0 0 13px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.1rem, 3.5vw, 3.3rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-leadership-additional-heading > p:last-child {
    max-width: 700px;

    margin: 0;

    color: var(--ams-muted) !important;

    line-height: 1.56;
}


.ams-leadership-additional-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px;
}


.ams-leadership-additional-card {
    display: grid;

    grid-template-columns:
        175px
        minmax(0, 1fr);

    min-height: 250px;

    overflow: hidden;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-leadership-additional-card figure {
    margin: 0;

    overflow: hidden;

    background: #d9ddd7;
}


.ams-leadership-additional-card figure img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center top;
}


.ams-leadership-additional-card > div {
    box-sizing: border-box;

    padding: 24px;
}


.ams-leadership-additional-card h3 {
    margin: 0 0 11px;

    color: var(--ams-forest) !important;

    font-size: 1.42rem;

    line-height: 1.15;
}


.ams-leadership-additional-card
> div
> p:not(.ams-leadership-role) {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.91rem;

    line-height: 1.52;
}


/* ==========================================================
   FOUNDERS / HISTORY
   ========================================================== */

.ams-leadership-history {
    padding: 60px 0;

    border-top:
        1px solid
        rgba(8,39,30,0.12);

    background: #f3efe1;
}


.ams-leadership-history-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.75fr)
        minmax(0, 1.25fr);

    gap: 72px;

    align-items: start;
}


.ams-leadership-history-heading {
    max-width: 450px;
}


.ams-leadership-history-heading h2 {
    margin: 0 0 13px;

    color: var(--ams-forest) !important;

    font-size: clamp(2rem, 3.3vw, 3.05rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-leadership-history-heading > p:last-child {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.55;
}


.ams-leadership-history-list {
    border-top:
        1px solid
        rgba(8,39,30,0.16);
}


.ams-leadership-history-list article {
    display: grid;

    grid-template-columns:
        130px
        minmax(0, 1fr);

    gap: 24px;

    padding: 20px 4px;

    border-bottom:
        1px solid
        rgba(8,39,30,0.16);
}


.ams-leadership-history-list article > span {
    padding-top: 3px;

    color: #927126 !important;

    font-size: 0.68rem;
    font-weight: 800;

    letter-spacing: 0.11em;

    text-transform: uppercase;
}


.ams-leadership-history-list strong {
    display: block;

    margin-bottom: 5px;

    color: var(--ams-forest) !important;

    font-size: 1.05rem;
}


.ams-leadership-history-list p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.89rem;

    line-height: 1.48;
}


/* ==========================================================
   CLOSING / LEADERSHIP PIPELINE
   ========================================================== */

.ams-leadership-closing {
    padding: 58px 0;

    background: var(--ams-forest);
}


.ams-leadership-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        auto;

    gap: 50px;

    align-items: center;
}


.ams-leadership-closing .ams-leadership-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-leadership-closing h2 {
    margin: 0 0 13px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.15rem, 3.5vw, 3.3rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-leadership-closing p {
    max-width: 690px;

    margin: 0;

    color: #dce5df !important;

    font-size: 1rem;

    line-height: 1.58;
}


.ams-leadership-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 950px) {

    .ams-leadership-board-card {
        grid-template-columns:
            150px
            minmax(0, 1fr);
    }


    .ams-leadership-additional-card {
        grid-template-columns:
            145px
            minmax(0, 1fr);
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-leadership-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Hero */

    .ams-leadership-hero {
        min-height: 320px;
    }


    .ams-leadership-hero-image {
        inset: 0;
    }


    .ams-leadership-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(8,39,30,0.96) 0%,
                rgba(8,39,30,0.84) 60%,
                rgba(8,39,30,0.43) 100%
            );
    }


    .ams-leadership-hero-inner {
        padding-top: 50px;
        padding-bottom: 44px;
    }


    .ams-leadership-hero h1 {
        max-width: 560px;

        font-size:
            clamp(2.4rem, 9vw, 3.55rem);
    }


    .ams-leadership-lead {
        max-width: 530px;

        font-size: 1.03rem;
    }


    /* Board */

    .ams-leadership-board {
        padding-top: 48px;
        padding-bottom: 50px;
    }


    .ams-leadership-board-grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }


    .ams-leadership-board-card {
        grid-template-columns:
            150px
            minmax(0, 1fr);

        min-height: 275px;
    }


    /* Photo band */

    .ams-leadership-photo-grid {
        grid-template-columns:
            1fr
            1fr;

        grid-template-rows:
            210px
            105px;

        height: auto;
    }


    .ams-leadership-photo-wide {
        grid-column: 1 / -1;

        grid-row: 1;
    }


    /* Foray heading */

    .ams-leadership-forays {
        padding-top: 48px;
        padding-bottom: 52px;
    }


    .ams-leadership-foray-heading {
        grid-template-columns: 1fr;

        gap: 14px;
    }


    .ams-leadership-county-grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }


    /* Additional */

    .ams-leadership-additional {
        padding-top: 48px;
        padding-bottom: 52px;
    }


    .ams-leadership-additional-grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }


    .ams-leadership-additional-card {
        grid-template-columns:
            150px
            minmax(0, 1fr);
    }


    /* History */

    .ams-leadership-history {
        padding-top: 48px;
        padding-bottom: 50px;
    }


    .ams-leadership-history-grid {
        grid-template-columns: 1fr;

        gap: 28px;
    }


    .ams-leadership-history-heading {
        max-width: 650px;
    }


    /* Closing */

    .ams-leadership-closing {
        padding: 48px 0;
    }


    .ams-leadership-closing-grid {
        grid-template-columns: 1fr;

        gap: 26px;
    }


    .ams-leadership-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-leadership-hero {
        min-height: 300px;
    }


    .ams-leadership-hero h1 {
        font-size:
            clamp(2.25rem, 10vw, 3.1rem);
    }


    /* Board cards become image-on-top */

    .ams-leadership-board-card {
        display: block;

        min-height: 0;
    }


    .ams-leadership-board-photo {
        width: 100%;
        height: 245px;
        min-height: 0;
    }


    .ams-leadership-board-photo img {
        object-position: center 25%;
    }


    .ams-leadership-board-body {
        padding: 20px;
    }


    /* Photo band */

    .ams-leadership-photo-grid {
        grid-template-rows:
            190px
            95px;
    }


    /* County people */

    .ams-leadership-person {
        grid-template-columns:
            72px
            minmax(0, 1fr);

        gap: 14px;
    }


    .ams-leadership-person figure {
        width: 72px;
        height: 72px;
    }


    .ams-leadership-person-list {
        padding-left: 17px;
        padding-right: 17px;
    }


    /* Special leaders become image-on-top */

    .ams-leadership-additional-card {
        display: block;

        min-height: 0;
    }


    .ams-leadership-additional-card figure {
        width: 100%;
        height: 220px;
    }


    .ams-leadership-additional-card > div {
        padding: 20px;
    }


    /* History */

    .ams-leadership-history-list article {
        grid-template-columns: 1fr;

        gap: 7px;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-leadership-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-leadership-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-leadership-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-leadership-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-leadership-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   LEADERSHIP PAGE — CONTENT REFINEMENTS
   September 2026
   ========================================================== */


/* ----------------------------------------------------------
   LEIGH PORTRAIT
   ---------------------------------------------------------- */

.ams-leadership-board-photo-leigh img {
    object-position: center center;
}


/* ----------------------------------------------------------
   SINGLE CURRENT-BOARD PHOTO
   Replaces the old three-photo strip
   ---------------------------------------------------------- */

.ams-leadership-board-band {
    padding-top: 0;
    padding-bottom: 58px;

    background: var(--ams-cream);
}


.ams-leadership-board-snapshot {
    width: 100%;
    max-width: 920px;

    margin: 0 auto;

    overflow: hidden;

    border-radius: var(--ams-radius);

    background: #d9ddd7;
}


.ams-leadership-board-snapshot img {
    display: block;

    width: 100%;
    height: auto;
}


.ams-leadership-board-snapshot figcaption {
    padding: 10px 14px;

    background: #f3efe1;

    color: var(--ams-muted) !important;

    font-size: 0.82rem;

    line-height: 1.4;
}


/* ----------------------------------------------------------
   HISTORY INTRO
   ---------------------------------------------------------- */

.ams-leadership-history-intro {
    max-width: 800px;

    margin-bottom: 32px;
}


.ams-leadership-history-intro h2 {
    margin: 0 0 13px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.15rem, 3.5vw, 3.3rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-leadership-history-intro > p:last-child {
    max-width: 700px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.98rem;

    line-height: 1.56;
}


/* ----------------------------------------------------------
   ALISHA FEATURE
   ---------------------------------------------------------- */

.ams-leadership-history-feature {
    display: grid;

    grid-template-columns:
        minmax(230px, 0.7fr)
        minmax(0, 1.3fr);

    gap: 48px;

    align-items: stretch;

    margin-bottom: 38px;

    overflow: hidden;

    border:
        1px solid
        rgba(8,39,30,0.14);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-leadership-history-feature figure {
    margin: 0;

    min-height: 390px;

    overflow: hidden;

    background: #d9ddd7;
}


.ams-leadership-history-feature figure img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center top;
}


.ams-leadership-history-feature > div {
    box-sizing: border-box;

    padding: 34px 36px 34px 0;
}


.ams-leadership-history-feature h3 {
    margin: 0 0 16px;

    color: var(--ams-forest) !important;

    font-size: clamp(1.8rem, 2.7vw, 2.45rem);

    line-height: 1.08;

    letter-spacing: -0.025em;
}


.ams-leadership-history-feature
> div
> p:not(.ams-leadership-role) {
    margin: 0 0 1.15em;

    color: var(--ams-muted) !important;

    font-size: 0.97rem;

    line-height: 1.6;
}


.ams-leadership-history-feature
> div
> p:last-child {
    margin-bottom: 0;
}


/*
   The old history section used a two-column wrapper.
   The revised HTML is intentionally full width.
*/

.ams-leadership-history
.ams-leadership-history-list {
    max-width: 820px;

    margin-left: auto;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-leadership-board-band {
        padding-bottom: 48px;
    }


    .ams-leadership-history-feature {
        grid-template-columns:
            220px
            minmax(0, 1fr);

        gap: 28px;
    }


    .ams-leadership-history-feature > div {
        padding:
            27px
            27px
            27px
            0;
    }


    .ams-leadership-history-feature figure {
        min-height: 420px;
    }


    .ams-leadership-history
    .ams-leadership-history-list {
        max-width: none;
    }

}


@media (max-width: 520px) {

    .ams-leadership-board-snapshot figcaption {
        font-size: 0.78rem;
    }


    .ams-leadership-history-feature {
        display: block;
    }


    .ams-leadership-history-feature figure {
        width: 100%;
        height: 290px;
        min-height: 0;
    }


    .ams-leadership-history-feature > div {
        padding: 22px;
    }

}
/* ==========================================================
   ==========================================================
   AMS VOLUNTEER / HELP OUR MISSION PAGE
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-volunteer-page) .mLayout,
body:has(.ams-volunteer-page) .zoneContentOuter,
body:has(.ams-volunteer-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-volunteer-page) .zoneHeaderOuter,
body:has(.ams-volunteer-page) .zoneHeader,
body:has(.ams-volunteer-page) .zoneHeader1Outer,
body:has(.ams-volunteer-page) .zoneHeader1,
body:has(.ams-volunteer-page) .zoneHeader2Outer,
body:has(.ams-volunteer-page) .zoneHeader2,
body:has(.ams-volunteer-page) .zoneFooterOuter,
body:has(.ams-volunteer-page) .zoneFooter,
body:has(.ams-volunteer-page) .zoneFooter1Outer,
body:has(.ams-volunteer-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-volunteer-page) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-volunteer-page) .gadgetStyleTitle {
    display: none !important;
}


.ams-volunteer-page {
    width: 100%;

    background: var(--ams-cream);

    color: var(--ams-text);
}


.ams-volunteer-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER / FOOTER CONSISTENCY
   ========================================================== */

body:has(.ams-volunteer-page) .ams-site-logo,
body:has(.ams-volunteer-page) .ams-main-nav,
body:has(.ams-volunteer-page) .ams-member-login,
body:has(.ams-volunteer-page) .ams-site-footer,
body:has(.ams-volunteer-page) .ams-footer-brand,
body:has(.ams-volunteer-page) .ams-footer-links,
body:has(.ams-volunteer-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-volunteer-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


body:has(.ams-volunteer-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-volunteer-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


body:has(.ams-volunteer-page) .ams-member-login,
body:has(.ams-volunteer-page) .ams-member-login a,
body:has(.ams-volunteer-page) .ams-member-login a:link,
body:has(.ams-volunteer-page) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;

    background: transparent !important;
}


body:has(.ams-volunteer-page)
.ams-member-login a.loginBoxChangePassword {
    display: none !important;
}


/* ==========================================================
   SHARED EYEBROW
   ========================================================== */

.ams-volunteer-eyebrow {
    margin: 0 0 11px;

    color: #78601f !important;

    font-size: 0.76rem;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


/* ==========================================================
   HERO
   ========================================================== */

.ams-volunteer-hero {
    position: relative;

    min-height: 360px;

    display: flex;
    align-items: flex-end;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-volunteer-hero-image {
    position: absolute;

    inset: 0 0 0 42%;

    overflow: hidden;
}


.ams-volunteer-hero-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;
}


.ams-volunteer-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8,39,30,1) 0%,
            rgba(8,39,30,0.98) 34%,
            rgba(8,39,30,0.78) 56%,
            rgba(8,39,30,0.20) 100%
        );
}


.ams-volunteer-hero-inner {
    position: relative;
    z-index: 2;

    padding-top: 70px;
    padding-bottom: 58px;
}


.ams-volunteer-hero .ams-volunteer-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-volunteer-hero h1 {
    max-width: 760px;

    margin: 0 0 16px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.9rem, 5vw, 4.9rem);

    line-height: 1.01;

    letter-spacing: -0.045em;
}


.ams-volunteer-lead {
    max-width: 680px;

    margin: 0;

    color: #e5ebe7 !important;

    font-size: 1.15rem;

    line-height: 1.58;
}


/* ==========================================================
   INTRO
   ========================================================== */

.ams-volunteer-intro {
    padding: 60px 0;

    background: var(--ams-cream);
}


.ams-volunteer-intro-grid {
    display: grid;

    grid-template-columns:
        minmax(300px, 0.82fr)
        minmax(0, 1.18fr);

    gap: 72px;

    align-items: start;
}


.ams-volunteer-intro h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.2rem, 3.7vw, 3.55rem);

    line-height: 1.04;

    letter-spacing: -0.038em;
}


.ams-volunteer-intro-copy {
    max-width: 720px;
}


.ams-volunteer-intro-copy p {
    margin: 0 0 1.25em;

    color: var(--ams-text) !important;

    font-size: 1.04rem;

    line-height: 1.66;
}


.ams-volunteer-intro-copy p:last-child {
    margin-bottom: 0;

    color: var(--ams-forest) !important;

    font-weight: 800;
}


/* ==========================================================
   WAYS TO HELP
   ========================================================== */

.ams-volunteer-ways {
    padding: 58px 0 64px;

    border-top:
        1px solid
        rgba(8,39,30,0.12);

    background: #f3efe1;
}


.ams-volunteer-section-heading {
    max-width: 800px;

    margin-bottom: 31px;
}


.ams-volunteer-section-heading h2 {
    margin: 0 0 13px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.15rem, 3.6vw, 3.4rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-volunteer-section-heading > p:last-child {
    max-width: 680px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.98rem;

    line-height: 1.55;
}


/* ==========================================================
   VOLUNTEER ROLE CARDS
   ========================================================== */

.ams-volunteer-way-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;
}


.ams-volunteer-way-card {
    display: flex;

    flex-direction: column;

    min-height: 300px;

    box-sizing: border-box;

    padding: 23px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-volunteer-way-top {
    display: flex;

    justify-content: space-between;
    align-items: center;

    gap: 14px;

    margin-bottom: 22px;
}


.ams-volunteer-way-number,
.ams-volunteer-way-type {
    color: #927126 !important;

    font-size: 0.68rem;
    font-weight: 800;

    letter-spacing: 0.11em;

    text-transform: uppercase;
}


.ams-volunteer-way-type {
    color: #78601f !important;
}


.ams-volunteer-way-card h3 {
    margin: 0 0 11px;

    color: var(--ams-forest) !important;

    font-size: 1.28rem;

    line-height: 1.16;
}


.ams-volunteer-way-card > p:not(.ams-volunteer-way-note) {
    margin: 0 0 18px;

    color: var(--ams-muted) !important;

    font-size: 0.91rem;

    line-height: 1.5;
}


.ams-volunteer-way-note {
    margin: auto 0 0;

    padding-top: 14px;

    border-top:
        1px solid
        rgba(8,39,30,0.10);

    color: var(--ams-text) !important;

    font-size: 0.84rem;

    font-weight: 700;

    line-height: 1.45;
}


/* ==========================================================
   NOT AN EXPERT
   ========================================================== */

.ams-volunteer-expertise {
    padding: 62px 0;

    background: var(--ams-cream);
}


.ams-volunteer-expertise-grid {
    display: grid;

    grid-template-columns:
        minmax(360px, 0.95fr)
        minmax(0, 1.05fr);

    gap: 60px;

    align-items: center;
}


.ams-volunteer-expertise-photo {
    margin: 0;

    height: 385px;

    overflow: hidden;

    border-radius: var(--ams-radius);

    background: #d9ddd7;
}


.ams-volunteer-expertise-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;
}


.ams-volunteer-expertise-copy {
    max-width: 640px;
}


.ams-volunteer-expertise-copy h2 {
    margin: 0 0 17px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.15rem, 3.6vw, 3.35rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-volunteer-expertise-copy > p {
    margin: 0 0 1.25em;

    color: var(--ams-muted) !important;

    font-size: 1rem;

    line-height: 1.6;
}


.ams-volunteer-expertise-copy > p:last-child {
    margin-bottom: 0;
}


/* ==========================================================
   START SOMETHING NEW
   ========================================================== */

.ams-volunteer-create {
    padding: 60px 0 64px;

    background: var(--ams-forest);
}


.ams-volunteer-create-heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(300px, 0.9fr);

    gap: 60px;

    align-items: end;

    margin-bottom: 30px;
}


.ams-volunteer-create .ams-volunteer-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-volunteer-create-heading h2 {
    margin: 0;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.3rem, 3.8vw, 3.6rem);

    line-height: 1.04;

    letter-spacing: -0.04em;
}


.ams-volunteer-create-heading > p {
    margin: 0;

    color: #dce5df !important;

    font-size: 0.98rem;

    line-height: 1.56;
}


/* ==========================================================
   IDEA GRID
   ========================================================== */

.ams-volunteer-idea-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 11px;
}


.ams-volunteer-idea-grid article {
    min-height: 185px;

    box-sizing: border-box;

    padding: 22px;

    border:
        1px solid
        rgba(255,255,255,0.16);

    border-radius: var(--ams-radius);

    background:
        rgba(255,255,255,0.06);
}


.ams-volunteer-idea-grid article > span {
    display: block;

    margin-bottom: 17px;

    color: var(--ams-gold) !important;

    font-size: 0.68rem;
    font-weight: 800;

    letter-spacing: 0.11em;

    text-transform: uppercase;
}


.ams-volunteer-idea-grid strong {
    display: block;

    margin-bottom: 9px;

    color: var(--ams-on-dark) !important;

    font-size: 1.08rem;

    line-height: 1.2;
}


.ams-volunteer-idea-grid p {
    margin: 0;

    color: #dce5df !important;

    font-size: 0.86rem;

    line-height: 1.47;
}


/* ==========================================================
   WHAT AMS CAN HELP WITH
   ========================================================== */

.ams-volunteer-support {
    padding: 62px 0;

    background: #f3efe1;
}


.ams-volunteer-support-grid {
    display: grid;

    grid-template-columns:
        minmax(300px, 0.78fr)
        minmax(0, 1.22fr);

    gap: 72px;

    align-items: start;
}


.ams-volunteer-support-heading {
    max-width: 470px;
}


.ams-volunteer-support-heading h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.1rem, 3.4vw, 3.2rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-volunteer-support-list {
    border-top:
        1px solid
        rgba(8,39,30,0.16);
}


.ams-volunteer-support-list article {
    display: grid;

    grid-template-columns:
        44px
        minmax(0, 1fr);

    gap: 18px;

    padding: 19px 4px;

    border-bottom:
        1px solid
        rgba(8,39,30,0.16);
}


.ams-volunteer-support-list article > span {
    color: #927126 !important;

    font-size: 0.7rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-volunteer-support-list strong {
    display: block;

    margin-bottom: 5px;

    color: var(--ams-forest) !important;

    font-size: 1.05rem;
}


.ams-volunteer-support-list p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.89rem;

    line-height: 1.48;
}


/* ==========================================================
   CONTACT / PICK A LANE
   ========================================================== */

.ams-volunteer-contact {
    padding: 60px 0 64px;

    background: var(--ams-cream);
}


.ams-volunteer-contact-heading {
    max-width: 800px;

    margin-bottom: 30px;
}


.ams-volunteer-contact-heading h2 {
    margin: 0 0 13px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.2rem, 3.6vw, 3.4rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-volunteer-contact-heading > p:last-child {
    max-width: 680px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.98rem;

    line-height: 1.55;
}


.ams-volunteer-contact-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;
}


.ams-volunteer-contact-card,
.ams-volunteer-contact-card:link,
.ams-volunteer-contact-card:visited {
    display: grid;

    grid-template-columns:
        105px
        minmax(0, 1fr)
        auto;

    gap: 18px;

    align-items: center;

    box-sizing: border-box;

    min-height: 82px;

    padding: 18px 20px;

    border:
        1px solid
        rgba(8,39,30,0.14);

    border-radius: var(--ams-radius);

    background: #ffffff;

    color: var(--ams-text) !important;

    text-decoration: none !important;
}


.ams-volunteer-contact-card:hover {
    border-color:
        rgba(8,39,30,0.32);

    background: #fffdf7;
}


.ams-volunteer-contact-card > span {
    color: #927126 !important;

    font-size: 0.67rem;
    font-weight: 800;

    letter-spacing: 0.11em;

    text-transform: uppercase;
}


.ams-volunteer-contact-card strong {
    color: var(--ams-forest) !important;

    font-size: 1rem;

    line-height: 1.3;
}


.ams-volunteer-contact-card b {
    color: #927126 !important;

    font-size: 1.2rem;
}


/* ==========================================================
   CLOSING
   ========================================================== */

.ams-volunteer-closing {
    padding: 58px 0;

    background: var(--ams-forest);
}


.ams-volunteer-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        auto;

    gap: 50px;

    align-items: center;
}


.ams-volunteer-closing .ams-volunteer-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-volunteer-closing h2 {
    margin: 0 0 13px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.15rem, 3.5vw, 3.3rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-volunteer-closing p {
    max-width: 680px;

    margin: 0;

    color: #dce5df !important;

    font-size: 1rem;

    line-height: 1.58;
}


.ams-volunteer-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 950px) {

    .ams-volunteer-way-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .ams-volunteer-idea-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-volunteer-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Hero */

    .ams-volunteer-hero {
        min-height: 320px;
    }


    .ams-volunteer-hero-image {
        inset: 0;
    }


    .ams-volunteer-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(8,39,30,0.96) 0%,
                rgba(8,39,30,0.84) 60%,
                rgba(8,39,30,0.43) 100%
            );
    }


    .ams-volunteer-hero-inner {
        padding-top: 50px;
        padding-bottom: 44px;
    }


    .ams-volunteer-hero h1 {
        max-width: 560px;

        font-size:
            clamp(2.4rem, 9vw, 3.55rem);
    }


    .ams-volunteer-lead {
        max-width: 540px;

        font-size: 1.03rem;
    }


    /* Intro */

    .ams-volunteer-intro {
        padding-top: 46px;
        padding-bottom: 48px;
    }


    .ams-volunteer-intro-grid {
        grid-template-columns: 1fr;

        gap: 24px;
    }


    /* Ways */

    .ams-volunteer-ways {
        padding-top: 46px;
        padding-bottom: 52px;
    }


    .ams-volunteer-way-grid {
        grid-template-columns:
            1fr
            1fr;

        gap: 10px;
    }


    /* Expertise */

    .ams-volunteer-expertise {
        padding-top: 48px;
        padding-bottom: 50px;
    }


    .ams-volunteer-expertise-grid {
        grid-template-columns: 1fr;

        gap: 30px;
    }


    .ams-volunteer-expertise-photo {
        height: 300px;
    }


    /* Create */

    .ams-volunteer-create {
        padding-top: 48px;
        padding-bottom: 52px;
    }


    .ams-volunteer-create-heading {
        grid-template-columns: 1fr;

        gap: 14px;
    }


    .ams-volunteer-idea-grid {
        grid-template-columns:
            1fr
            1fr;
    }


    /* Support */

    .ams-volunteer-support {
        padding-top: 48px;
        padding-bottom: 50px;
    }


    .ams-volunteer-support-grid {
        grid-template-columns: 1fr;

        gap: 28px;
    }


    .ams-volunteer-support-heading {
        max-width: 650px;
    }


    /* Contact */

    .ams-volunteer-contact {
        padding-top: 48px;
        padding-bottom: 52px;
    }


    .ams-volunteer-contact-grid {
        grid-template-columns: 1fr;
    }


    /* Closing */

    .ams-volunteer-closing {
        padding: 48px 0;
    }


    .ams-volunteer-closing-grid {
        grid-template-columns: 1fr;

        gap: 26px;
    }


    .ams-volunteer-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-volunteer-hero {
        min-height: 300px;
    }


    .ams-volunteer-hero h1 {
        font-size:
            clamp(2.25rem, 10vw, 3.1rem);
    }


    .ams-volunteer-way-grid,
    .ams-volunteer-idea-grid {
        grid-template-columns: 1fr;
    }


    .ams-volunteer-way-card {
        min-height: 0;
    }


    .ams-volunteer-expertise-photo {
        height: 235px;
    }


    .ams-volunteer-contact-card {
        grid-template-columns:
            86px
            minmax(0, 1fr)
            auto;

        gap: 12px;

        padding: 16px;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-volunteer-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-volunteer-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-volunteer-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-volunteer-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-volunteer-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   ==========================================================
   AMS ARCHIVE PAGE
   Minutes & Newsletters
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-archive-page) .mLayout,
body:has(.ams-archive-page) .zoneContentOuter,
body:has(.ams-archive-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-archive-page) .zoneHeaderOuter,
body:has(.ams-archive-page) .zoneHeader,
body:has(.ams-archive-page) .zoneHeader1Outer,
body:has(.ams-archive-page) .zoneHeader1,
body:has(.ams-archive-page) .zoneHeader2Outer,
body:has(.ams-archive-page) .zoneHeader2,
body:has(.ams-archive-page) .zoneFooterOuter,
body:has(.ams-archive-page) .zoneFooter,
body:has(.ams-archive-page) .zoneFooter1Outer,
body:has(.ams-archive-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-archive-page) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-archive-page) .gadgetStyleTitle {
    display: none !important;
}


.ams-archive-page {
    width: 100%;

    background: var(--ams-cream);

    color: var(--ams-text);
}


.ams-archive-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER / FOOTER CONSISTENCY
   ========================================================== */

body:has(.ams-archive-page) .ams-site-logo,
body:has(.ams-archive-page) .ams-main-nav,
body:has(.ams-archive-page) .ams-member-login,
body:has(.ams-archive-page) .ams-site-footer,
body:has(.ams-archive-page) .ams-footer-brand,
body:has(.ams-archive-page) .ams-footer-links,
body:has(.ams-archive-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-archive-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


body:has(.ams-archive-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-archive-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


body:has(.ams-archive-page) .ams-member-login,
body:has(.ams-archive-page) .ams-member-login a,
body:has(.ams-archive-page) .ams-member-login a:link,
body:has(.ams-archive-page) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;

    background: transparent !important;
}


body:has(.ams-archive-page)
.ams-member-login a.loginBoxChangePassword {
    display: none !important;
}


/* ==========================================================
   SHARED EYEBROW
   ========================================================== */

.ams-archive-eyebrow {
    margin: 0 0 11px;

    color: #78601f !important;

    font-size: 0.76rem;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


/* ==========================================================
   HERO
   ========================================================== */

.ams-archive-hero {
    position: relative;

    min-height: 330px;

    display: flex;
    align-items: flex-end;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-archive-hero-image {
    position: absolute;

    inset: 0 0 0 47%;

    overflow: hidden;
}


.ams-archive-hero-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;
}


.ams-archive-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8,39,30,1) 0%,
            rgba(8,39,30,0.98) 36%,
            rgba(8,39,30,0.78) 58%,
            rgba(8,39,30,0.18) 100%
        );
}


.ams-archive-hero-inner {
    position: relative;
    z-index: 2;

    padding-top: 62px;
    padding-bottom: 50px;
}


.ams-archive-hero .ams-archive-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-archive-hero h1 {
    max-width: 820px;

    margin: 0 0 15px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.7rem, 4.8vw, 4.5rem);

    line-height: 1.01;

    letter-spacing: -0.04em;
}


.ams-archive-lead {
    max-width: 670px;

    margin: 0;

    color: #e5ebe7 !important;

    font-size: 1.1rem;

    line-height: 1.56;
}


/* ==========================================================
   ARCHIVE START / JUMP NAV
   ========================================================== */

.ams-archive-start {
    padding: 54px 0 58px;

    background: var(--ams-cream);
}


.ams-archive-start-heading {
    max-width: 760px;

    margin-bottom: 28px;
}


.ams-archive-start-heading h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.1rem, 3.5vw, 3.25rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-archive-jump-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;
}


.ams-archive-jump-card,
.ams-archive-jump-card:link,
.ams-archive-jump-card:visited {
    display: grid;

    grid-template-columns:
        40px
        minmax(0, 1fr);

    gap: 16px;

    min-height: 220px;

    box-sizing: border-box;

    padding: 23px;

    border:
        1px solid
        rgba(8,39,30,0.14);

    border-radius: var(--ams-radius);

    background: #ffffff;

    color: var(--ams-text) !important;

    text-decoration: none !important;
}


.ams-archive-jump-card:hover {
    border-color:
        rgba(8,39,30,0.32);

    transform: translateY(-2px);
}


.ams-archive-jump-number {
    color: #927126 !important;

    font-size: 0.7rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-archive-jump-card > div {
    display: flex;

    flex-direction: column;
}


.ams-archive-jump-card h3 {
    margin: 0 0 9px;

    color: var(--ams-forest) !important;

    font-size: 1.3rem;

    line-height: 1.16;
}


.ams-archive-jump-card p {
    margin: 0 0 18px;

    color: var(--ams-muted) !important;

    font-size: 0.9rem;

    line-height: 1.48;
}


.ams-archive-jump-card strong {
    margin-top: auto;

    color: #285942 !important;

    font-size: 0.88rem;
}


/* ==========================================================
   CURRENT RECORDS NOTE
   ========================================================== */

.ams-archive-current {
    padding: 0 0 56px;

    background: var(--ams-cream);
}


.ams-archive-current-note {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.78fr)
        minmax(0, 1.22fr);

    gap: 50px;

    align-items: center;

    box-sizing: border-box;

    padding: 25px 28px;

    border-left:
        5px solid
        var(--ams-gold);

    border-radius:
        0
        var(--ams-radius)
        var(--ams-radius)
        0;

    background: #f3efe1;
}


.ams-archive-current-note h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: 1.65rem;

    line-height: 1.13;
}


.ams-archive-current-note > p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.94rem;

    line-height: 1.55;
}


/* ==========================================================
   ARCHIVE SECTIONS
   ========================================================== */

.ams-archive-section {
    padding: 60px 0 66px;

    border-top:
        1px solid
        rgba(8,39,30,0.12);

    background: var(--ams-cream);

    scroll-margin-top: 25px;
}


.ams-archive-section-tinted {
    background: #f3efe1;
}


.ams-archive-section-heading {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(280px, 0.85fr);

    gap: 56px;

    align-items: end;

    margin-bottom: 30px;
}


.ams-archive-section-heading h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.2rem, 3.7vw, 3.45rem);

    line-height: 1.04;

    letter-spacing: -0.038em;
}


.ams-archive-section-heading > p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.55;
}


/* ==========================================================
   YEAR ACCORDIONS
   ========================================================== */

.ams-archive-years {
    display: flex;

    flex-direction: column;

    gap: 10px;
}


.ams-archive-year {
    overflow: hidden;

    border:
        1px solid
        rgba(8,39,30,0.14);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-archive-year summary {
    display: flex;

    justify-content: space-between;
    align-items: center;

    gap: 20px;

    padding: 18px 21px;

    cursor: pointer;

    list-style: none;

    background: #fffdf7;
}


.ams-archive-year summary::-webkit-details-marker {
    display: none;
}


.ams-archive-year summary::after {
    content: "+";

    flex: 0 0 auto;

    color: #927126 !important;

    font-size: 1.35rem;
    font-weight: 700;

    line-height: 1;
}


.ams-archive-year[open] summary::after {
    content: "−";
}


.ams-archive-year summary > span {
    color: var(--ams-forest) !important;

    font-size: 1.3rem;
    font-weight: 800;

    line-height: 1.2;
}


.ams-archive-year summary > small {
    margin-left: auto;

    color: var(--ams-muted) !important;

    font-size: 0.8rem;

    line-height: 1.3;
}


/* ==========================================================
   RECORD LIST
   ========================================================== */

.ams-archive-record-list {
    border-top:
        1px solid
        rgba(8,39,30,0.11);
}


.ams-archive-record-list > a,
.ams-archive-record-list > a:link,
.ams-archive-record-list > a:visited,
.ams-archive-status-row {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 20px;

    align-items: center;

    min-height: 52px;

    box-sizing: border-box;

    padding: 13px 20px;

    border-bottom:
        1px solid
        rgba(8,39,30,0.10);
}


.ams-archive-record-list > a:last-child,
.ams-archive-status-row:last-child {
    border-bottom: 0;
}


.ams-archive-record-list > a,
.ams-archive-record-list > a:link,
.ams-archive-record-list > a:visited {
    color: var(--ams-text) !important;

    background: #ffffff;

    text-decoration: none !important;
}


.ams-archive-record-list > a:hover {
    background: #fffdf7;
}


.ams-archive-record-list > a > span {
    color: var(--ams-forest) !important;

    font-size: 0.95rem;
    font-weight: 700;

    line-height: 1.35;
}


.ams-archive-record-list > a > span small {
    display: block;

    margin-top: 3px;

    color: var(--ams-muted) !important;

    font-size: 0.78rem;
    font-weight: 400;

    line-height: 1.35;
}


.ams-archive-record-list > a > b {
    min-width: 48px;

    padding: 4px 7px;

    border-radius: 999px;

    background: #f3efe1;

    color: #78601f !important;

    font-size: 0.68rem;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.08em;

    text-align: center;
}


/* ==========================================================
   STATUS ROWS
   ========================================================== */

.ams-archive-status-row {
    background: #f7f4e9;
}


.ams-archive-status-row > span {
    color: var(--ams-muted) !important;

    font-size: 0.93rem;

    line-height: 1.4;
}


.ams-archive-status-row > em {
    color: #7f7868 !important;

    font-size: 0.78rem;

    line-height: 1.35;

    text-align: right;
}


.ams-archive-status-warning {
    background: #fff8e5;
}


.ams-archive-status-warning > em {
    color: #8a6416 !important;

    font-weight: 700;
}


/* ==========================================================
   CLOSING
   ========================================================== */

.ams-archive-closing {
    padding: 58px 0;

    background: var(--ams-forest);
}


.ams-archive-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        auto;

    gap: 50px;

    align-items: center;
}


.ams-archive-closing .ams-archive-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-archive-closing h2 {
    margin: 0 0 13px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.1rem, 3.5vw, 3.25rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-archive-closing p {
    max-width: 680px;

    margin: 0;

    color: #dce5df !important;

    font-size: 1rem;

    line-height: 1.58;
}


.ams-archive-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 900px) {

    .ams-archive-jump-grid {
        grid-template-columns:
            1fr
            1fr;
    }


    .ams-archive-jump-card:first-child {
        grid-column: 1 / -1;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-archive-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Hero */

    .ams-archive-hero {
        min-height: 300px;
    }


    .ams-archive-hero-image {
        inset: 0;
    }


    .ams-archive-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(8,39,30,0.96) 0%,
                rgba(8,39,30,0.84) 60%,
                rgba(8,39,30,0.42) 100%
            );
    }


    .ams-archive-hero-inner {
        padding-top: 48px;
        padding-bottom: 42px;
    }


    .ams-archive-hero h1 {
        max-width: 570px;

        font-size:
            clamp(2.35rem, 9vw, 3.5rem);
    }


    .ams-archive-lead {
        max-width: 530px;

        font-size: 1.02rem;
    }


    /* Start */

    .ams-archive-start {
        padding-top: 46px;
        padding-bottom: 48px;
    }


    .ams-archive-jump-grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }


    .ams-archive-jump-card,
    .ams-archive-jump-card:first-child {
        grid-column: auto;

        min-height: 0;
    }


    /* Current note */

    .ams-archive-current {
        padding-bottom: 48px;
    }


    .ams-archive-current-note {
        grid-template-columns: 1fr;

        gap: 14px;

        padding: 22px;
    }


    /* Archive sections */

    .ams-archive-section {
        padding-top: 48px;
        padding-bottom: 52px;
    }


    .ams-archive-section-heading {
        grid-template-columns: 1fr;

        gap: 13px;
    }


    /* Closing */

    .ams-archive-closing {
        padding: 48px 0;
    }


    .ams-archive-closing-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    .ams-archive-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-archive-hero h1 {
        font-size:
            clamp(2.25rem, 10vw, 3.05rem);
    }


    .ams-archive-year summary {
        padding: 16px 17px;
    }


    .ams-archive-year summary > small {
        display: none;
    }


    .ams-archive-record-list > a,
    .ams-archive-status-row {
        padding: 12px 16px;

        gap: 12px;
    }


    .ams-archive-record-list > a > span {
        font-size: 0.91rem;
    }


    .ams-archive-status-row {
        grid-template-columns: 1fr;
    }


    .ams-archive-status-row > em {
        text-align: left;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-archive-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-archive-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-archive-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-archive-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-archive-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   ==========================================================
   AMS BYLAWS PAGE
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-bylaws-page) .mLayout,
body:has(.ams-bylaws-page) .zoneContentOuter,
body:has(.ams-bylaws-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-bylaws-page) .zoneHeaderOuter,
body:has(.ams-bylaws-page) .zoneHeader,
body:has(.ams-bylaws-page) .zoneHeader1Outer,
body:has(.ams-bylaws-page) .zoneHeader1,
body:has(.ams-bylaws-page) .zoneHeader2Outer,
body:has(.ams-bylaws-page) .zoneHeader2,
body:has(.ams-bylaws-page) .zoneFooterOuter,
body:has(.ams-bylaws-page) .zoneFooter,
body:has(.ams-bylaws-page) .zoneFooter1Outer,
body:has(.ams-bylaws-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-bylaws-page) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-bylaws-page) .gadgetStyleTitle {
    display: none !important;
}


.ams-bylaws-page {
    width: 100%;

    background: var(--ams-cream);

    color: var(--ams-text);
}


.ams-bylaws-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER / FOOTER CONSISTENCY
   ========================================================== */

body:has(.ams-bylaws-page) .ams-site-logo,
body:has(.ams-bylaws-page) .ams-main-nav,
body:has(.ams-bylaws-page) .ams-member-login,
body:has(.ams-bylaws-page) .ams-site-footer,
body:has(.ams-bylaws-page) .ams-footer-brand,
body:has(.ams-bylaws-page) .ams-footer-links,
body:has(.ams-bylaws-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-bylaws-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


body:has(.ams-bylaws-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-bylaws-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


body:has(.ams-bylaws-page) .ams-member-login,
body:has(.ams-bylaws-page) .ams-member-login a,
body:has(.ams-bylaws-page) .ams-member-login a:link,
body:has(.ams-bylaws-page) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;

    background: transparent !important;
}


body:has(.ams-bylaws-page)
.ams-member-login a.loginBoxChangePassword {
    display: none !important;
}


/* ==========================================================
   SHARED EYEBROW
   ========================================================== */

.ams-bylaws-eyebrow {
    margin: 0 0 10px;

    color: #78601f !important;

    font-size: 0.75rem;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


/* ==========================================================
   COMPACT GOVERNANCE HERO
   ========================================================== */

.ams-bylaws-hero {
    padding: 60px 0 54px;

    background: var(--ams-forest);
}


.ams-bylaws-hero .ams-bylaws-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-bylaws-hero h1 {
    margin: 0 0 12px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(3rem, 5vw, 4.7rem);

    line-height: 1;

    letter-spacing: -0.045em;
}


.ams-bylaws-lead {
    max-width: 620px;

    margin: 0;

    color: #dce5df !important;

    font-size: 1.08rem;

    line-height: 1.55;
}


/* ==========================================================
   STATUS / DOWNLOAD PANEL
   ========================================================== */

.ams-bylaws-intro {
    padding: 44px 0;

    background: var(--ams-cream);
}


.ams-bylaws-status {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 44px;

    align-items: center;

    box-sizing: border-box;

    padding: 28px 30px;

    border-left:
        5px solid
        var(--ams-gold);

    border-radius:
        0
        var(--ams-radius)
        var(--ams-radius)
        0;

    background: #f3efe1;
}


.ams-bylaws-status h2 {
    margin: 0 0 10px;

    color: var(--ams-forest) !important;

    font-size: 1.85rem;

    line-height: 1.15;
}


.ams-bylaws-status p {
    max-width: 690px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.94rem;

    line-height: 1.55;
}


.ams-bylaws-status-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   ARTICLE INDEX
   ========================================================== */

.ams-bylaws-index {
    padding: 48px 0 54px;

    border-top:
        1px solid
        rgba(8,39,30,0.12);

    background: #f3efe1;

    scroll-margin-top: 20px;
}


.ams-bylaws-index-heading {
    margin-bottom: 24px;
}


.ams-bylaws-index-heading h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2rem, 3.3vw, 3rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-bylaws-index-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 9px;
}


.ams-bylaws-index-grid a,
.ams-bylaws-index-grid a:link,
.ams-bylaws-index-grid a:visited {
    display: grid;

    grid-template-columns:
        42px
        minmax(0, 1fr);

    gap: 13px;

    align-items: center;

    min-height: 64px;

    box-sizing: border-box;

    padding: 13px 15px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;

    color: var(--ams-text) !important;

    text-decoration: none !important;
}


.ams-bylaws-index-grid a:hover {
    border-color:
        rgba(8,39,30,0.32);

    background: #fffdf7;
}


.ams-bylaws-index-grid a span {
    color: #927126 !important;

    font-size: 0.7rem;
    font-weight: 800;

    letter-spacing: 0.08em;
}


.ams-bylaws-index-grid a strong {
    color: var(--ams-forest) !important;

    font-size: 0.91rem;

    line-height: 1.28;
}


/* ==========================================================
   DOCUMENT CONTAINER
   ========================================================== */

.ams-bylaws-document {
    background: var(--ams-cream);
}


.ams-bylaws-article {
    padding: 58px 0 62px;

    border-top:
        1px solid
        rgba(8,39,30,0.12);

    scroll-margin-top: 28px;
}


.ams-bylaws-article:nth-child(even) {
    background: #fffdf7;
}


.ams-bylaws-document-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: 800px;

    margin: 0 auto;

    padding-left: 32px;
    padding-right: 32px;
}


/* ==========================================================
   ARTICLE TITLES
   ========================================================== */

.ams-bylaws-article-number {
    margin: 0 0 8px !important;

    color: #927126 !important;

    font-size: 0.72rem !important;
    font-weight: 800 !important;

    line-height: 1.2 !important;

    letter-spacing: 0.14em !important;

    text-transform: uppercase !important;
}


.ams-bylaws-article h2 {
    margin: 0 0 30px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.05rem, 3.4vw, 3.1rem);

    line-height: 1.05;

    letter-spacing: -0.035em;

    text-transform: none;
}


.ams-bylaws-article-subtitle {
    margin:
        -18px
        0
        28px !important;

    color: var(--ams-muted) !important;

    font-size: 1rem !important;
    font-style: italic;

    line-height: 1.5 !important;
}


/* ==========================================================
   SECTION HEADINGS
   ========================================================== */

.ams-bylaws-article h3 {
    margin: 34px 0 10px;

    padding-top: 3px;

    color: var(--ams-forest) !important;

    font-size: 1.16rem;

    font-weight: 800;

    line-height: 1.35;

    letter-spacing: -0.01em;

    scroll-margin-top: 24px;
}


.ams-bylaws-article h3:first-of-type {
    margin-top: 0;
}


.ams-bylaws-article h4 {
    margin: 27px 0 10px;

    color: var(--ams-text) !important;

    font-size: 1rem;

    font-weight: 800;

    line-height: 1.45;
}


/* ==========================================================
   BODY TEXT
   ========================================================== */

.ams-bylaws-article p {
    margin: 0 0 1.05em;

    color: #304b40 !important;

    font-size: 0.98rem;

    line-height: 1.7;

    overflow-wrap: break-word;
}


.ams-bylaws-article p + p {
    margin-top: 0;
}


/*
   Give lettered / numbered clauses a slightly tighter rhythm
   without trying to reinterpret the original legal structure.
*/

.ams-bylaws-article h3 + p,
.ams-bylaws-article h4 + p {
    margin-top: 0;
}


/* ==========================================================
   CERTIFICATE OF ADOPTION
   ========================================================== */

.ams-bylaws-certificate {
    margin-top: 46px;

    padding: 27px 28px;

    border:
        1px solid
        rgba(8,39,30,0.16);

    border-radius: var(--ams-radius);

    background: #f3efe1;
}


.ams-bylaws-certificate h3 {
    margin: 0 0 13px;

    color: var(--ams-forest) !important;

    font-size: 1.25rem;
}


.ams-bylaws-certificate p {
    color: var(--ams-text) !important;
}


.ams-bylaws-signature-line {
    margin-top: 28px !important;

    color: var(--ams-muted) !important;

    letter-spacing: 0.02em;

    overflow: hidden;
}


/* ==========================================================
   CLOSING GOVERNANCE NAV
   ========================================================== */

.ams-bylaws-closing {
    padding: 58px 0;

    background: var(--ams-forest);
}


.ams-bylaws-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        auto;

    gap: 48px;

    align-items: center;
}


.ams-bylaws-closing .ams-bylaws-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-bylaws-closing h2 {
    margin: 0 0 12px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2rem, 3.4vw, 3.15rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-bylaws-closing p {
    max-width: 660px;

    margin: 0;

    color: #dce5df !important;

    font-size: 0.98rem;

    line-height: 1.58;
}


.ams-bylaws-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 900px) {

    .ams-bylaws-index-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-bylaws-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Hero */

    .ams-bylaws-hero {
        padding-top: 48px;
        padding-bottom: 44px;
    }


    .ams-bylaws-hero h1 {
        font-size:
            clamp(2.6rem, 10vw, 3.7rem);
    }


    /* Status */

    .ams-bylaws-intro {
        padding: 38px 0;
    }


    .ams-bylaws-status {
        grid-template-columns: 1fr;

        gap: 22px;

        padding: 23px;
    }


    .ams-bylaws-status-actions {
        justify-content: flex-start;
    }


    /* Index */

    .ams-bylaws-index {
        padding-top: 42px;
        padding-bottom: 46px;
    }


    .ams-bylaws-index-grid {
        grid-template-columns:
            1fr
            1fr;
    }


    /* Document */

    .ams-bylaws-article {
        padding-top: 48px;
        padding-bottom: 50px;
    }


    .ams-bylaws-document-inner {
        max-width: 760px;

        padding-left: 22px;
        padding-right: 22px;
    }


    .ams-bylaws-article h2 {
        margin-bottom: 25px;
    }


    /* Closing */

    .ams-bylaws-closing {
        padding: 48px 0;
    }


    .ams-bylaws-closing-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    .ams-bylaws-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-bylaws-index-grid {
        grid-template-columns: 1fr;
    }


    .ams-bylaws-index-grid a {
        min-height: 58px;
    }


    .ams-bylaws-document-inner {
        padding-left: 20px;
        padding-right: 20px;
    }


    .ams-bylaws-article p {
        font-size: 0.95rem;

        line-height: 1.67;
    }


    .ams-bylaws-certificate {
        padding: 22px;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-bylaws-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-bylaws-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-bylaws-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-bylaws-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-bylaws-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   ==========================================================
   AMS PRIVACY POLICY PAGE
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-privacy-page) .mLayout,
body:has(.ams-privacy-page) .zoneContentOuter,
body:has(.ams-privacy-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-privacy-page) .zoneHeaderOuter,
body:has(.ams-privacy-page) .zoneHeader,
body:has(.ams-privacy-page) .zoneHeader1Outer,
body:has(.ams-privacy-page) .zoneHeader1,
body:has(.ams-privacy-page) .zoneHeader2Outer,
body:has(.ams-privacy-page) .zoneHeader2,
body:has(.ams-privacy-page) .zoneFooterOuter,
body:has(.ams-privacy-page) .zoneFooter,
body:has(.ams-privacy-page) .zoneFooter1Outer,
body:has(.ams-privacy-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-privacy-page) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-privacy-page) .gadgetStyleTitle {
    display: none !important;
}


.ams-privacy-page {
    width: 100%;

    background: var(--ams-cream);

    color: var(--ams-text);
}


.ams-privacy-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER / FOOTER CONSISTENCY
   ========================================================== */

body:has(.ams-privacy-page) .ams-site-logo,
body:has(.ams-privacy-page) .ams-main-nav,
body:has(.ams-privacy-page) .ams-member-login,
body:has(.ams-privacy-page) .ams-site-footer,
body:has(.ams-privacy-page) .ams-footer-brand,
body:has(.ams-privacy-page) .ams-footer-links,
body:has(.ams-privacy-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-privacy-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


body:has(.ams-privacy-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-privacy-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


body:has(.ams-privacy-page) .ams-member-login,
body:has(.ams-privacy-page) .ams-member-login a,
body:has(.ams-privacy-page) .ams-member-login a:link,
body:has(.ams-privacy-page) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;

    background: transparent !important;
}


body:has(.ams-privacy-page)
.ams-member-login a.loginBoxChangePassword {
    display: none !important;
}


/* ==========================================================
   SHARED EYEBROW
   ========================================================== */

.ams-privacy-eyebrow {
    margin: 0 0 10px;

    color: #78601f !important;

    font-size: 0.75rem;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


/* ==========================================================
   HERO
   ========================================================== */

.ams-privacy-hero {
    padding: 62px 0 56px;

    background: var(--ams-forest);
}


.ams-privacy-hero .ams-privacy-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-privacy-hero h1 {
    max-width: 850px;

    margin: 0 0 15px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(3rem, 5vw, 4.7rem);

    line-height: 1.01;

    letter-spacing: -0.045em;
}


.ams-privacy-lead {
    max-width: 700px;

    margin: 0;

    color: #dce5df !important;

    font-size: 1.08rem;

    line-height: 1.58;
}


/* ==========================================================
   STATUS / SHORT VERSION
   ========================================================== */

.ams-privacy-status-section {
    padding: 44px 0;

    background: var(--ams-cream);
}


.ams-privacy-status {
    display: grid;

    grid-template-columns:
        minmax(260px, 0.72fr)
        minmax(0, 1.28fr);

    gap: 48px;

    align-items: start;

    box-sizing: border-box;

    padding: 28px 30px;

    border-left:
        5px solid
        var(--ams-gold);

    border-radius:
        0
        var(--ams-radius)
        var(--ams-radius)
        0;

    background: #f3efe1;
}


.ams-privacy-status h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: 1.85rem;

    line-height: 1.12;
}


.ams-privacy-status-copy p {
    margin: 0 0 12px;

    color: var(--ams-muted) !important;

    font-size: 0.95rem;

    line-height: 1.58;
}


.ams-privacy-status-copy p:last-child {
    margin-bottom: 0;
}


.ams-privacy-updated {
    color: #78601f !important;

    font-size: 0.78rem !important;
    font-weight: 800;

    letter-spacing: 0.06em;

    text-transform: uppercase;
}


/* ==========================================================
   OVERVIEW
   ========================================================== */

.ams-privacy-overview {
    padding: 58px 0 64px;

    border-top:
        1px solid
        rgba(8,39,30,0.12);

    background: #f3efe1;
}


.ams-privacy-section-heading {
    max-width: 780px;

    margin-bottom: 28px;
}


.ams-privacy-section-heading h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.15rem, 3.6vw, 3.35rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-privacy-overview-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 11px;
}


.ams-privacy-overview-grid article {
    box-sizing: border-box;

    min-height: 230px;

    padding: 21px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-privacy-overview-grid article > span {
    display: block;

    margin-bottom: 23px;

    color: #927126 !important;

    font-size: 0.68rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-privacy-overview-grid h3 {
    margin: 0 0 10px;

    color: var(--ams-forest) !important;

    font-size: 1.18rem;

    line-height: 1.18;
}


.ams-privacy-overview-grid p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.87rem;

    line-height: 1.5;
}


/* ==========================================================
   MAIN POLICY
   ========================================================== */

.ams-privacy-policy {
    background: var(--ams-cream);
}


.ams-privacy-document {
    width: 100%;
}


/* ==========================================================
   POLICY SECTIONS
   ========================================================== */

.ams-privacy-policy-section {
    box-sizing: border-box;

    width: 100%;
    max-width: 800px;

    margin: 0 auto;

    padding: 56px 32px 60px;

    border-bottom:
        1px solid
        rgba(8,39,30,0.12);

    scroll-margin-top: 26px;
}


.ams-privacy-section-number {
    margin: 0 0 8px !important;

    color: #927126 !important;

    font-size: 0.72rem !important;
    font-weight: 800 !important;

    line-height: 1.2 !important;

    letter-spacing: 0.12em !important;
}


.ams-privacy-policy-section > h2 {
    margin: 0 0 26px;

    color: var(--ams-forest) !important;

    font-size: clamp(2rem, 3.3vw, 3rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-privacy-policy-section h3 {
    margin: 31px 0 9px;

    color: var(--ams-forest) !important;

    font-size: 1.13rem;

    line-height: 1.35;
}


.ams-privacy-policy-section > p {
    margin: 0 0 1.05em;

    color: #304b40 !important;

    font-size: 0.98rem;

    line-height: 1.7;
}


.ams-privacy-policy-section > p:last-child {
    margin-bottom: 0;
}


/* ==========================================================
   PURPOSE LIST
   ========================================================== */

.ams-privacy-purpose-list {
    margin-top: 26px;

    border-top:
        1px solid
        rgba(8,39,30,0.16);
}


.ams-privacy-purpose-list article {
    display: grid;

    grid-template-columns:
        180px
        minmax(0, 1fr);

    gap: 28px;

    padding: 18px 0;

    border-bottom:
        1px solid
        rgba(8,39,30,0.14);
}


.ams-privacy-purpose-list strong {
    color: var(--ams-forest) !important;

    font-size: 0.97rem;
}


.ams-privacy-purpose-list p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.9rem;

    line-height: 1.52;
}


/* ==========================================================
   SERVICE PROVIDERS
   ========================================================== */

.ams-privacy-service-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;

    margin-top: 26px;
}


.ams-privacy-service-grid article {
    box-sizing: border-box;

    min-height: 205px;

    padding: 21px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #f7f4e9;
}


.ams-privacy-service-type {
    margin: 0 0 12px !important;

    color: #927126 !important;

    font-size: 0.67rem !important;
    font-weight: 800;

    letter-spacing: 0.11em;

    text-transform: uppercase;
}


.ams-privacy-service-grid h3 {
    margin: 0 0 9px;

    color: var(--ams-forest) !important;

    font-size: 1.14rem;
}


.ams-privacy-service-grid article > p:last-child {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.88rem;

    line-height: 1.5;
}


/* ==========================================================
   CALLOUT
   ========================================================== */

.ams-privacy-callout {
    margin-top: 20px;

    padding: 21px 22px;

    border-left:
        4px solid
        var(--ams-gold);

    background: #f3efe1;
}


.ams-privacy-callout strong {
    display: block;

    margin-bottom: 7px;

    color: var(--ams-forest) !important;

    font-size: 0.98rem;
}


.ams-privacy-callout p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.89rem;

    line-height: 1.52;
}


/* ==========================================================
   YOUR CHOICES GRID
   ========================================================== */

.ams-privacy-choice-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;

    margin-top: 26px;
}


.ams-privacy-choice-grid article {
    box-sizing: border-box;

    padding: 20px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #f7f4e9;
}


.ams-privacy-choice-grid span {
    display: block;

    margin-bottom: 13px;

    color: #927126 !important;

    font-size: 0.66rem;
    font-weight: 800;

    letter-spacing: 0.11em;

    text-transform: uppercase;
}


.ams-privacy-choice-grid strong {
    display: block;

    margin-bottom: 7px;

    color: var(--ams-forest) !important;

    font-size: 1rem;
}


.ams-privacy-choice-grid p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.85rem;

    line-height: 1.48;
}


/* ==========================================================
   CONTACT
   ========================================================== */

.ams-privacy-contact {
    padding: 56px 0;

    background: #f3efe1;
}


.ams-privacy-contact-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 48px;

    align-items: center;
}


.ams-privacy-contact h2 {
    margin: 0 0 11px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.1rem, 3.5vw, 3.2rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-privacy-contact p {
    max-width: 620px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.55;
}


.ams-privacy-contact-details {
    min-width: 280px;

    box-sizing: border-box;

    padding: 20px 22px;

    border:
        1px solid
        rgba(8,39,30,0.14);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-privacy-contact-details span {
    display: block;

    margin-bottom: 6px;

    color: #927126 !important;

    font-size: 0.67rem;
    font-weight: 800;

    letter-spacing: 0.11em;

    text-transform: uppercase;
}


.ams-privacy-contact-details a,
.ams-privacy-contact-details a:link,
.ams-privacy-contact-details a:visited {
    color: var(--ams-forest) !important;

    font-size: 1rem;
    font-weight: 800;

    text-decoration: none !important;
}


.ams-privacy-contact-details a:hover {
    text-decoration: underline !important;
}


/* ==========================================================
   RELATED POLICIES / CLOSING
   ========================================================== */

.ams-privacy-closing {
    padding: 56px 0;

    background: var(--ams-forest);
}


.ams-privacy-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 48px;

    align-items: center;
}


.ams-privacy-closing .ams-privacy-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-privacy-closing h2 {
    margin: 0;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2rem, 3.4vw, 3.15rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-privacy-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 950px) {

    .ams-privacy-overview-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .ams-privacy-choice-grid {
        grid-template-columns:
            1fr
            1fr;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-privacy-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Hero */

    .ams-privacy-hero {
        padding-top: 48px;
        padding-bottom: 44px;
    }


    .ams-privacy-hero h1 {
        font-size:
            clamp(2.55rem, 10vw, 3.65rem);
    }


    /* Status */

    .ams-privacy-status-section {
        padding: 38px 0;
    }


    .ams-privacy-status {
        grid-template-columns: 1fr;

        gap: 18px;

        padding: 23px;
    }


    /* Overview */

    .ams-privacy-overview {
        padding-top: 48px;
        padding-bottom: 52px;
    }


    /* Policy */

    .ams-privacy-policy-section {
        max-width: 760px;

        padding:
            48px
            22px
            50px;
    }


    /* Purpose rows */

    .ams-privacy-purpose-list article {
        grid-template-columns: 1fr;

        gap: 7px;
    }


    /* Services */

    .ams-privacy-service-grid {
        grid-template-columns: 1fr;
    }


    /* Contact */

    .ams-privacy-contact {
        padding: 48px 0;
    }


    .ams-privacy-contact-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    .ams-privacy-contact-details {
        min-width: 0;
        width: 100%;
    }


    /* Closing */

    .ams-privacy-closing {
        padding: 48px 0;
    }


    .ams-privacy-closing-grid {
        grid-template-columns: 1fr;

        gap: 24px;
    }


    .ams-privacy-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-privacy-overview-grid,
    .ams-privacy-choice-grid {
        grid-template-columns: 1fr;
    }


    .ams-privacy-overview-grid article {
        min-height: 0;
    }


    .ams-privacy-policy-section {
        padding-left: 20px;
        padding-right: 20px;
    }


    .ams-privacy-policy-section > p {
        font-size: 0.95rem;

        line-height: 1.67;
    }


    .ams-privacy-service-grid article {
        min-height: 0;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-privacy-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-privacy-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-privacy-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-privacy-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-privacy-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   ==========================================================
   AMS LIABILITY & TERMS PAGE
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-terms-page) .mLayout,
body:has(.ams-terms-page) .zoneContentOuter,
body:has(.ams-terms-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-terms-page) .zoneHeaderOuter,
body:has(.ams-terms-page) .zoneHeader,
body:has(.ams-terms-page) .zoneHeader1Outer,
body:has(.ams-terms-page) .zoneHeader1,
body:has(.ams-terms-page) .zoneHeader2Outer,
body:has(.ams-terms-page) .zoneHeader2,
body:has(.ams-terms-page) .zoneFooterOuter,
body:has(.ams-terms-page) .zoneFooter,
body:has(.ams-terms-page) .zoneFooter1Outer,
body:has(.ams-terms-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-terms-page) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-terms-page) .gadgetStyleTitle {
    display: none !important;
}


.ams-terms-page {
    width: 100%;

    background: var(--ams-cream);

    color: var(--ams-text);
}


.ams-terms-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER / FOOTER CONSISTENCY
   ========================================================== */

body:has(.ams-terms-page) .ams-site-logo,
body:has(.ams-terms-page) .ams-main-nav,
body:has(.ams-terms-page) .ams-member-login,
body:has(.ams-terms-page) .ams-site-footer,
body:has(.ams-terms-page) .ams-footer-brand,
body:has(.ams-terms-page) .ams-footer-links,
body:has(.ams-terms-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-terms-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


body:has(.ams-terms-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-terms-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


body:has(.ams-terms-page) .ams-member-login,
body:has(.ams-terms-page) .ams-member-login a,
body:has(.ams-terms-page) .ams-member-login a:link,
body:has(.ams-terms-page) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;

    background: transparent !important;
}


body:has(.ams-terms-page)
.ams-member-login a.loginBoxChangePassword {
    display: none !important;
}


/* ==========================================================
   SHARED EYEBROW
   ========================================================== */

.ams-terms-eyebrow {
    margin: 0 0 10px;

    color: #78601f !important;

    font-size: 0.75rem;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


/* ==========================================================
   HERO
   ========================================================== */

.ams-terms-hero {
    padding: 62px 0 56px;

    background: var(--ams-forest);
}


.ams-terms-hero .ams-terms-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-terms-hero h1 {
    max-width: 930px;

    margin: 0 0 15px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(3rem, 5vw, 4.75rem);

    line-height: 1.01;

    letter-spacing: -0.045em;
}


.ams-terms-lead {
    max-width: 720px;

    margin: 0;

    color: #dce5df !important;

    font-size: 1.08rem;

    line-height: 1.58;
}


/* ==========================================================
   IMPORTANT SUMMARY
   ========================================================== */

.ams-terms-summary-section {
    padding: 44px 0;

    background: var(--ams-cream);
}


.ams-terms-summary {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.78fr)
        minmax(0, 1.22fr);

    gap: 50px;

    align-items: start;

    box-sizing: border-box;

    padding: 28px 30px;

    border-left:
        5px solid
        var(--ams-gold);

    border-radius:
        0
        var(--ams-radius)
        var(--ams-radius)
        0;

    background: #f3efe1;
}


.ams-terms-summary h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: 1.85rem;

    line-height: 1.13;
}


.ams-terms-summary-copy p {
    margin: 0 0 12px;

    color: var(--ams-muted) !important;

    font-size: 0.95rem;

    line-height: 1.58;
}


.ams-terms-summary-copy p:last-child {
    margin-bottom: 0;
}


.ams-terms-updated {
    color: #78601f !important;

    font-size: 0.78rem !important;
    font-weight: 800;

    letter-spacing: 0.06em;

    text-transform: uppercase;
}


/* ==========================================================
   OVERVIEW
   ========================================================== */

.ams-terms-overview {
    padding: 58px 0 64px;

    border-top:
        1px solid
        rgba(8,39,30,0.12);

    background: #f3efe1;
}


.ams-terms-section-heading {
    max-width: 780px;

    margin-bottom: 28px;
}


.ams-terms-section-heading h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.15rem, 3.6vw, 3.35rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-terms-overview-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 11px;
}


.ams-terms-overview-grid article {
    box-sizing: border-box;

    min-height: 230px;

    padding: 21px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-terms-overview-grid article > span {
    display: block;

    margin-bottom: 23px;

    color: #927126 !important;

    font-size: 0.68rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-terms-overview-grid h3 {
    margin: 0 0 10px;

    color: var(--ams-forest) !important;

    font-size: 1.18rem;

    line-height: 1.18;
}


.ams-terms-overview-grid p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.87rem;

    line-height: 1.5;
}


/* ==========================================================
   MAIN DOCUMENT
   ========================================================== */

.ams-terms-policy {
    background: var(--ams-cream);
}


.ams-terms-document {
    width: 100%;
}


/* ==========================================================
   POLICY SECTIONS
   ========================================================== */

.ams-terms-policy-section {
    box-sizing: border-box;

    width: 100%;
    max-width: 800px;

    margin: 0 auto;

    padding: 56px 32px 60px;

    border-bottom:
        1px solid
        rgba(8,39,30,0.12);

    scroll-margin-top: 26px;
}


.ams-terms-policy-section:nth-child(even) {
    background: #fffdf7;
}


.ams-terms-section-number {
    margin: 0 0 8px !important;

    color: #927126 !important;

    font-size: 0.72rem !important;
    font-weight: 800 !important;

    line-height: 1.2 !important;

    letter-spacing: 0.12em !important;
}


.ams-terms-policy-section > h2 {
    margin: 0 0 26px;

    color: var(--ams-forest) !important;

    font-size: clamp(2rem, 3.3vw, 3rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-terms-policy-section h3 {
    margin: 31px 0 9px;

    color: var(--ams-forest) !important;

    font-size: 1.13rem;

    line-height: 1.35;
}


.ams-terms-policy-section > p {
    margin: 0 0 1.05em;

    color: #304b40 !important;

    font-size: 0.98rem;

    line-height: 1.7;
}


.ams-terms-policy-section > p:last-child {
    margin-bottom: 0;
}


/* ==========================================================
   EDIBILITY / IMPORTANT CALLOUT
   ========================================================== */

.ams-terms-important-callout {
    margin: 0 0 26px;

    padding: 22px 23px;

    border-left:
        5px solid
        var(--ams-gold);

    border-radius:
        0
        var(--ams-radius)
        var(--ams-radius)
        0;

    background: #f3efe1;
}


.ams-terms-important-callout strong {
    display: block;

    color: var(--ams-forest) !important;

    font-size: 1.05rem;

    line-height: 1.55;
}


/* ==========================================================
   INLINE POLICY LINK
   ========================================================== */

.ams-terms-inline-link,
.ams-terms-inline-link:link,
.ams-terms-inline-link:visited {
    display: inline-block;

    margin-top: 8px;

    color: #285942 !important;

    font-size: 0.93rem;
    font-weight: 800;

    text-decoration: none !important;
}


.ams-terms-inline-link:hover {
    text-decoration: underline !important;
}


/* ==========================================================
   FIELD REMINDER
   ========================================================== */

.ams-terms-field {
    padding: 58px 0 62px;

    background: #f3efe1;
}


.ams-terms-field-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.76fr)
        minmax(0, 1.24fr);

    gap: 68px;

    align-items: start;
}


.ams-terms-field h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.15rem, 3.5vw, 3.25rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-terms-field-list {
    border-top:
        1px solid
        rgba(8,39,30,0.16);
}


.ams-terms-field-list article {
    display: grid;

    grid-template-columns:
        44px
        minmax(0, 1fr);

    gap: 18px;

    padding: 18px 2px;

    border-bottom:
        1px solid
        rgba(8,39,30,0.15);
}


.ams-terms-field-list article > span {
    color: #927126 !important;

    font-size: 0.7rem;
    font-weight: 800;

    letter-spacing: 0.08em;
}


.ams-terms-field-list p {
    margin: 0;

    color: var(--ams-text) !important;

    font-size: 0.93rem;

    line-height: 1.52;
}


/* ==========================================================
   CONTACT
   ========================================================== */

.ams-terms-contact {
    padding: 56px 0;

    background: var(--ams-cream);
}


.ams-terms-contact-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 48px;

    align-items: center;
}


.ams-terms-contact h2 {
    margin: 0 0 11px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.1rem, 3.5vw, 3.2rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-terms-contact p {
    max-width: 620px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.55;
}


.ams-terms-contact-details {
    min-width: 280px;

    box-sizing: border-box;

    padding: 20px 22px;

    border:
        1px solid
        rgba(8,39,30,0.14);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-terms-contact-details span {
    display: block;

    margin-bottom: 6px;

    color: #927126 !important;

    font-size: 0.67rem;
    font-weight: 800;

    letter-spacing: 0.11em;

    text-transform: uppercase;
}


.ams-terms-contact-details a,
.ams-terms-contact-details a:link,
.ams-terms-contact-details a:visited {
    color: var(--ams-forest) !important;

    font-size: 1rem;
    font-weight: 800;

    text-decoration: none !important;
}


.ams-terms-contact-details a:hover {
    text-decoration: underline !important;
}


/* ==========================================================
   RELATED POLICIES / CLOSING
   ========================================================== */

.ams-terms-closing {
    padding: 56px 0;

    background: var(--ams-forest);
}


.ams-terms-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 48px;

    align-items: center;
}


.ams-terms-closing .ams-terms-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-terms-closing h2 {
    margin: 0;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2rem, 3.4vw, 3.15rem);

    line-height: 1.05;

    letter-spacing: -0.035em;
}


.ams-terms-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 950px) {

    .ams-terms-overview-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-terms-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Hero */

    .ams-terms-hero {
        padding-top: 48px;
        padding-bottom: 44px;
    }


    .ams-terms-hero h1 {
        font-size:
            clamp(2.55rem, 10vw, 3.65rem);
    }


    /* Summary */

    .ams-terms-summary-section {
        padding: 38px 0;
    }


    .ams-terms-summary {
        grid-template-columns: 1fr;

        gap: 18px;

        padding: 23px;
    }


    /* Overview */

    .ams-terms-overview {
        padding-top: 48px;
        padding-bottom: 52px;
    }


    /* Document */

    .ams-terms-policy-section {
        max-width: 760px;

        padding:
            48px
            22px
            50px;
    }


    /* Field */

    .ams-terms-field {
        padding: 48px 0 50px;
    }


    .ams-terms-field-grid {
        grid-template-columns: 1fr;

        gap: 28px;
    }


    /* Contact */

    .ams-terms-contact {
        padding: 48px 0;
    }


    .ams-terms-contact-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    .ams-terms-contact-details {
        min-width: 0;
        width: 100%;
    }


    /* Closing */

    .ams-terms-closing {
        padding: 48px 0;
    }


    .ams-terms-closing-grid {
        grid-template-columns: 1fr;

        gap: 24px;
    }


    .ams-terms-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-terms-overview-grid {
        grid-template-columns: 1fr;
    }


    .ams-terms-overview-grid article {
        min-height: 0;
    }


    .ams-terms-policy-section {
        padding-left: 20px;
        padding-right: 20px;
    }


    .ams-terms-policy-section > p {
        font-size: 0.95rem;

        line-height: 1.67;
    }


    .ams-terms-important-callout {
        padding: 19px 20px;
    }


    .ams-terms-field-list article {
        grid-template-columns:
            34px
            minmax(0, 1fr);

        gap: 12px;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-terms-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-terms-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-terms-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-terms-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-terms-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   ==========================================================
   AMS FORAGING & EATING WILD MUSHROOMS
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-forage-page) .mLayout,
body:has(.ams-forage-page) .zoneContentOuter,
body:has(.ams-forage-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-forage-page) .zoneHeaderOuter,
body:has(.ams-forage-page) .zoneHeader,
body:has(.ams-forage-page) .zoneHeader1Outer,
body:has(.ams-forage-page) .zoneHeader1,
body:has(.ams-forage-page) .zoneHeader2Outer,
body:has(.ams-forage-page) .zoneHeader2,
body:has(.ams-forage-page) .zoneFooterOuter,
body:has(.ams-forage-page) .zoneFooter,
body:has(.ams-forage-page) .zoneFooter1Outer,
body:has(.ams-forage-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-forage-page) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-forage-page) .gadgetStyleTitle {
    display: none !important;
}


.ams-forage-page {
    width: 100%;

    background: var(--ams-cream);

    color: var(--ams-text);
}


.ams-forage-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER / FOOTER CONSISTENCY
   ========================================================== */

body:has(.ams-forage-page) .ams-site-logo,
body:has(.ams-forage-page) .ams-main-nav,
body:has(.ams-forage-page) .ams-member-login,
body:has(.ams-forage-page) .ams-site-footer,
body:has(.ams-forage-page) .ams-footer-brand,
body:has(.ams-forage-page) .ams-footer-links,
body:has(.ams-forage-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-forage-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


body:has(.ams-forage-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-forage-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


body:has(.ams-forage-page) .ams-member-login,
body:has(.ams-forage-page) .ams-member-login a,
body:has(.ams-forage-page) .ams-member-login a:link,
body:has(.ams-forage-page) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;

    background: transparent !important;
}


/* ==========================================================
   SHARED TYPOGRAPHY
   ========================================================== */

.ams-forage-eyebrow {
    margin: 0 0 11px;

    color: #78601f !important;

    font-size: 0.75rem;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


.ams-forage-big-copy {
    margin: 0 0 15px !important;

    color: var(--ams-forest) !important;

    font-size: 1.18rem !important;
    font-weight: 700;

    line-height: 1.5 !important;
}


.ams-forage-section-heading {
    max-width: 850px;

    margin-bottom: 32px;
}


.ams-forage-section-heading h2 {
    margin: 0 0 14px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.75rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-forage-section-heading > p:last-child {
    max-width: 700px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 1rem;

    line-height: 1.6;
}


/* ==========================================================
   HERO
   ========================================================== */

.ams-forage-hero {
    position: relative;

    min-height: 620px;

    display: flex;
    align-items: flex-end;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-forage-hero-image {
    position: absolute;

    inset: 0;
}


.ams-forage-hero-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center 52%;
}


.ams-forage-hero-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8,39,30,0.96) 0%,
            rgba(8,39,30,0.86) 33%,
            rgba(8,39,30,0.42) 67%,
            rgba(8,39,30,0.08) 100%
        ),
        linear-gradient(
            0deg,
            rgba(8,39,30,0.48) 0%,
            rgba(8,39,30,0) 55%
        );
}


.ams-forage-hero-inner {
    position: relative;

    z-index: 2;

    padding-top: 100px;
    padding-bottom: 70px;
}


.ams-forage-hero .ams-forage-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-forage-hero h1 {
    max-width: 790px;

    margin: 0 0 18px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(3.4rem, 6vw, 5.7rem);

    line-height: 0.96;

    letter-spacing: -0.05em;
}


.ams-forage-lead {
    max-width: 690px;

    margin: 0;

    color: #e5ebe7 !important;

    font-size: 1.12rem;

    line-height: 1.58;
}


/* ==========================================================
   INTRO
   ========================================================== */

.ams-forage-intro {
    padding: 72px 0 78px;

    background: var(--ams-cream);
}


.ams-forage-intro-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.82fr)
        minmax(0, 1.18fr);

    gap: 72px;

    align-items: start;
}


.ams-forage-intro h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.4rem, 4vw, 3.75rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-forage-intro-copy p {
    margin: 0 0 1em;

    color: var(--ams-muted) !important;

    font-size: 0.98rem;

    line-height: 1.68;
}


/* ==========================================================
   LEARN THE WHOLE MUSHROOM
   ========================================================== */

.ams-forage-learn {
    padding: 70px 0 76px;

    background: #f3efe1;

    border-top:
        1px solid
        rgba(8,39,30,0.1);
}


.ams-forage-steps {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;
}


.ams-forage-steps article {
    display: grid;

    grid-template-columns:
        48px
        minmax(0, 1fr);

    gap: 18px;

    min-height: 175px;

    box-sizing: border-box;

    padding: 23px;

    border:
        1px solid
        rgba(8,39,30,0.12);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-forage-step-number {
    color: #927126 !important;

    font-size: 0.7rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-forage-steps h3 {
    margin: 0 0 8px;

    color: var(--ams-forest) !important;

    font-size: 1.18rem;

    line-height: 1.25;
}


.ams-forage-steps p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.9rem;

    line-height: 1.55;
}


/* ==========================================================
   SPECIES CARDS
   ========================================================== */

.ams-forage-species {
    padding: 74px 0 82px;

    background: var(--ams-cream);
}


.ams-forage-species-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 16px;
}


.ams-forage-species-card {
    overflow: hidden;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-forage-species-image {
    height: 330px;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-forage-species-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 0.45s ease;
}


.ams-forage-species-card:hover
.ams-forage-species-image img {
    transform: scale(1.025);
}


.ams-forage-species-copy {
    padding: 25px 26px 27px;
}


.ams-forage-species-season {
    margin: 0 0 8px !important;

    color: #927126 !important;

    font-size: 0.68rem !important;
    font-weight: 800;

    letter-spacing: 0.11em;

    text-transform: uppercase;
}


.ams-forage-species-copy h3 {
    margin: 0 0 3px;

    color: var(--ams-forest) !important;

    font-size: 1.62rem;

    line-height: 1.15;
}


.ams-forage-latin {
    margin: 0 0 15px !important;

    color: var(--ams-muted) !important;

    font-size: 0.88rem !important;
    font-style: italic;

    line-height: 1.4;
}


.ams-forage-species-copy > p {
    color: var(--ams-muted) !important;

    font-size: 0.91rem;

    line-height: 1.56;
}


.ams-forage-species-note {
    margin-top: 20px;

    padding-top: 15px;

    border-top:
        1px solid
        rgba(8,39,30,0.12);
}


.ams-forage-species-note strong {
    display: block;

    margin-bottom: 4px;

    color: var(--ams-forest) !important;

    font-size: 0.82rem;
}


.ams-forage-species-note span {
    color: var(--ams-muted) !important;

    font-size: 0.82rem;

    line-height: 1.45;
}


/* ==========================================================
   LOOK-ALIKES FEATURE
   ========================================================== */

.ams-forage-lookalikes {
    background: var(--ams-forest);
}


.ams-forage-lookalikes-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, 0.95fr);

    min-height: 650px;

    padding-left: 0;
    padding-right: 0;

    max-width: none;
}


.ams-forage-lookalikes-image {
    min-height: 650px;

    overflow: hidden;
}


.ams-forage-lookalikes-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-forage-lookalikes-copy {
    box-sizing: border-box;

    max-width: 610px;

    padding: 72px 54px 72px 58px;
}


.ams-forage-lookalikes-copy .ams-forage-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-forage-lookalikes-copy h2 {
    margin: 0 0 16px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.5rem, 4vw, 4rem);

    line-height: 1.02;

    letter-spacing: -0.04em;
}


.ams-forage-lookalikes-copy .ams-forage-big-copy {
    color: #f5efdc !important;
}


.ams-forage-lookalikes-copy > p {
    color: #d8e2dc !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


.ams-forage-compare {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 10px;

    margin: 27px 0;
}


.ams-forage-compare > div {
    padding: 18px;

    border:
        1px solid
        rgba(255,255,255,0.17);

    border-radius: var(--ams-radius);

    background:
        rgba(255,255,255,0.05);
}


.ams-forage-compare span {
    display: block;

    margin-bottom: 8px;

    color: var(--ams-gold) !important;

    font-size: 0.68rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-forage-compare p {
    margin: 0;

    color: #e3e9e5 !important;

    font-size: 0.84rem;

    line-height: 1.5;
}


/* ==========================================================
   COLLECT WELL
   ========================================================== */

.ams-forage-collect {
    padding: 74px 0 0;

    background: #f3efe1;
}


.ams-forage-collect-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;

    margin-bottom: 40px;
}


.ams-forage-collect-grid article {
    box-sizing: border-box;

    min-height: 215px;

    padding: 21px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-forage-collect-grid article > span {
    display: block;

    margin-bottom: 22px;

    color: #927126 !important;

    font-size: 0.68rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-forage-collect-grid h3 {
    margin: 0 0 9px;

    color: var(--ams-forest) !important;

    font-size: 1.1rem;

    line-height: 1.25;
}


.ams-forage-collect-grid p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.86rem;

    line-height: 1.5;
}


.ams-forage-collect-photo {
    height: 500px;

    margin-left: -40px;
    margin-right: -40px;

    overflow: hidden;
}


.ams-forage-collect-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center 52%;
}


/* ==========================================================
   FIRST TIME EATING
   ========================================================== */

.ams-forage-firstmeal {
    padding: 72px 0 78px;

    background: var(--ams-cream);
}


.ams-forage-firstmeal-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.82fr)
        minmax(0, 1.18fr);

    gap: 72px;
}


.ams-forage-firstmeal h2 {
    margin: 0 0 15px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.7rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-forage-firstmeal-grid > div:first-child > p:last-child {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.6;
}


.ams-forage-firstmeal-list {
    border-top:
        1px solid
        rgba(8,39,30,0.15);
}


.ams-forage-firstmeal-list article {
    display: grid;

    grid-template-columns:
        42px
        minmax(0, 1fr);

    gap: 17px;

    padding: 18px 0;

    border-bottom:
        1px solid
        rgba(8,39,30,0.14);
}


.ams-forage-firstmeal-list article > span {
    color: #927126 !important;

    font-size: 0.69rem;
    font-weight: 800;

    letter-spacing: 0.08em;
}


.ams-forage-firstmeal-list strong {
    display: block;

    margin-bottom: 5px;

    color: var(--ams-forest) !important;

    font-size: 1rem;
}


.ams-forage-firstmeal-list p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.88rem;

    line-height: 1.5;
}


/* ==========================================================
   COOKING FEATURE
   ========================================================== */

.ams-forage-kitchen {
    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(0, 0.92fr);

    min-height: 590px;

    background: #f3efe1;
}


.ams-forage-kitchen-image {
    min-height: 590px;

    overflow: hidden;
}


.ams-forage-kitchen-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-forage-kitchen-copy {
    box-sizing: border-box;

    max-width: 600px;

    padding: 72px 56px;
}


.ams-forage-kitchen-copy h2 {
    margin: 0 0 17px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.4rem, 4vw, 3.8rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-forage-kitchen-copy p {
    color: var(--ams-muted) !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


/* ==========================================================
   LAND ACCESS
   ========================================================== */

.ams-forage-access {
    padding: 70px 0 74px;

    background: var(--ams-cream);
}


.ams-forage-access-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.82fr)
        minmax(0, 1.18fr);

    gap: 72px;
}


.ams-forage-access h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.7rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-forage-access-grid > div:last-child > p {
    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.62;
}


/* ==========================================================
   EXPERT HELP / FORAY FEATURE
   ========================================================== */

.ams-forage-help {
    padding: 70px 0;

    background: #f3efe1;
}


.ams-forage-help-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 0.9fr);

    gap: 54px;

    align-items: center;
}


.ams-forage-help-image {
    min-height: 460px;

    overflow: hidden;

    border-radius: var(--ams-radius);
}


.ams-forage-help-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-forage-help-copy {
    max-width: 520px;
}


.ams-forage-help-copy h2 {
    margin: 0 0 16px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.3rem, 3.8vw, 3.6rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-forage-help-copy p {
    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.62;
}


.ams-forage-help-copy .ams-button {
    margin-top: 10px;
}


/* ==========================================================
   CLOSING
   ========================================================== */

.ams-forage-closing {
    padding: 64px 0;

    background: var(--ams-forest);
}


.ams-forage-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        auto;

    gap: 48px;

    align-items: center;
}


.ams-forage-closing .ams-forage-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-forage-closing h2 {
    max-width: 750px;

    margin: 0;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.25rem, 3.8vw, 3.6rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-forage-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1000px) {

    .ams-forage-collect-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .ams-forage-lookalikes-copy {
        padding:
            58px
            38px;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-forage-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Hero */

    .ams-forage-hero {
        min-height: 540px;
    }


    .ams-forage-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(8,39,30,0.92) 0%,
                rgba(8,39,30,0.74) 72%,
                rgba(8,39,30,0.34) 100%
            ),
            linear-gradient(
                0deg,
                rgba(8,39,30,0.62) 0%,
                rgba(8,39,30,0.05) 65%
            );
    }


    .ams-forage-hero-inner {
        padding-top: 80px;
        padding-bottom: 50px;
    }


    .ams-forage-hero h1 {
        font-size:
            clamp(3rem, 12vw, 4.5rem);
    }


    /* Intro */

    .ams-forage-intro {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-forage-intro-grid,
    .ams-forage-firstmeal-grid,
    .ams-forage-access-grid {
        grid-template-columns: 1fr;

        gap: 24px;
    }


    /* Learn */

    .ams-forage-learn {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-forage-steps {
        grid-template-columns: 1fr;
    }


    .ams-forage-steps article {
        min-height: 0;
    }


    /* Species */

    .ams-forage-species {
        padding-top: 56px;
        padding-bottom: 62px;
    }


    .ams-forage-species-grid {
        grid-template-columns: 1fr;
    }


    .ams-forage-species-image {
        height: 380px;
    }


    /* Lookalikes */

    .ams-forage-lookalikes-grid {
        grid-template-columns: 1fr;

        min-height: 0;
    }


    .ams-forage-lookalikes-image {
        min-height: 420px;
    }


    .ams-forage-lookalikes-copy {
        max-width: none;

        padding:
            50px
            22px
            54px;
    }


    /* Collect */

    .ams-forage-collect {
        padding-top: 54px;
    }


    .ams-forage-collect-photo {
        height: 400px;

        margin-left: -22px;
        margin-right: -22px;
    }


    /* First meal */

    .ams-forage-firstmeal {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    /* Kitchen */

    .ams-forage-kitchen {
        grid-template-columns: 1fr;

        min-height: 0;
    }


    .ams-forage-kitchen-image {
        min-height: 420px;
    }


    .ams-forage-kitchen-copy {
        max-width: none;

        padding:
            50px
            22px
            54px;
    }


    /* Access */

    .ams-forage-access {
        padding-top: 56px;
        padding-bottom: 58px;
    }


    /* Help */

    .ams-forage-help {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-forage-help-grid {
        grid-template-columns: 1fr;

        gap: 32px;
    }


    .ams-forage-help-image {
        min-height: 400px;
    }


    .ams-forage-help-copy {
        max-width: none;
    }


    /* Closing */

    .ams-forage-closing {
        padding: 52px 0;
    }


    .ams-forage-closing-grid {
        grid-template-columns: 1fr;

        gap: 27px;
    }


    .ams-forage-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-forage-hero {
        min-height: 500px;
    }


    .ams-forage-hero-image img {
        object-position: 58% center;
    }


    .ams-forage-hero h1 {
        font-size:
            clamp(2.7rem, 13vw, 3.8rem);
    }


    .ams-forage-lead {
        font-size: 1rem;
    }


    .ams-forage-steps article {
        grid-template-columns:
            34px
            minmax(0, 1fr);

        padding: 19px;
    }


    .ams-forage-species-image {
        height: 300px;
    }


    .ams-forage-species-copy {
        padding:
            21px
            20px
            23px;
    }


    .ams-forage-compare {
        grid-template-columns: 1fr;
    }


    .ams-forage-lookalikes-image,
    .ams-forage-kitchen-image,
    .ams-forage-help-image {
        min-height: 330px;
    }


    .ams-forage-collect-grid {
        grid-template-columns: 1fr;
    }


    .ams-forage-collect-grid article {
        min-height: 0;
    }


    .ams-forage-collect-photo {
        height: 330px;
    }


    .ams-forage-firstmeal-list article {
        grid-template-columns:
            34px
            minmax(0, 1fr);

        gap: 12px;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-forage-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-forage-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-forage-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-forage-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-forage-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   ==========================================================
   AMS ALABAMA FUNGAL DIVERSITY PROJECT
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-afdp-page) .mLayout,
body:has(.ams-afdp-page) .zoneContentOuter,
body:has(.ams-afdp-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-afdp-page) .zoneHeaderOuter,
body:has(.ams-afdp-page) .zoneHeader,
body:has(.ams-afdp-page) .zoneHeader1Outer,
body:has(.ams-afdp-page) .zoneHeader1,
body:has(.ams-afdp-page) .zoneHeader2Outer,
body:has(.ams-afdp-page) .zoneHeader2,
body:has(.ams-afdp-page) .zoneFooterOuter,
body:has(.ams-afdp-page) .zoneFooter,
body:has(.ams-afdp-page) .zoneFooter1Outer,
body:has(.ams-afdp-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-afdp-page) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-afdp-page) .gadgetStyleTitle {
    display: none !important;
}


.ams-afdp-page {
    width: 100%;
    background: var(--ams-cream);
    color: var(--ams-text);
}


.ams-afdp-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER / FOOTER CONSISTENCY
   ========================================================== */

body:has(.ams-afdp-page) .ams-site-logo,
body:has(.ams-afdp-page) .ams-main-nav,
body:has(.ams-afdp-page) .ams-member-login,
body:has(.ams-afdp-page) .ams-site-footer,
body:has(.ams-afdp-page) .ams-footer-brand,
body:has(.ams-afdp-page) .ams-footer-links,
body:has(.ams-afdp-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-afdp-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;
    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;
    text-transform: uppercase;
}


body:has(.ams-afdp-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-afdp-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


body:has(.ams-afdp-page) .ams-member-login,
body:has(.ams-afdp-page) .ams-member-login a,
body:has(.ams-afdp-page) .ams-member-login a:link,
body:has(.ams-afdp-page) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;
    background: transparent !important;
}


/* ==========================================================
   SHARED TYPE
   ========================================================== */

.ams-afdp-eyebrow {
    margin: 0 0 11px;

    color: #78601f !important;

    font-size: 0.75rem;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.14em;
    text-transform: uppercase;
}


.ams-afdp-big-copy {
    margin: 0 0 15px !important;

    color: var(--ams-forest) !important;

    font-size: 1.18rem !important;
    font-weight: 700;

    line-height: 1.5 !important;
}


.ams-afdp-section-heading {
    max-width: 850px;

    margin-bottom: 32px;
}


.ams-afdp-section-heading h2 {
    margin: 0 0 14px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.75rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-afdp-section-heading > p:last-child {
    max-width: 720px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 1rem;

    line-height: 1.6;
}


/* ==========================================================
   HERO
   ========================================================== */

.ams-afdp-hero {
    position: relative;

    min-height: 620px;

    display: flex;
    align-items: flex-end;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-afdp-hero-image {
    position: absolute;
    inset: 0;
}


.ams-afdp-hero-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center 48%;
}


.ams-afdp-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8,39,30,0.97) 0%,
            rgba(8,39,30,0.89) 34%,
            rgba(8,39,30,0.48) 69%,
            rgba(8,39,30,0.1) 100%
        ),
        linear-gradient(
            0deg,
            rgba(8,39,30,0.56) 0%,
            rgba(8,39,30,0.02) 60%
        );
}


.ams-afdp-hero-inner {
    position: relative;
    z-index: 2;

    padding-top: 100px;
    padding-bottom: 72px;
}


.ams-afdp-hero .ams-afdp-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-afdp-hero h1 {
    max-width: 900px;

    margin: 0 0 18px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(3.25rem, 5.8vw, 5.5rem);

    line-height: 0.97;

    letter-spacing: -0.05em;
}


.ams-afdp-lead {
    max-width: 700px;

    margin: 0;

    color: #e2e9e5 !important;

    font-size: 1.12rem;

    line-height: 1.58;
}


/* ==========================================================
   INTRO
   ========================================================== */

.ams-afdp-intro {
    padding: 72px 0 78px;

    background: var(--ams-cream);
}


.ams-afdp-intro-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.82fr)
        minmax(0, 1.18fr);

    gap: 72px;

    align-items: start;
}


.ams-afdp-intro h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.4rem, 4vw, 3.75rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-afdp-intro-copy p {
    margin: 0 0 1em;

    color: var(--ams-muted) !important;

    font-size: 0.98rem;

    line-height: 1.68;
}


/* ==========================================================
   WHY RECORDS MATTER
   ========================================================== */

.ams-afdp-why {
    padding: 70px 0 76px;

    border-top:
        1px solid
        rgba(8,39,30,0.1);

    background: #f3efe1;
}


.ams-afdp-why-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;
}


.ams-afdp-why-grid article {
    box-sizing: border-box;

    min-height: 230px;

    padding: 21px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-afdp-why-grid article > span {
    display: block;

    margin-bottom: 22px;

    color: #927126 !important;

    font-size: 0.68rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-afdp-why-grid h3 {
    margin: 0 0 9px;

    color: var(--ams-forest) !important;

    font-size: 1.12rem;

    line-height: 1.25;
}


.ams-afdp-why-grid p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.87rem;

    line-height: 1.5;
}


/* ==========================================================
   DOCUMENTATION FEATURE
   ========================================================== */

.ams-afdp-documentation {
    padding: 72px 0;

    background: var(--ams-cream);
}


.ams-afdp-documentation-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(0, 0.92fr);

    gap: 54px;

    align-items: center;
}


.ams-afdp-documentation-image {
    min-height: 470px;

    overflow: hidden;

    border-radius: var(--ams-radius);
}


.ams-afdp-documentation-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}


.ams-afdp-documentation-copy {
    max-width: 520px;
}


.ams-afdp-documentation-copy h2 {
    margin: 0 0 16px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 3.8vw, 3.6rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-afdp-documentation-copy > p {
    color: var(--ams-muted) !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


/* ==========================================================
   WORKFLOW
   ========================================================== */

.ams-afdp-workflow {
    padding: 70px 0 76px;

    background: #f3efe1;
}


.ams-afdp-workflow-list {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;
}


.ams-afdp-workflow-list article {
    display: grid;

    grid-template-columns:
        48px
        minmax(0, 1fr);

    gap: 18px;

    min-height: 178px;

    box-sizing: border-box;

    padding: 23px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-afdp-workflow-number {
    color: #927126 !important;

    font-size: 0.7rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-afdp-workflow-list h3 {
    margin: 0 0 8px;

    color: var(--ams-forest) !important;

    font-size: 1.17rem;

    line-height: 1.25;
}


.ams-afdp-workflow-list p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.89rem;

    line-height: 1.54;
}


/* ==========================================================
   VOUCHER FEATURE
   ========================================================== */

.ams-afdp-voucher {
    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(0, 0.92fr);

    min-height: 590px;

    background: var(--ams-forest);
}


.ams-afdp-voucher-image {
    min-height: 590px;

    overflow: hidden;
}


.ams-afdp-voucher-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}


.ams-afdp-voucher-copy {
    box-sizing: border-box;

    max-width: 610px;

    padding: 70px 56px;
}


.ams-afdp-voucher-copy .ams-afdp-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-afdp-voucher-copy h2 {
    margin: 0 0 16px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.45rem, 4vw, 3.9rem);

    line-height: 1.02;

    letter-spacing: -0.04em;
}


.ams-afdp-voucher-copy p {
    color: #dce5df !important;

    font-size: 0.95rem;

    line-height: 1.63;
}


.ams-afdp-voucher-copy .ams-button {
    margin-top: 12px;
}


/* ==========================================================
   SELECTIVE COLLECTION
   ========================================================== */

.ams-afdp-selective {
    padding: 72px 0 76px;

    background: var(--ams-cream);
}


.ams-afdp-selective-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.82fr)
        minmax(0, 1.18fr);

    gap: 72px;
}


.ams-afdp-selective h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.7rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-afdp-selective-grid > div:last-child > p {
    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.62;
}


/* ==========================================================
   DIVERSITY GALLERY
   ========================================================== */

.ams-afdp-diversity {
    padding: 74px 0 82px;

    background: #f3efe1;
}


.ams-afdp-diversity-grid {
    display: grid;

    grid-template-columns:
        1.2fr
        0.8fr;

    grid-template-rows:
        340px
        340px
        300px;

    gap: 12px;
}


.ams-afdp-diversity-card {
    position: relative;

    overflow: hidden;

    border-radius: var(--ams-radius);

    background: var(--ams-forest);
}


.ams-afdp-diversity-card-large {
    grid-row: 1 / 3;
}


.ams-afdp-diversity-card-wide {
    grid-column: 1 / -1;
}


.ams-afdp-diversity-image {
    position: absolute;
    inset: 0;
}


.ams-afdp-diversity-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 0.45s ease;
}


.ams-afdp-diversity-card:hover
.ams-afdp-diversity-image img {
    transform: scale(1.025);
}


.ams-afdp-diversity-card::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            0deg,
            rgba(8,39,30,0.88) 0%,
            rgba(8,39,30,0.18) 62%,
            rgba(8,39,30,0.03) 100%
        );
}


.ams-afdp-diversity-caption {
    position: absolute;
    z-index: 2;

    left: 0;
    right: 0;
    bottom: 0;

    box-sizing: border-box;

    padding: 24px;
}


.ams-afdp-diversity-caption > p {
    margin: 0 0 7px;

    color: var(--ams-gold) !important;

    font-size: 0.67rem;

    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.11em;
}


.ams-afdp-diversity-caption h3 {
    margin: 0 0 7px;

    color: var(--ams-on-dark) !important;

    font-size: 1.55rem;

    line-height: 1.12;
}


.ams-afdp-diversity-caption span {
    display: block;

    max-width: 540px;

    color: #e0e8e3 !important;

    font-size: 0.84rem;

    line-height: 1.48;
}


/* ==========================================================
   DNA SECTION
   ========================================================== */

.ams-afdp-dna {
    padding: 74px 0 78px;

    background: var(--ams-cream);
}


.ams-afdp-dna-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.78fr)
        minmax(0, 1.22fr);

    gap: 72px;
}


.ams-afdp-dna h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.75rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-afdp-dna-copy > p {
    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.62;
}


.ams-afdp-dna-points {
    margin-top: 28px;

    border-top:
        1px solid
        rgba(8,39,30,0.15);
}


.ams-afdp-dna-points article {
    display: grid;

    grid-template-columns:
        190px
        minmax(0, 1fr);

    gap: 28px;

    padding: 18px 0;

    border-bottom:
        1px solid
        rgba(8,39,30,0.14);
}


.ams-afdp-dna-points strong {
    color: var(--ams-forest) !important;

    font-size: 0.96rem;
}


.ams-afdp-dna-points span {
    color: var(--ams-muted) !important;

    font-size: 0.88rem;

    line-height: 1.52;
}


/* ==========================================================
   MAPS / RECORDS
   ========================================================== */

.ams-afdp-maps {
    padding: 70px 0 76px;

    background: #f3efe1;
}


.ams-afdp-maps-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.8fr)
        minmax(0, 1.2fr);

    gap: 64px;

    align-items: start;
}


.ams-afdp-maps h2 {
    margin: 0 0 14px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.7rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-afdp-maps-grid > div:first-child > p:last-child {
    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.62;
}


.ams-afdp-map-actions {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;
}


.ams-afdp-map-card,
.ams-afdp-map-card:link,
.ams-afdp-map-card:visited {
    display: flex;

    flex-direction: column;

    box-sizing: border-box;

    min-height: 290px;

    padding: 24px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;

    color: var(--ams-text) !important;

    text-decoration: none !important;
}


.ams-afdp-map-card:hover {
    transform: translateY(-2px);

    border-color:
        rgba(8,39,30,0.3);
}


.ams-afdp-map-card > span {
    display: block;

    margin-bottom: 21px;

    color: #927126 !important;

    font-size: 0.68rem;

    font-weight: 800;

    letter-spacing: 0.11em;
}


.ams-afdp-map-card strong {
    display: block;

    margin-bottom: 10px;

    color: var(--ams-forest) !important;

    font-size: 1.22rem;

    line-height: 1.25;
}


.ams-afdp-map-card p {
    margin: 0 0 20px;

    color: var(--ams-muted) !important;

    font-size: 0.88rem;

    line-height: 1.52;
}


.ams-afdp-map-card b {
    margin-top: auto;

    color: #285942 !important;

    font-size: 0.86rem;
}


/* ==========================================================
   MEMBER CONTRIBUTION
   ========================================================== */

.ams-afdp-contribute {
    padding: 74px 0 80px;

    background: var(--ams-cream);
}


.ams-afdp-contribute-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;
}


.ams-afdp-contribute-grid article {
    box-sizing: border-box;

    min-height: 225px;

    padding: 21px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #f7f4e9;
}


.ams-afdp-contribute-grid article > span {
    display: block;

    margin-bottom: 22px;

    color: #927126 !important;

    font-size: 0.68rem;

    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-afdp-contribute-grid h3 {
    margin: 0 0 9px;

    color: var(--ams-forest) !important;

    font-size: 1.1rem;

    line-height: 1.25;
}


.ams-afdp-contribute-grid p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.86rem;

    line-height: 1.5;
}


/* ==========================================================
   FIELD / CITIZEN SCIENCE FEATURE
   ========================================================== */

.ams-afdp-field {
    padding: 72px 0;

    background: #f3efe1;
}


.ams-afdp-field-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 0.9fr);

    gap: 54px;

    align-items: center;
}


.ams-afdp-field-image {
    min-height: 460px;

    overflow: hidden;

    border-radius: var(--ams-radius);
}


.ams-afdp-field-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-afdp-field-copy {
    max-width: 520px;
}


.ams-afdp-field-copy h2 {
    margin: 0 0 16px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 3.8vw, 3.6rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-afdp-field-copy p {
    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.62;
}


.ams-afdp-field-copy .ams-button {
    margin-top: 10px;
}


/* ==========================================================
   CLOSING
   ========================================================== */

.ams-afdp-closing {
    padding: 64px 0;

    background: var(--ams-forest);
}


.ams-afdp-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        auto;

    gap: 48px;

    align-items: center;
}


.ams-afdp-closing .ams-afdp-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-afdp-closing h2 {
    max-width: 730px;

    margin: 0 0 12px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.3rem, 3.8vw, 3.6rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-afdp-closing p {
    max-width: 670px;

    margin: 0;

    color: #dce5df !important;

    font-size: 0.96rem;

    line-height: 1.6;
}


.ams-afdp-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1000px) {

    .ams-afdp-why-grid,
    .ams-afdp-contribute-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .ams-afdp-diversity-grid {
        grid-template-columns:
            1fr
            1fr;

        grid-template-rows:
            320px
            320px
            280px;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-afdp-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Hero */

    .ams-afdp-hero {
        min-height: 540px;
    }


    .ams-afdp-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(8,39,30,0.94) 0%,
                rgba(8,39,30,0.78) 70%,
                rgba(8,39,30,0.38) 100%
            ),
            linear-gradient(
                0deg,
                rgba(8,39,30,0.62) 0%,
                rgba(8,39,30,0.04) 65%
            );
    }


    .ams-afdp-hero-inner {
        padding-top: 82px;
        padding-bottom: 52px;
    }


    .ams-afdp-hero h1 {
        font-size:
            clamp(2.9rem, 11vw, 4.4rem);
    }


    /* Shared two-column sections */

    .ams-afdp-intro-grid,
    .ams-afdp-selective-grid,
    .ams-afdp-dna-grid,
    .ams-afdp-maps-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    /* Intro */

    .ams-afdp-intro {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    /* Why */

    .ams-afdp-why {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    /* Documentation */

    .ams-afdp-documentation {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-afdp-documentation-grid {
        grid-template-columns: 1fr;

        gap: 32px;
    }


    .ams-afdp-documentation-image {
        min-height: 400px;
    }


    .ams-afdp-documentation-copy {
        max-width: none;
    }


    /* Workflow */

    .ams-afdp-workflow {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-afdp-workflow-list {
        grid-template-columns: 1fr;
    }


    .ams-afdp-workflow-list article {
        min-height: 0;
    }


    /* Voucher */

    .ams-afdp-voucher {
        grid-template-columns: 1fr;

        min-height: 0;
    }


    .ams-afdp-voucher-image {
        min-height: 420px;
    }


    .ams-afdp-voucher-copy {
        max-width: none;

        padding:
            50px
            22px
            54px;
    }


    /* Selective */

    .ams-afdp-selective {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    /* Diversity */

    .ams-afdp-diversity {
        padding-top: 56px;
        padding-bottom: 62px;
    }


    .ams-afdp-diversity-grid {
        display: grid;

        grid-template-columns: 1fr;

        grid-template-rows: none;
    }


    .ams-afdp-diversity-card,
    .ams-afdp-diversity-card-large,
    .ams-afdp-diversity-card-wide {
        grid-column: auto;
        grid-row: auto;

        min-height: 360px;
    }


    /* DNA */

    .ams-afdp-dna {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    .ams-afdp-dna-points article {
        grid-template-columns: 1fr;

        gap: 7px;
    }


    /* Maps */

    .ams-afdp-maps {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    /* Contributions */

    .ams-afdp-contribute {
        padding-top: 56px;
        padding-bottom: 62px;
    }


    /* Field */

    .ams-afdp-field {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-afdp-field-grid {
        grid-template-columns: 1fr;

        gap: 32px;
    }


    .ams-afdp-field-image {
        min-height: 400px;
    }


    .ams-afdp-field-copy {
        max-width: none;
    }


    /* Closing */

    .ams-afdp-closing {
        padding: 52px 0;
    }


    .ams-afdp-closing-grid {
        grid-template-columns: 1fr;

        gap: 27px;
    }


    .ams-afdp-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-afdp-hero {
        min-height: 500px;
    }


    .ams-afdp-hero h1 {
        font-size:
            clamp(2.65rem, 12vw, 3.8rem);
    }


    .ams-afdp-lead {
        font-size: 1rem;
    }


    .ams-afdp-why-grid,
    .ams-afdp-contribute-grid,
    .ams-afdp-map-actions {
        grid-template-columns: 1fr;
    }


    .ams-afdp-why-grid article,
    .ams-afdp-contribute-grid article {
        min-height: 0;
    }


    .ams-afdp-workflow-list article {
        grid-template-columns:
            34px
            minmax(0, 1fr);

        padding: 19px;
    }


    .ams-afdp-documentation-image,
    .ams-afdp-voucher-image,
    .ams-afdp-field-image {
        min-height: 330px;
    }


    .ams-afdp-diversity-card,
    .ams-afdp-diversity-card-large,
    .ams-afdp-diversity-card-wide {
        min-height: 310px;
    }


    .ams-afdp-diversity-caption {
        padding: 20px;
    }


    .ams-afdp-map-card {
        min-height: 0;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-afdp-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-afdp-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-afdp-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-afdp-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-afdp-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   ==========================================================
   AMS HERBARIUM PAGE
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-herbarium-page) .mLayout,
body:has(.ams-herbarium-page) .zoneContentOuter,
body:has(.ams-herbarium-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-herbarium-page) .zoneHeaderOuter,
body:has(.ams-herbarium-page) .zoneHeader,
body:has(.ams-herbarium-page) .zoneHeader1Outer,
body:has(.ams-herbarium-page) .zoneHeader1,
body:has(.ams-herbarium-page) .zoneHeader2Outer,
body:has(.ams-herbarium-page) .zoneHeader2,
body:has(.ams-herbarium-page) .zoneFooterOuter,
body:has(.ams-herbarium-page) .zoneFooter,
body:has(.ams-herbarium-page) .zoneFooter1Outer,
body:has(.ams-herbarium-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-herbarium-page) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-herbarium-page) .gadgetStyleTitle {
    display: none !important;
}


.ams-herbarium-page {
    width: 100%;
    background: var(--ams-cream);
    color: var(--ams-text);
}


.ams-herbarium-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER / FOOTER CONSISTENCY
   ========================================================== */

body:has(.ams-herbarium-page) .ams-site-logo,
body:has(.ams-herbarium-page) .ams-main-nav,
body:has(.ams-herbarium-page) .ams-member-login,
body:has(.ams-herbarium-page) .ams-site-footer,
body:has(.ams-herbarium-page) .ams-footer-brand,
body:has(.ams-herbarium-page) .ams-footer-links,
body:has(.ams-herbarium-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-herbarium-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;
    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;
    text-transform: uppercase;
}


body:has(.ams-herbarium-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-herbarium-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


body:has(.ams-herbarium-page) .ams-member-login,
body:has(.ams-herbarium-page) .ams-member-login a,
body:has(.ams-herbarium-page) .ams-member-login a:link,
body:has(.ams-herbarium-page) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;
    background: transparent !important;
}


/* ==========================================================
   SHARED TYPE
   ========================================================== */

.ams-herbarium-eyebrow {
    margin: 0 0 11px;

    color: #78601f !important;

    font-size: 0.75rem;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.14em;
    text-transform: uppercase;
}


.ams-herbarium-big-copy {
    margin: 0 0 15px !important;

    color: var(--ams-forest) !important;

    font-size: 1.18rem !important;
    font-weight: 700;

    line-height: 1.5 !important;
}


.ams-herbarium-section-heading {
    max-width: 860px;

    margin-bottom: 32px;
}


.ams-herbarium-section-heading h2 {
    margin: 0 0 14px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.75rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-herbarium-section-heading > p:last-child {
    max-width: 720px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 1rem;

    line-height: 1.6;
}


/* ==========================================================
   HERO
   ========================================================== */

.ams-herbarium-hero {
    position: relative;

    min-height: 610px;

    display: flex;
    align-items: flex-end;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-herbarium-hero-image {
    position: absolute;
    inset: 0;
}


.ams-herbarium-hero-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center 48%;
}


.ams-herbarium-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8,39,30,0.97) 0%,
            rgba(8,39,30,0.89) 35%,
            rgba(8,39,30,0.50) 69%,
            rgba(8,39,30,0.12) 100%
        ),
        linear-gradient(
            0deg,
            rgba(8,39,30,0.58) 0%,
            rgba(8,39,30,0.02) 62%
        );
}


.ams-herbarium-hero-inner {
    position: relative;
    z-index: 2;

    padding-top: 100px;
    padding-bottom: 72px;
}


.ams-herbarium-hero .ams-herbarium-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-herbarium-hero h1 {
    max-width: 900px;

    margin: 0 0 18px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(3.3rem, 5.8vw, 5.5rem);

    line-height: 0.97;

    letter-spacing: -0.05em;
}


.ams-herbarium-lead {
    max-width: 700px;

    margin: 0;

    color: #e2e9e5 !important;

    font-size: 1.12rem;

    line-height: 1.58;
}


/* ==========================================================
   INTRO
   ========================================================== */

.ams-herbarium-intro {
    padding: 72px 0 78px;

    background: var(--ams-cream);
}


.ams-herbarium-intro-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.82fr)
        minmax(0, 1.18fr);

    gap: 72px;

    align-items: start;
}


.ams-herbarium-intro h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.4rem, 4vw, 3.75rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-herbarium-intro-copy p {
    margin: 0 0 1em;

    color: var(--ams-muted) !important;

    font-size: 0.98rem;

    line-height: 1.68;
}


/* ==========================================================
   PHOTO / NOTES / VOUCHER EVIDENCE
   ========================================================== */

.ams-herbarium-evidence {
    padding: 70px 0 76px;

    background: #f3efe1;

    border-top:
        1px solid
        rgba(8,39,30,0.1);
}


.ams-herbarium-evidence-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}


.ams-herbarium-evidence-grid article {
    display: flex;
    flex-direction: column;

    min-height: 250px;

    box-sizing: border-box;

    padding: 23px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-herbarium-evidence-grid article > span {
    display: block;

    margin-bottom: 23px;

    color: #927126 !important;

    font-size: 0.67rem;
    font-weight: 800;

    letter-spacing: 0.11em;
}


.ams-herbarium-evidence-grid h3 {
    margin: 0 0 10px;

    color: var(--ams-forest) !important;

    font-size: 1.18rem;

    line-height: 1.24;
}


.ams-herbarium-evidence-grid p {
    margin: 0 0 18px;

    color: var(--ams-muted) !important;

    font-size: 0.89rem;

    line-height: 1.52;
}


.ams-herbarium-evidence-grid strong {
    margin-top: auto;

    color: #285942 !important;

    font-size: 0.84rem;
}


/* ==========================================================
   DOCUMENTATION FEATURE
   ========================================================== */

.ams-herbarium-document {
    padding: 72px 0;

    background: var(--ams-cream);
}


.ams-herbarium-document-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(0, 0.92fr);

    gap: 54px;

    align-items: center;
}


.ams-herbarium-document-image {
    min-height: 470px;

    overflow: hidden;

    border-radius: var(--ams-radius);
}


.ams-herbarium-document-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}


.ams-herbarium-document-copy {
    max-width: 520px;
}


.ams-herbarium-document-copy h2 {
    margin: 0 0 16px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 3.8vw, 3.6rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-herbarium-document-copy > p {
    color: var(--ams-muted) !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


/* ==========================================================
   PROCESS
   ========================================================== */

.ams-herbarium-process {
    padding: 70px 0 76px;

    background: #f3efe1;
}


.ams-herbarium-process-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}


.ams-herbarium-process-grid article {
    min-height: 195px;

    box-sizing: border-box;

    padding: 22px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-herbarium-process-grid article > span {
    display: block;

    margin-bottom: 21px;

    color: #927126 !important;

    font-size: 0.68rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-herbarium-process-grid h3 {
    margin: 0 0 8px;

    color: var(--ams-forest) !important;

    font-size: 1.13rem;

    line-height: 1.24;
}


.ams-herbarium-process-grid p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.87rem;

    line-height: 1.52;
}


/* ==========================================================
   COLLECTION TABLE FEATURE
   ========================================================== */

.ams-herbarium-table {
    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(0, 0.92fr);

    min-height: 610px;

    background: var(--ams-forest);
}


.ams-herbarium-table-image {
    min-height: 610px;

    overflow: hidden;
}


.ams-herbarium-table-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}


.ams-herbarium-table-copy {
    box-sizing: border-box;

    max-width: 610px;

    padding: 70px 56px;
}


.ams-herbarium-table-copy .ams-herbarium-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-herbarium-table-copy h2 {
    margin: 0 0 16px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.45rem, 4vw, 3.9rem);

    line-height: 1.02;

    letter-spacing: -0.04em;
}


.ams-herbarium-table-copy > p {
    color: #dce5df !important;

    font-size: 0.95rem;

    line-height: 1.63;
}


.ams-herbarium-data-list {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 8px;

    margin-top: 28px;
}


.ams-herbarium-data-list > div {
    display: grid;

    grid-template-columns:
        34px
        minmax(0, 1fr);

    gap: 9px;

    align-items: center;

    padding: 11px 12px;

    border:
        1px solid
        rgba(255,255,255,0.15);

    border-radius: 6px;

    background:
        rgba(255,255,255,0.05);
}


.ams-herbarium-data-list span {
    color: var(--ams-gold) !important;

    font-size: 0.66rem;

    font-weight: 800;

    letter-spacing: 0.08em;
}


.ams-herbarium-data-list strong {
    color: #f1f5f2 !important;

    font-size: 0.82rem;

    line-height: 1.3;
}


/* ==========================================================
   YEARS-LATER SECTION
   ========================================================== */

.ams-herbarium-time {
    padding: 72px 0 76px;

    background: var(--ams-cream);
}


.ams-herbarium-time-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.82fr)
        minmax(0, 1.18fr);

    gap: 72px;
}


.ams-herbarium-time h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.7rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-herbarium-time-grid > div:last-child > p {
    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.62;
}


/* ==========================================================
   FUTURE USES
   ========================================================== */

.ams-herbarium-future {
    padding: 70px 0 78px;

    background: #f3efe1;
}


.ams-herbarium-future-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}


.ams-herbarium-future-grid article {
    min-height: 200px;

    box-sizing: border-box;

    padding: 22px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-herbarium-future-grid article > span {
    display: block;

    margin-bottom: 20px;

    color: #927126 !important;

    font-size: 0.67rem;

    font-weight: 800;

    letter-spacing: 0.11em;
}


.ams-herbarium-future-grid h3 {
    margin: 0 0 8px;

    color: var(--ams-forest) !important;

    font-size: 1.12rem;

    line-height: 1.24;
}


.ams-herbarium-future-grid p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.87rem;

    line-height: 1.52;
}


/* ==========================================================
   SPECIMEN GALLERY
   ========================================================== */

.ams-herbarium-specimens {
    padding: 74px 0 82px;

    background: var(--ams-cream);
}


.ams-herbarium-specimen-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;
}


.ams-herbarium-specimen-card {
    overflow: hidden;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-herbarium-specimen-image {
    height: 310px;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-herbarium-specimen-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 0.45s ease;
}


.ams-herbarium-specimen-card:hover
.ams-herbarium-specimen-image img {
    transform: scale(1.025);
}


.ams-herbarium-specimen-caption {
    padding: 22px 22px 24px;
}


.ams-herbarium-specimen-caption > span {
    display: block;

    margin-bottom: 8px;

    color: #927126 !important;

    font-size: 0.66rem;

    font-weight: 800;

    letter-spacing: 0.11em;
}


.ams-herbarium-specimen-caption h3 {
    margin: 0 0 8px;

    color: var(--ams-forest) !important;

    font-size: 1.3rem;

    line-height: 1.2;
}


.ams-herbarium-specimen-caption p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.87rem;

    line-height: 1.5;
}


/* ==========================================================
   WHAT TO VOUCHER
   ========================================================== */

.ams-herbarium-select {
    padding: 72px 0 78px;

    background: #f3efe1;
}


.ams-herbarium-select-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.8fr)
        minmax(0, 1.2fr);

    gap: 68px;
}


.ams-herbarium-select h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.7rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-herbarium-select-list {
    border-top:
        1px solid
        rgba(8,39,30,0.16);
}


.ams-herbarium-select-list article {
    display: grid;

    grid-template-columns:
        84px
        minmax(0, 1fr);

    gap: 18px;

    padding: 18px 0;

    border-bottom:
        1px solid
        rgba(8,39,30,0.14);
}


.ams-herbarium-select-list article > span {
    color: #927126 !important;

    font-size: 0.68rem;

    font-weight: 800;

    letter-spacing: 0.08em;
}


.ams-herbarium-select-list strong {
    display: block;

    margin-bottom: 5px;

    color: var(--ams-forest) !important;

    font-size: 0.98rem;
}


.ams-herbarium-select-list p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.87rem;

    line-height: 1.5;
}


.ams-herbarium-select-muted {
    opacity: 0.78;
}


/* ==========================================================
   AFDP CONNECTION
   ========================================================== */

.ams-herbarium-afdp {
    padding: 72px 0;

    background: var(--ams-forest);
}


.ams-herbarium-afdp-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 0.9fr);

    gap: 54px;

    align-items: center;
}


.ams-herbarium-afdp-image {
    min-height: 460px;

    overflow: hidden;

    border-radius: var(--ams-radius);
}


.ams-herbarium-afdp-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-herbarium-afdp-copy {
    max-width: 520px;
}


.ams-herbarium-afdp-copy .ams-herbarium-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-herbarium-afdp-copy h2 {
    margin: 0 0 16px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.35rem, 3.8vw, 3.6rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-herbarium-afdp-copy p {
    color: #dce5df !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


.ams-herbarium-afdp-copy .ams-button {
    margin-top: 10px;
}


/* ==========================================================
   CONTRIBUTE
   ========================================================== */

.ams-herbarium-contribute {
    padding: 72px 0 76px;

    background: var(--ams-cream);
}


.ams-herbarium-contribute-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.82fr)
        minmax(0, 1.18fr);

    gap: 72px;
}


.ams-herbarium-contribute h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.7rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-herbarium-contribute-grid > div:last-child > p {
    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.62;
}


.ams-herbarium-contact-link,
.ams-herbarium-contact-link:link,
.ams-herbarium-contact-link:visited {
    display: inline-block;

    margin-top: 10px;

    color: #285942 !important;

    font-size: 0.94rem;

    font-weight: 800;

    text-decoration: none !important;
}


.ams-herbarium-contact-link:hover {
    text-decoration: underline !important;
}


/* ==========================================================
   CLOSING
   ========================================================== */

.ams-herbarium-closing {
    padding: 64px 0;

    background: var(--ams-forest);
}


.ams-herbarium-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        auto;

    gap: 48px;

    align-items: center;
}


.ams-herbarium-closing .ams-herbarium-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-herbarium-closing h2 {
    max-width: 760px;

    margin: 0;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.3rem, 3.8vw, 3.6rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-herbarium-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1000px) {

    .ams-herbarium-process-grid,
    .ams-herbarium-future-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .ams-herbarium-specimen-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .ams-herbarium-specimen-card:last-child {
        grid-column: 1 / -1;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-herbarium-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Hero */

    .ams-herbarium-hero {
        min-height: 540px;
    }


    .ams-herbarium-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(8,39,30,0.94) 0%,
                rgba(8,39,30,0.78) 70%,
                rgba(8,39,30,0.38) 100%
            ),
            linear-gradient(
                0deg,
                rgba(8,39,30,0.62) 0%,
                rgba(8,39,30,0.04) 65%
            );
    }


    .ams-herbarium-hero-inner {
        padding-top: 82px;
        padding-bottom: 52px;
    }


    .ams-herbarium-hero h1 {
        font-size:
            clamp(2.9rem, 11vw, 4.4rem);
    }


    /* Shared columns */

    .ams-herbarium-intro-grid,
    .ams-herbarium-time-grid,
    .ams-herbarium-select-grid,
    .ams-herbarium-contribute-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    /* Intro */

    .ams-herbarium-intro {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    /* Evidence */

    .ams-herbarium-evidence {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-herbarium-evidence-grid {
        grid-template-columns: 1fr;
    }


    .ams-herbarium-evidence-grid article {
        min-height: 0;
    }


    /* Documentation */

    .ams-herbarium-document {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-herbarium-document-grid {
        grid-template-columns: 1fr;

        gap: 32px;
    }


    .ams-herbarium-document-image {
        min-height: 400px;
    }


    .ams-herbarium-document-copy {
        max-width: none;
    }


    /* Process */

    .ams-herbarium-process {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    /* Table */

    .ams-herbarium-table {
        grid-template-columns: 1fr;

        min-height: 0;
    }


    .ams-herbarium-table-image {
        min-height: 420px;
    }


    .ams-herbarium-table-copy {
        max-width: none;

        padding:
            50px
            22px
            54px;
    }


    /* Time */

    .ams-herbarium-time {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    /* Future */

    .ams-herbarium-future {
        padding-top: 54px;
        padding-bottom: 60px;
    }


    /* Specimens */

    .ams-herbarium-specimens {
        padding-top: 56px;
        padding-bottom: 62px;
    }


    /* Select */

    .ams-herbarium-select {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    /* AFDP */

    .ams-herbarium-afdp {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-herbarium-afdp-grid {
        grid-template-columns: 1fr;

        gap: 32px;
    }


    .ams-herbarium-afdp-image {
        min-height: 400px;
    }


    .ams-herbarium-afdp-copy {
        max-width: none;
    }


    /* Contribute */

    .ams-herbarium-contribute {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    /* Closing */

    .ams-herbarium-closing {
        padding: 52px 0;
    }


    .ams-herbarium-closing-grid {
        grid-template-columns: 1fr;

        gap: 27px;
    }


    .ams-herbarium-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-herbarium-hero {
        min-height: 500px;
    }


    .ams-herbarium-hero h1 {
        font-size:
            clamp(2.65rem, 12vw, 3.8rem);
    }


    .ams-herbarium-lead {
        font-size: 1rem;
    }


    .ams-herbarium-process-grid,
    .ams-herbarium-future-grid,
    .ams-herbarium-specimen-grid {
        grid-template-columns: 1fr;
    }


    .ams-herbarium-specimen-card:last-child {
        grid-column: auto;
    }


    .ams-herbarium-document-image,
    .ams-herbarium-table-image,
    .ams-herbarium-afdp-image {
        min-height: 330px;
    }


    .ams-herbarium-data-list {
        grid-template-columns: 1fr;
    }


    .ams-herbarium-select-list article {
        grid-template-columns:
            70px
            minmax(0, 1fr);

        gap: 12px;
    }


    .ams-herbarium-specimen-image {
        height: 290px;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-herbarium-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-herbarium-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-herbarium-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-herbarium-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-herbarium-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   ==========================================================
   AMS FUNGAL DISTRIBUTION MAPS
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-distribution-page) .mLayout,
body:has(.ams-distribution-page) .zoneContentOuter,
body:has(.ams-distribution-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-distribution-page) .zoneHeaderOuter,
body:has(.ams-distribution-page) .zoneHeader,
body:has(.ams-distribution-page) .zoneHeader1Outer,
body:has(.ams-distribution-page) .zoneHeader1,
body:has(.ams-distribution-page) .zoneHeader2Outer,
body:has(.ams-distribution-page) .zoneHeader2,
body:has(.ams-distribution-page) .zoneFooterOuter,
body:has(.ams-distribution-page) .zoneFooter,
body:has(.ams-distribution-page) .zoneFooter1Outer,
body:has(.ams-distribution-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-distribution-page) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-distribution-page) .gadgetStyleTitle {
    display: none !important;
}


.ams-distribution-page {
    width: 100%;

    background: var(--ams-cream);

    color: var(--ams-text);
}


.ams-distribution-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER / FOOTER CONSISTENCY
   ========================================================== */

body:has(.ams-distribution-page) .ams-site-logo,
body:has(.ams-distribution-page) .ams-main-nav,
body:has(.ams-distribution-page) .ams-member-login,
body:has(.ams-distribution-page) .ams-site-footer,
body:has(.ams-distribution-page) .ams-footer-brand,
body:has(.ams-distribution-page) .ams-footer-links,
body:has(.ams-distribution-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-distribution-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


body:has(.ams-distribution-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-distribution-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


body:has(.ams-distribution-page) .ams-member-login,
body:has(.ams-distribution-page) .ams-member-login a,
body:has(.ams-distribution-page) .ams-member-login a:link,
body:has(.ams-distribution-page) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;

    background: transparent !important;
}


/* ==========================================================
   SHARED TYPE
   ========================================================== */

.ams-distribution-eyebrow {
    margin: 0 0 11px;

    color: #78601f !important;

    font-size: 0.75rem;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


.ams-distribution-big-copy {
    margin: 0 0 15px !important;

    color: var(--ams-forest) !important;

    font-size: 1.18rem !important;
    font-weight: 700;

    line-height: 1.5 !important;
}


.ams-distribution-section-heading {
    max-width: 860px;

    margin-bottom: 34px;
}


.ams-distribution-section-heading h2 {
    margin: 0 0 14px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.8rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-distribution-section-heading > p:last-child {
    max-width: 730px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 1rem;

    line-height: 1.6;
}


.ams-distribution-map-label {
    margin: 0 0 8px !important;

    color: #927126 !important;

    font-size: 0.68rem !important;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.11em;

    text-transform: uppercase;
}


.ams-distribution-latin {
    margin: 0 0 16px !important;

    color: var(--ams-muted) !important;

    font-size: 0.89rem !important;
    font-style: italic;

    line-height: 1.4;
}


/* ==========================================================
   HERO
   ========================================================== */

.ams-distribution-hero {
    position: relative;

    min-height: 620px;

    display: flex;
    align-items: flex-end;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-distribution-hero-image {
    position: absolute;

    inset: 0;
}


.ams-distribution-hero-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center 52%;
}


.ams-distribution-hero-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8,39,30,0.97) 0%,
            rgba(8,39,30,0.89) 34%,
            rgba(8,39,30,0.49) 67%,
            rgba(8,39,30,0.08) 100%
        ),
        linear-gradient(
            0deg,
            rgba(8,39,30,0.58) 0%,
            rgba(8,39,30,0.02) 62%
        );
}


.ams-distribution-hero-inner {
    position: relative;

    z-index: 2;

    padding-top: 100px;
    padding-bottom: 72px;
}


.ams-distribution-hero .ams-distribution-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-distribution-hero h1 {
    max-width: 880px;

    margin: 0 0 18px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(3.4rem, 6vw, 5.65rem);

    line-height: 0.96;

    letter-spacing: -0.05em;
}


.ams-distribution-lead {
    max-width: 720px;

    margin: 0;

    color: #e1e9e4 !important;

    font-size: 1.12rem;

    line-height: 1.58;
}


/* ==========================================================
   INTRO
   ========================================================== */

.ams-distribution-intro {
    padding: 72px 0 78px;

    background: var(--ams-cream);
}


.ams-distribution-intro-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.8fr)
        minmax(0, 1.2fr);

    gap: 72px;

    align-items: start;
}


.ams-distribution-intro h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.4rem, 4vw, 3.75rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-distribution-intro-copy p {
    margin: 0 0 1em;

    color: var(--ams-muted) !important;

    font-size: 0.98rem;

    line-height: 1.68;
}


/* ==========================================================
   HOW TO READ MAPS
   ========================================================== */

.ams-distribution-reading {
    padding: 70px 0 76px;

    border-top:
        1px solid
        rgba(8,39,30,0.1);

    background: #f3efe1;
}


.ams-distribution-reading-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}


.ams-distribution-reading-grid article {
    min-height: 235px;

    box-sizing: border-box;

    padding: 23px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-distribution-reading-grid article > span {
    display: block;

    margin-bottom: 23px;

    color: #927126 !important;

    font-size: 0.67rem;
    font-weight: 800;

    letter-spacing: 0.11em;
}


.ams-distribution-reading-grid h3 {
    margin: 0 0 9px;

    color: var(--ams-forest) !important;

    font-size: 1.18rem;

    line-height: 1.24;
}


.ams-distribution-reading-grid p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.88rem;

    line-height: 1.52;
}


/* ==========================================================
   POPULAR / EDIBLE MAPS
   ========================================================== */

.ams-distribution-popular {
    padding: 74px 0 82px;

    background: var(--ams-cream);
}


/* ==========================================================
   RED CHANTERELLE FEATURE
   ========================================================== */

.ams-distribution-feature {
    display: grid;

    grid-template-columns:
        minmax(0, 0.84fr)
        minmax(0, 0.76fr)
        minmax(380px, 1fr);

    overflow: hidden;

    margin-bottom: 18px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-distribution-feature-photo {
    min-height: 520px;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-distribution-feature-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-distribution-feature-copy {
    box-sizing: border-box;

    padding: 36px 31px;
}


.ams-distribution-feature-copy h3 {
    margin: 0 0 4px;

    color: var(--ams-forest) !important;

    font-size: 2rem;

    line-height: 1.1;
}


.ams-distribution-feature-copy > p {
    color: var(--ams-muted) !important;

    font-size: 0.91rem;

    line-height: 1.57;
}


.ams-distribution-map-note {
    margin-top: 24px;

    padding-top: 17px;

    border-top:
        1px solid
        rgba(8,39,30,0.13);
}


.ams-distribution-map-note strong {
    display: block;

    margin-bottom: 5px;

    color: var(--ams-forest) !important;

    font-size: 0.86rem;
}


.ams-distribution-map-note span {
    color: var(--ams-muted) !important;

    font-size: 0.84rem;

    line-height: 1.48;
}


/* ==========================================================
   SHARED MAP LINK
   ========================================================== */

.ams-distribution-map-image,
.ams-distribution-map-image:link,
.ams-distribution-map-image:visited {
    display: flex;

    flex-direction: column;

    justify-content: center;

    box-sizing: border-box;

    padding: 22px;

    background: #f7f4e9;

    color: var(--ams-forest) !important;

    text-decoration: none !important;
}


.ams-distribution-map-image img {
    display: block;

    width: 100%;
    height: auto;

    max-height: 470px;

    object-fit: contain;

    margin: auto;
}


.ams-distribution-map-image > span {
    display: block;

    margin-top: 14px;

    color: #285942 !important;

    font-size: 0.82rem;
    font-weight: 800;

    text-align: center;
}


.ams-distribution-map-image:hover {
    background: #f1ecdd;
}


/* ==========================================================
   GOLDEN CHANTERELLES MAP ROW
   ========================================================== */

.ams-distribution-map-row {
    display: grid;

    grid-template-columns:
        minmax(0, 0.88fr)
        minmax(430px, 1.12fr);

    overflow: hidden;

    margin-bottom: 18px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-distribution-map-row-copy {
    box-sizing: border-box;

    padding: 38px;
}


.ams-distribution-map-row-copy h3 {
    margin: 0 0 12px;

    color: var(--ams-forest) !important;

    font-size: 1.85rem;

    line-height: 1.12;
}


.ams-distribution-map-row-copy > p {
    color: var(--ams-muted) !important;

    font-size: 0.92rem;

    line-height: 1.58;
}


/* ==========================================================
   MORELS
   ========================================================== */

.ams-distribution-morels {
    overflow: hidden;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #f3efe1;
}


.ams-distribution-morels-heading {
    display: grid;

    grid-template-columns:
        minmax(240px, 0.72fr)
        minmax(0, 1.28fr);

    gap: 60px;

    padding: 44px;
}


.ams-distribution-morels-heading h3 {
    margin: 0 0 4px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.25rem, 3.5vw, 3.4rem);

    line-height: 1.04;

    letter-spacing: -0.035em;
}


.ams-distribution-morels-heading > div:last-child > p {
    color: var(--ams-muted) !important;

    font-size: 0.93rem;

    line-height: 1.6;
}


.ams-distribution-morel-gallery {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 2px;

    background: var(--ams-forest);
}


.ams-distribution-morel-gallery figure {
    position: relative;

    height: 300px;

    margin: 0;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-distribution-morel-gallery img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-distribution-morel-gallery figcaption {
    position: absolute;

    left: 12px;
    right: 12px;
    bottom: 12px;

    padding: 8px 10px;

    border-radius: 5px;

    background:
        rgba(8,39,30,0.88);

    color: var(--ams-on-dark) !important;

    font-size: 0.75rem;

    line-height: 1.3;
}


.ams-distribution-morel-map,
.ams-distribution-morel-map:link,
.ams-distribution-morel-map:visited {
    display: block;

    box-sizing: border-box;

    padding: 28px;

    background: #ffffff;

    color: var(--ams-forest) !important;

    text-decoration: none !important;
}


.ams-distribution-morel-map img {
    display: block;

    width: 100%;
    max-width: 760px;

    height: auto;

    margin: 0 auto;

    object-fit: contain;
}


.ams-distribution-morel-map span {
    display: block;

    margin-top: 14px;

    color: #285942 !important;

    font-size: 0.82rem;
    font-weight: 800;

    text-align: center;
}


/* ==========================================================
   OTHER EDIBLES
   ========================================================== */

.ams-distribution-edibles {
    padding: 72px 0 80px;

    background: #f3efe1;
}


.ams-distribution-edible-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 12px;
}


.ams-distribution-edible-card {
    display: grid;

    grid-template-rows:
        auto
        1fr;

    overflow: hidden;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-distribution-edible-copy {
    padding: 28px;
}


.ams-distribution-edible-copy h3 {
    margin: 0 0 3px;

    color: var(--ams-forest) !important;

    font-size: 1.7rem;

    line-height: 1.12;
}


.ams-distribution-edible-copy > p {
    color: var(--ams-muted) !important;

    font-size: 0.9rem;

    line-height: 1.55;
}


.ams-distribution-card-map,
.ams-distribution-card-map:link,
.ams-distribution-card-map:visited {
    display: flex;

    flex-direction: column;

    justify-content: center;

    min-height: 410px;

    box-sizing: border-box;

    padding: 24px;

    background: #f7f4e9;

    color: var(--ams-forest) !important;

    text-decoration: none !important;
}


.ams-distribution-card-map img {
    display: block;

    width: 100%;
    max-height: 360px;

    margin: auto;

    object-fit: contain;
}


.ams-distribution-card-map span {
    display: block;

    margin-top: 12px;

    color: #285942 !important;

    font-size: 0.82rem;
    font-weight: 800;

    text-align: center;
}


/* ==========================================================
   MACROCYBE FEATURE
   ========================================================== */

.ams-distribution-macrocybe {
    padding: 78px 0;

    background: var(--ams-forest);
}


.ams-distribution-macrocybe-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 0.92fr)
        minmax(440px, 1.08fr);

    gap: 54px;

    align-items: center;
}


.ams-distribution-macrocybe-copy .ams-distribution-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-distribution-macrocybe-copy h2 {
    margin: 0 0 18px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.7rem, 4.5vw, 4.35rem);

    line-height: 1;

    letter-spacing: -0.045em;
}


.ams-distribution-macrocybe-copy .ams-distribution-big-copy {
    color: #f7f0dc !important;
}


.ams-distribution-macrocybe-copy > p {
    color: #dce5df !important;

    font-size: 0.94rem;

    line-height: 1.62;
}


.ams-distribution-macrocybe-stat {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 9px;

    margin-top: 28px;
}


.ams-distribution-macrocybe-stat > div {
    padding: 20px;

    border:
        1px solid
        rgba(255,255,255,0.16);

    border-radius: var(--ams-radius);

    background:
        rgba(255,255,255,0.05);
}


.ams-distribution-macrocybe-stat strong {
    display: block;

    margin-bottom: 6px;

    color: var(--ams-gold) !important;

    font-size: 2.9rem;

    line-height: 1;
}


.ams-distribution-macrocybe-stat span {
    color: #dce5df !important;

    font-size: 0.78rem;

    line-height: 1.45;
}


.ams-distribution-macrocybe-map,
.ams-distribution-macrocybe-map:link,
.ams-distribution-macrocybe-map:visited {
    display: block;

    box-sizing: border-box;

    padding: 28px;

    border-radius: var(--ams-radius);

    background: #ffffff;

    color: var(--ams-forest) !important;

    text-decoration: none !important;
}


.ams-distribution-macrocybe-map img {
    display: block;

    width: 100%;
    height: auto;

    max-height: 570px;

    object-fit: contain;
}


.ams-distribution-macrocybe-map span {
    display: block;

    margin-top: 13px;

    color: #285942 !important;

    font-size: 0.82rem;
    font-weight: 800;

    text-align: center;
}


/* ==========================================================
   UNCOMMON / UNDER-RECORDED
   ========================================================== */

.ams-distribution-uncommon {
    padding: 74px 0 82px;

    background: var(--ams-cream);
}


.ams-distribution-uncommon-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 12px;
}


.ams-distribution-uncommon-grid > article {
    display: grid;

    grid-template-rows:
        auto
        1fr;

    overflow: hidden;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-distribution-uncommon-copy {
    padding: 28px;
}


.ams-distribution-uncommon-copy h3 {
    margin: 0 0 3px;

    color: var(--ams-forest) !important;

    font-size: 1.65rem;

    line-height: 1.12;
}


.ams-distribution-uncommon-copy > p {
    color: var(--ams-muted) !important;

    font-size: 0.9rem;

    line-height: 1.55;
}


.ams-distribution-uncommon-map,
.ams-distribution-uncommon-map:link,
.ams-distribution-uncommon-map:visited {
    display: flex;

    flex-direction: column;

    justify-content: center;

    min-height: 400px;

    box-sizing: border-box;

    padding: 24px;

    background: #f3efe1;

    color: var(--ams-forest) !important;

    text-decoration: none !important;
}


.ams-distribution-uncommon-map img {
    display: block;

    width: 100%;

    max-height: 350px;

    margin: auto;

    object-fit: contain;
}


.ams-distribution-uncommon-map span {
    display: block;

    margin-top: 12px;

    color: #285942 !important;

    font-size: 0.82rem;
    font-weight: 800;

    text-align: center;
}


/* ==========================================================
   DATA SOURCES
   ========================================================== */

.ams-distribution-sources {
    padding: 72px 0 78px;

    background: #f3efe1;
}


.ams-distribution-sources-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.8fr)
        minmax(0, 1.2fr);

    gap: 68px;
}


.ams-distribution-sources h2 {
    margin: 0 0 14px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.7rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-distribution-sources-grid > div:first-child > p:last-child {
    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.62;
}


.ams-distribution-source-list {
    border-top:
        1px solid
        rgba(8,39,30,0.16);
}


.ams-distribution-source-list article {
    display: grid;

    grid-template-columns:
        42px
        minmax(0, 1fr);

    gap: 17px;

    padding: 18px 0;

    border-bottom:
        1px solid
        rgba(8,39,30,0.14);
}


.ams-distribution-source-list article > span {
    color: #927126 !important;

    font-size: 0.68rem;
    font-weight: 800;

    letter-spacing: 0.08em;
}


.ams-distribution-source-list strong {
    display: block;

    margin-bottom: 5px;

    color: var(--ams-forest) !important;

    font-size: 0.98rem;
}


.ams-distribution-source-list p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.87rem;

    line-height: 1.5;
}


/* ==========================================================
   FILL THE GAPS
   ========================================================== */

.ams-distribution-gaps {
    padding: 74px 0 78px;

    background: #eadcae;
}


.ams-distribution-gaps-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.8fr)
        minmax(0, 1.2fr);

    gap: 70px;
}


.ams-distribution-gaps h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.7rem, 4.5vw, 4.3rem);

    line-height: 1;

    letter-spacing: -0.045em;
}


.ams-distribution-gaps-grid > div:last-child > p {
    color: #405348 !important;

    font-size: 0.96rem;

    line-height: 1.62;
}


.ams-distribution-gap-steps {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 8px;

    margin-top: 27px;
}


.ams-distribution-gap-steps article {
    display: grid;

    grid-template-columns:
        35px
        minmax(0, 1fr);

    gap: 10px;

    align-items: center;

    min-height: 66px;

    box-sizing: border-box;

    padding: 13px 14px;

    border:
        1px solid
        rgba(8,39,30,0.18);

    border-radius: 6px;

    background:
        rgba(255,255,255,0.42);
}


.ams-distribution-gap-steps span {
    color: #826416 !important;

    font-size: 0.66rem;
    font-weight: 800;
}


.ams-distribution-gap-steps strong {
    color: var(--ams-forest) !important;

    font-size: 0.85rem;

    line-height: 1.35;
}


/* ==========================================================
   AFDP CONNECTION
   ========================================================== */

.ams-distribution-afdp {
    padding: 72px 0;

    background: var(--ams-cream);
}


.ams-distribution-afdp-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 0.9fr);

    gap: 54px;

    align-items: center;
}


.ams-distribution-afdp-photo {
    min-height: 470px;

    overflow: hidden;

    border-radius: var(--ams-radius);
}


.ams-distribution-afdp-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-distribution-afdp-copy {
    max-width: 520px;
}


.ams-distribution-afdp-copy h2 {
    margin: 0 0 16px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 3.8vw, 3.6rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-distribution-afdp-copy p {
    color: var(--ams-muted) !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


.ams-distribution-afdp-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 23px;
}


/* ==========================================================
   CLOSING
   ========================================================== */

.ams-distribution-closing {
    padding: 64px 0;

    background: var(--ams-forest);
}


.ams-distribution-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        auto;

    gap: 48px;

    align-items: center;
}


.ams-distribution-closing .ams-distribution-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-distribution-closing h2 {
    max-width: 720px;

    margin: 0 0 12px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.4rem, 4vw, 3.7rem);

    line-height: 1.02;

    letter-spacing: -0.04em;
}


.ams-distribution-closing p {
    margin: 0;

    color: #dce5df !important;

    font-size: 0.96rem;

    line-height: 1.58;
}


.ams-distribution-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   MAP HOVER POLISH
   ========================================================== */

.ams-distribution-morel-map,
.ams-distribution-card-map,
.ams-distribution-uncommon-map,
.ams-distribution-macrocybe-map,
.ams-distribution-map-image {
    transition:
        transform 0.18s ease,
        background 0.18s ease,
        box-shadow 0.18s ease;
}


.ams-distribution-morel-map:hover,
.ams-distribution-card-map:hover,
.ams-distribution-uncommon-map:hover,
.ams-distribution-macrocybe-map:hover,
.ams-distribution-map-image:hover {
    transform: translateY(-2px);

    box-shadow:
        0 10px 24px
        rgba(8,39,30,0.08);
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1050px) {

    .ams-distribution-feature {
        grid-template-columns:
            minmax(0, 0.8fr)
            minmax(0, 1.2fr);
    }


    .ams-distribution-feature-photo {
        min-height: 450px;
    }


    .ams-distribution-feature > .ams-distribution-map-image {
        grid-column: 1 / -1;

        min-height: 450px;
    }


    .ams-distribution-macrocybe-grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(360px, 0.9fr);
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-distribution-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Hero */

    .ams-distribution-hero {
        min-height: 540px;
    }


    .ams-distribution-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(8,39,30,0.94) 0%,
                rgba(8,39,30,0.78) 70%,
                rgba(8,39,30,0.38) 100%
            ),
            linear-gradient(
                0deg,
                rgba(8,39,30,0.64) 0%,
                rgba(8,39,30,0.04) 65%
            );
    }


    .ams-distribution-hero-inner {
        padding-top: 82px;
        padding-bottom: 52px;
    }


    .ams-distribution-hero h1 {
        font-size:
            clamp(2.9rem, 11vw, 4.4rem);
    }


    /* Intro */

    .ams-distribution-intro {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-distribution-intro-grid,
    .ams-distribution-sources-grid,
    .ams-distribution-gaps-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    /* Read maps */

    .ams-distribution-reading {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-distribution-reading-grid {
        grid-template-columns: 1fr;
    }


    .ams-distribution-reading-grid article {
        min-height: 0;
    }


    /* Popular */

    .ams-distribution-popular {
        padding-top: 56px;
        padding-bottom: 62px;
    }


    /* Red chanterelles */

    .ams-distribution-feature {
        grid-template-columns: 1fr;
    }


    .ams-distribution-feature-photo {
        min-height: 400px;
    }


    .ams-distribution-feature-copy {
        padding: 28px 24px;
    }


    .ams-distribution-feature > .ams-distribution-map-image {
        grid-column: auto;

        min-height: 420px;
    }


    /* Golden */

    .ams-distribution-map-row {
        grid-template-columns: 1fr;
    }


    .ams-distribution-map-row-copy {
        padding: 28px 24px;
    }


    /* Morels */

    .ams-distribution-morels-heading {
        grid-template-columns: 1fr;

        gap: 20px;

        padding: 30px 24px;
    }


    .ams-distribution-morel-gallery {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .ams-distribution-morel-gallery figure {
        height: 300px;
    }


    /* Edibles */

    .ams-distribution-edibles {
        padding-top: 56px;
        padding-bottom: 62px;
    }


    .ams-distribution-edible-grid {
        grid-template-columns: 1fr;
    }


    /* Macrocybe */

    .ams-distribution-macrocybe {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    .ams-distribution-macrocybe-grid {
        grid-template-columns: 1fr;

        gap: 34px;
    }


    .ams-distribution-macrocybe-map {
        padding: 24px;
    }


    /* Uncommon */

    .ams-distribution-uncommon {
        padding-top: 56px;
        padding-bottom: 62px;
    }


    .ams-distribution-uncommon-grid {
        grid-template-columns: 1fr;
    }


    /* Sources */

    .ams-distribution-sources {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    /* Gaps */

    .ams-distribution-gaps {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    /* AFDP */

    .ams-distribution-afdp {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-distribution-afdp-grid {
        grid-template-columns: 1fr;

        gap: 32px;
    }


    .ams-distribution-afdp-photo {
        min-height: 400px;
    }


    .ams-distribution-afdp-copy {
        max-width: none;
    }


    /* Closing */

    .ams-distribution-closing {
        padding: 52px 0;
    }


    .ams-distribution-closing-grid {
        grid-template-columns: 1fr;

        gap: 27px;
    }


    .ams-distribution-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-distribution-hero {
        min-height: 500px;
    }


    .ams-distribution-hero h1 {
        font-size:
            clamp(2.65rem, 12vw, 3.8rem);
    }


    .ams-distribution-lead {
        font-size: 1rem;
    }


    .ams-distribution-feature-photo {
        min-height: 320px;
    }


    .ams-distribution-map-image,
    .ams-distribution-card-map,
    .ams-distribution-uncommon-map {
        min-height: 340px;
    }


    .ams-distribution-morel-gallery {
        grid-template-columns: 1fr;
    }


    .ams-distribution-morel-gallery figure {
        height: 310px;
    }


    .ams-distribution-morel-map {
        padding: 18px;
    }


    .ams-distribution-macrocybe-stat {
        grid-template-columns: 1fr;
    }


    .ams-distribution-macrocybe-map {
        padding: 18px;
    }


    .ams-distribution-gap-steps {
        grid-template-columns: 1fr;
    }


    .ams-distribution-afdp-photo {
        min-height: 330px;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-distribution-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-distribution-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-distribution-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-distribution-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-distribution-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   ==========================================================
   AMS GET A MUSHROOM IDENTIFIED
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-getid-page) .mLayout,
body:has(.ams-getid-page) .zoneContentOuter,
body:has(.ams-getid-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-getid-page) .zoneHeaderOuter,
body:has(.ams-getid-page) .zoneHeader,
body:has(.ams-getid-page) .zoneHeader1Outer,
body:has(.ams-getid-page) .zoneHeader1,
body:has(.ams-getid-page) .zoneHeader2Outer,
body:has(.ams-getid-page) .zoneHeader2,
body:has(.ams-getid-page) .zoneFooterOuter,
body:has(.ams-getid-page) .zoneFooter,
body:has(.ams-getid-page) .zoneFooter1Outer,
body:has(.ams-getid-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-getid-page) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-getid-page) .gadgetStyleTitle {
    display: none !important;
}


.ams-getid-page {
    width: 100%;

    background: var(--ams-cream);

    color: var(--ams-text);
}


.ams-getid-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER / FOOTER CONSISTENCY
   ========================================================== */

body:has(.ams-getid-page) .ams-site-logo,
body:has(.ams-getid-page) .ams-main-nav,
body:has(.ams-getid-page) .ams-member-login,
body:has(.ams-getid-page) .ams-site-footer,
body:has(.ams-getid-page) .ams-footer-brand,
body:has(.ams-getid-page) .ams-footer-links,
body:has(.ams-getid-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-getid-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


body:has(.ams-getid-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-getid-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


body:has(.ams-getid-page) .ams-member-login,
body:has(.ams-getid-page) .ams-member-login a,
body:has(.ams-getid-page) .ams-member-login a:link,
body:has(.ams-getid-page) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;

    background: transparent !important;
}


/* ==========================================================
   SHARED TYPOGRAPHY
   ========================================================== */

.ams-getid-eyebrow {
    margin: 0 0 11px;

    color: #78601f !important;

    font-size: 0.75rem;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


.ams-getid-big-copy {
    margin: 0 0 15px !important;

    color: var(--ams-forest) !important;

    font-size: 1.18rem !important;
    font-weight: 700;

    line-height: 1.5 !important;
}


.ams-getid-section-heading {
    max-width: 840px;

    margin-bottom: 32px;
}


.ams-getid-section-heading h2 {
    margin: 0 0 14px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.75rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-getid-section-heading > p:last-child {
    max-width: 720px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 1rem;

    line-height: 1.6;
}


/* ==========================================================
   HERO
   ========================================================== */

.ams-getid-hero {
    position: relative;

    min-height: 620px;

    display: flex;
    align-items: flex-end;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-getid-hero-image {
    position: absolute;
    inset: 0;
}


.ams-getid-hero-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center 48%;
}


.ams-getid-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8,39,30,0.97) 0%,
            rgba(8,39,30,0.89) 34%,
            rgba(8,39,30,0.47) 67%,
            rgba(8,39,30,0.08) 100%
        ),
        linear-gradient(
            0deg,
            rgba(8,39,30,0.58) 0%,
            rgba(8,39,30,0.02) 62%
        );
}


.ams-getid-hero-inner {
    position: relative;
    z-index: 2;

    padding-top: 100px;
    padding-bottom: 72px;
}


.ams-getid-hero .ams-getid-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-getid-hero h1 {
    max-width: 840px;

    margin: 0 0 18px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(3.4rem, 6vw, 5.65rem);

    line-height: 0.96;

    letter-spacing: -0.05em;
}


.ams-getid-lead {
    max-width: 700px;

    margin: 0;

    color: #e1e9e4 !important;

    font-size: 1.12rem;

    line-height: 1.58;
}


.ams-getid-hero-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 26px;
}


/* ==========================================================
   QUICK START
   ========================================================== */

.ams-getid-start {
    padding: 72px 0 78px;

    background: var(--ams-cream);
}


.ams-getid-start-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.8fr)
        minmax(0, 1.2fr);

    gap: 72px;
}


.ams-getid-start h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.4rem, 4vw, 3.75rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-getid-start-copy p {
    margin: 0 0 1em;

    color: var(--ams-muted) !important;

    font-size: 0.98rem;

    line-height: 1.68;
}


/* ==========================================================
   SIX PHOTO CHECKLIST
   ========================================================== */

.ams-getid-photos {
    padding: 70px 0 80px;

    background: #f3efe1;

    border-top:
        1px solid
        rgba(8,39,30,0.1);
}


.ams-getid-photo-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;
}


.ams-getid-photo-card {
    overflow: hidden;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-getid-photo-image {
    height: 270px;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-getid-photo-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 0.4s ease;
}


.ams-getid-photo-card:hover
.ams-getid-photo-image img {
    transform: scale(1.025);
}


.ams-getid-photo-copy {
    padding: 21px 22px 24px;
}


.ams-getid-photo-copy > span {
    display: block;

    margin-bottom: 9px;

    color: #927126 !important;

    font-size: 0.67rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-getid-photo-copy h3 {
    margin: 0 0 9px;

    color: var(--ams-forest) !important;

    font-size: 1.19rem;

    line-height: 1.24;
}


.ams-getid-photo-copy p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.87rem;

    line-height: 1.52;
}


/* Base card gets a little emphasis */

.ams-getid-photo-card-base {
    border-color:
        rgba(146,113,38,0.42);

    box-shadow:
        0 0 0 1px
        rgba(242,188,77,0.16);
}


/* ==========================================================
   WHY THE BASE MATTERS
   ========================================================== */

.ams-getid-base {
    padding: 72px 0;

    background: var(--ams-forest);
}


.ams-getid-base-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 0.9fr);

    gap: 54px;

    align-items: center;
}


.ams-getid-base-image {
    min-height: 500px;

    overflow: hidden;

    border-radius: var(--ams-radius);
}


.ams-getid-base-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}


.ams-getid-base-copy {
    max-width: 530px;
}


.ams-getid-base-copy .ams-getid-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-getid-base-copy h2 {
    margin: 0 0 16px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.5rem, 4vw, 3.9rem);

    line-height: 1.02;

    letter-spacing: -0.04em;
}


.ams-getid-base-copy .ams-getid-big-copy {
    color: #f5efdc !important;
}


.ams-getid-base-copy > p {
    color: #dce5df !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


.ams-getid-base-rule {
    margin-top: 24px;

    padding: 18px 20px;

    border-left:
        4px solid
        var(--ams-gold);

    background:
        rgba(255,255,255,0.06);
}


.ams-getid-base-rule strong {
    display: block;

    margin-bottom: 4px;

    color: var(--ams-gold) !important;

    font-size: 0.86rem;
}


.ams-getid-base-rule span {
    color: #e5ebe7 !important;

    font-size: 0.89rem;

    line-height: 1.48;
}


/* ==========================================================
   FIELD NOTES
   ========================================================== */

.ams-getid-notes {
    padding: 72px 0 80px;

    background: var(--ams-cream);
}


.ams-getid-note-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}


.ams-getid-note-grid article {
    min-height: 205px;

    box-sizing: border-box;

    padding: 22px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #f7f4e9;
}


.ams-getid-note-grid article > span {
    display: block;

    margin-bottom: 18px;

    color: #927126 !important;

    font-size: 0.67rem;
    font-weight: 800;

    letter-spacing: 0.11em;
}


.ams-getid-note-grid h3 {
    margin: 0 0 8px;

    color: var(--ams-forest) !important;

    font-size: 1.12rem;

    line-height: 1.24;
}


.ams-getid-note-grid p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.87rem;

    line-height: 1.52;
}


/* ==========================================================
   STAINING FEATURE
   ========================================================== */

.ams-getid-staining {
    padding: 72px 0;

    background: #f3efe1;
}


.ams-getid-staining-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 0.85fr)
        minmax(0, 1.15fr);

    gap: 58px;

    align-items: center;
}


.ams-getid-staining-grid > div:first-child h2 {
    margin: 0 0 16px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 3.8vw, 3.6rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-getid-staining-grid > div:first-child p {
    color: var(--ams-muted) !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


.ams-getid-staining-image {
    position: relative;

    min-height: 480px;

    overflow: hidden;

    border-radius: var(--ams-radius);

    background: var(--ams-forest);
}


.ams-getid-staining-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-getid-image-label {
    position: absolute;

    left: 18px;
    right: 18px;
    bottom: 18px;

    box-sizing: border-box;

    padding: 16px 18px;

    border-radius: 6px;

    background:
        rgba(8,39,30,0.9);
}


.ams-getid-image-label span {
    display: block;

    margin-bottom: 5px;

    color: var(--ams-gold) !important;

    font-size: 0.65rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-getid-image-label strong {
    color: var(--ams-on-dark) !important;

    font-size: 0.92rem;

    line-height: 1.4;
}


/* ==========================================================
   MORPHOLOGICAL VARIETY
   ========================================================== */

.ams-getid-variety {
    padding: 72px 0;

    background: var(--ams-cream);
}


.ams-getid-variety-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, 0.95fr);

    gap: 54px;

    align-items: center;
}


.ams-getid-variety-image {
    min-height: 470px;

    overflow: hidden;

    border-radius: var(--ams-radius);
}


.ams-getid-variety-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-getid-variety-copy {
    max-width: 520px;
}


.ams-getid-variety-copy h2 {
    margin: 0 0 16px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 3.8vw, 3.6rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-getid-variety-copy > p {
    color: var(--ams-muted) !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


/* ==========================================================
   WHAT NOT TO SEND
   ========================================================== */

.ams-getid-bad {
    padding: 70px 0 78px;

    background: #f3efe1;
}


.ams-getid-bad-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;
}


.ams-getid-bad-grid article {
    min-height: 210px;

    box-sizing: border-box;

    padding: 21px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-getid-bad-grid article > span {
    display: block;

    margin-bottom: 22px;

    color: #927126 !important;

    font-size: 0.68rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-getid-bad-grid h3 {
    margin: 0 0 9px;

    color: var(--ams-forest) !important;

    font-size: 1.08rem;

    line-height: 1.25;
}


.ams-getid-bad-grid p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.86rem;

    line-height: 1.5;
}


/* ==========================================================
   ASK THE COMMUNITY
   ========================================================== */

.ams-getid-community {
    padding: 74px 0 80px;

    background: var(--ams-forest);
}


.ams-getid-community-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.76fr)
        minmax(0, 1.24fr);

    gap: 64px;
}


.ams-getid-community .ams-getid-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-getid-community h2 {
    margin: 0 0 15px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.45rem, 4vw, 3.8rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-getid-community-grid > div:first-child > p:last-child {
    color: #dce5df !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


.ams-getid-platform-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;
}


.ams-getid-platform,
.ams-getid-platform:link,
.ams-getid-platform:visited {
    display: flex;

    flex-direction: column;

    min-height: 250px;

    box-sizing: border-box;

    padding: 22px;

    border:
        1px solid
        rgba(255,255,255,0.16);

    border-radius: var(--ams-radius);

    background:
        rgba(255,255,255,0.06);

    color: var(--ams-on-dark) !important;

    text-decoration: none !important;
}


.ams-getid-platform-featured {
    grid-column: 1 / -1;

    min-height: 220px;

    border-color:
        rgba(242,188,77,0.55);

    background:
        rgba(242,188,77,0.08);
}


.ams-getid-platform > span {
    display: block;

    margin-bottom: 18px;

    color: var(--ams-gold) !important;

    font-size: 0.66rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-getid-platform strong {
    display: block;

    margin-bottom: 10px;

    color: var(--ams-on-dark) !important;

    font-size: 1.17rem;

    line-height: 1.3;
}


.ams-getid-platform p {
    margin: 0 0 18px;

    color: #dce5df !important;

    font-size: 0.87rem;

    line-height: 1.5;
}


.ams-getid-platform b {
    margin-top: auto;

    color: var(--ams-gold) !important;

    font-size: 0.83rem;
}


/* ==========================================================
   ID VS EDIBILITY
   ========================================================== */

.ams-getid-edibility {
    padding: 72px 0 76px;

    background: var(--ams-cream);
}


.ams-getid-edibility-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.8fr)
        minmax(0, 1.2fr);

    gap: 70px;
}


.ams-getid-edibility h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.7rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-getid-edibility-grid > div:last-child > p {
    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.62;
}


.ams-getid-inline-link,
.ams-getid-inline-link:link,
.ams-getid-inline-link:visited {
    display: inline-block;

    margin-top: 9px;

    color: #285942 !important;

    font-size: 0.94rem;
    font-weight: 800;

    text-decoration: none !important;
}


.ams-getid-inline-link:hover {
    text-decoration: underline !important;
}


/* ==========================================================
   POISON CONTROL
   ========================================================== */

.ams-getid-poison {
    padding: 56px 0;

    background: #eadcae;
}


.ams-getid-poison-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.82fr)
        minmax(0, 1.18fr);

    gap: 70px;

    align-items: center;
}


.ams-getid-poison h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.15rem, 3.5vw, 3.3rem);

    line-height: 1.04;

    letter-spacing: -0.035em;
}


.ams-getid-poison-copy > p {
    color: #405348 !important;

    font-size: 0.94rem;

    line-height: 1.58;
}


.ams-getid-poison-number,
.ams-getid-poison-number:link,
.ams-getid-poison-number:visited {
    display: inline-block;

    margin: 7px 0 9px;

    color: var(--ams-forest) !important;

    font-size: clamp(2rem, 4vw, 3.1rem);

    font-weight: 800;

    letter-spacing: -0.035em;

    text-decoration: none !important;
}


.ams-getid-poison-small {
    font-size: 0.84rem !important;
}


/* ==========================================================
   LEARN TO IDENTIFY
   ========================================================== */

.ams-getid-learn {
    padding: 72px 0;

    background: #f3efe1;
}


.ams-getid-learn-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 0.9fr);

    gap: 54px;

    align-items: center;
}


.ams-getid-learn-image {
    min-height: 460px;

    overflow: hidden;

    border-radius: var(--ams-radius);
}


.ams-getid-learn-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-getid-learn-copy {
    max-width: 530px;
}


.ams-getid-learn-copy h2 {
    margin: 0 0 16px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 3.8vw, 3.6rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-getid-learn-copy p {
    color: var(--ams-muted) !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


.ams-getid-learn-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 23px;
}


/* ==========================================================
   CLOSING
   ========================================================== */

.ams-getid-closing {
    padding: 64px 0;

    background: var(--ams-forest);
}


.ams-getid-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        auto;

    gap: 48px;

    align-items: center;
}


.ams-getid-closing .ams-getid-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-getid-closing h2 {
    max-width: 760px;

    margin: 0;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.4rem, 4vw, 3.7rem);

    line-height: 1.02;

    letter-spacing: -0.04em;
}


.ams-getid-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1000px) {

    .ams-getid-photo-grid,
    .ams-getid-note-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .ams-getid-bad-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-getid-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Hero */

    .ams-getid-hero {
        min-height: 540px;
    }


    .ams-getid-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(8,39,30,0.94) 0%,
                rgba(8,39,30,0.78) 70%,
                rgba(8,39,30,0.38) 100%
            ),
            linear-gradient(
                0deg,
                rgba(8,39,30,0.64) 0%,
                rgba(8,39,30,0.04) 65%
            );
    }


    .ams-getid-hero-inner {
        padding-top: 82px;
        padding-bottom: 52px;
    }


    .ams-getid-hero h1 {
        font-size:
            clamp(2.9rem, 11vw, 4.4rem);
    }


    /* Shared two-column sections */

    .ams-getid-start-grid,
    .ams-getid-edibility-grid,
    .ams-getid-poison-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    /* Start */

    .ams-getid-start {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    /* Photos */

    .ams-getid-photos {
        padding-top: 54px;
        padding-bottom: 60px;
    }


    .ams-getid-photo-grid {
        grid-template-columns: 1fr;
    }


    .ams-getid-photo-image {
        height: 360px;
    }


    /* Base */

    .ams-getid-base {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-getid-base-grid {
        grid-template-columns: 1fr;

        gap: 32px;
    }


    .ams-getid-base-image {
        min-height: 420px;
    }


    .ams-getid-base-copy {
        max-width: none;
    }


    /* Notes */

    .ams-getid-notes {
        padding-top: 54px;
        padding-bottom: 60px;
    }


    /* Staining */

    .ams-getid-staining {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-getid-staining-grid {
        grid-template-columns: 1fr;

        gap: 30px;
    }


    .ams-getid-staining-image {
        min-height: 400px;
    }


    /* Variety */

    .ams-getid-variety {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-getid-variety-grid {
        grid-template-columns: 1fr;

        gap: 32px;
    }


    .ams-getid-variety-image {
        min-height: 400px;
    }


    .ams-getid-variety-copy {
        max-width: none;
    }


    /* Bad ID requests */

    .ams-getid-bad {
        padding-top: 54px;
        padding-bottom: 60px;
    }


    /* Community */

    .ams-getid-community {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    .ams-getid-community-grid {
        grid-template-columns: 1fr;

        gap: 30px;
    }


    /* Edibility */

    .ams-getid-edibility {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    /* Poison */

    .ams-getid-poison {
        padding-top: 46px;
        padding-bottom: 48px;
    }


    /* Learn */

    .ams-getid-learn {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-getid-learn-grid {
        grid-template-columns: 1fr;

        gap: 32px;
    }


    .ams-getid-learn-image {
        min-height: 400px;
    }


    .ams-getid-learn-copy {
        max-width: none;
    }


    /* Closing */

    .ams-getid-closing {
        padding: 52px 0;
    }


    .ams-getid-closing-grid {
        grid-template-columns: 1fr;

        gap: 27px;
    }


    .ams-getid-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-getid-hero {
        min-height: 500px;
    }


    .ams-getid-hero h1 {
        font-size:
            clamp(2.65rem, 12vw, 3.8rem);
    }


    .ams-getid-lead {
        font-size: 1rem;
    }


    .ams-getid-photo-image {
        height: 300px;
    }


    .ams-getid-note-grid,
    .ams-getid-bad-grid,
    .ams-getid-platform-grid {
        grid-template-columns: 1fr;
    }


    .ams-getid-platform-featured {
        grid-column: auto;
    }


    .ams-getid-note-grid article,
    .ams-getid-bad-grid article {
        min-height: 0;
    }


    .ams-getid-base-image,
    .ams-getid-staining-image,
    .ams-getid-variety-image,
    .ams-getid-learn-image {
        min-height: 330px;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-getid-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-getid-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-getid-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-getid-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-getid-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   ==========================================================
   AMS RECOMMENDED BOOKS
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-books-page) .mLayout,
body:has(.ams-books-page) .zoneContentOuter,
body:has(.ams-books-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-books-page) .zoneHeaderOuter,
body:has(.ams-books-page) .zoneHeader,
body:has(.ams-books-page) .zoneHeader1Outer,
body:has(.ams-books-page) .zoneHeader1,
body:has(.ams-books-page) .zoneHeader2Outer,
body:has(.ams-books-page) .zoneHeader2,
body:has(.ams-books-page) .zoneFooterOuter,
body:has(.ams-books-page) .zoneFooter,
body:has(.ams-books-page) .zoneFooter1Outer,
body:has(.ams-books-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-books-page) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-books-page) .gadgetStyleTitle {
    display: none !important;
}


.ams-books-page {
    width: 100%;

    background: var(--ams-cream);

    color: var(--ams-text);
}


.ams-books-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER / FOOTER CONSISTENCY
   ========================================================== */

body:has(.ams-books-page) .ams-site-logo,
body:has(.ams-books-page) .ams-main-nav,
body:has(.ams-books-page) .ams-member-login,
body:has(.ams-books-page) .ams-site-footer,
body:has(.ams-books-page) .ams-footer-brand,
body:has(.ams-books-page) .ams-footer-links,
body:has(.ams-books-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-books-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


body:has(.ams-books-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-books-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


body:has(.ams-books-page) .ams-member-login,
body:has(.ams-books-page) .ams-member-login a,
body:has(.ams-books-page) .ams-member-login a:link,
body:has(.ams-books-page) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;

    background: transparent !important;
}


/* ==========================================================
   SHARED TYPE
   ========================================================== */

.ams-books-eyebrow {
    margin: 0 0 11px;

    color: #78601f !important;

    font-size: 0.75rem;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


.ams-books-big-copy {
    margin: 0 0 15px !important;

    color: var(--ams-forest) !important;

    font-size: 1.18rem !important;
    font-weight: 700;

    line-height: 1.5 !important;
}


.ams-books-section-heading {
    max-width: 860px;

    margin-bottom: 34px;
}


.ams-books-section-heading h2 {
    margin: 0 0 14px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.75rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-books-section-heading > p:last-child {
    max-width: 720px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 1rem;

    line-height: 1.6;
}


.ams-books-author {
    margin: 0 0 14px !important;

    color: #6e756f !important;

    font-size: 0.84rem !important;
    font-style: italic;

    line-height: 1.45;
}


.ams-books-find-link,
.ams-books-find-link:link,
.ams-books-find-link:visited {
    display: inline-block;

    margin-top: 8px;

    color: #285942 !important;

    font-size: 0.86rem;
    font-weight: 800;

    text-decoration: none !important;
}


.ams-books-find-link:hover {
    text-decoration: underline !important;
}


/* ==========================================================
   HERO
   ========================================================== */

.ams-books-hero {
    position: relative;

    min-height: 600px;

    display: flex;
    align-items: flex-end;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-books-hero-image {
    position: absolute;
    inset: 0;
}


.ams-books-hero-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}


.ams-books-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(8,39,30,0.97) 0%,
            rgba(8,39,30,0.90) 36%,
            rgba(8,39,30,0.53) 68%,
            rgba(8,39,30,0.12) 100%
        ),
        linear-gradient(
            0deg,
            rgba(8,39,30,0.58) 0%,
            rgba(8,39,30,0.02) 62%
        );
}


.ams-books-hero-inner {
    position: relative;
    z-index: 2;

    padding-top: 100px;
    padding-bottom: 72px;
}


.ams-books-hero .ams-books-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-books-hero h1 {
    max-width: 900px;

    margin: 0 0 18px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(3.3rem, 5.8vw, 5.5rem);

    line-height: 0.97;

    letter-spacing: -0.05em;
}


.ams-books-lead {
    max-width: 700px;

    margin: 0;

    color: #e1e9e4 !important;

    font-size: 1.12rem;

    line-height: 1.58;
}


/* ==========================================================
   INTRO
   ========================================================== */

.ams-books-intro {
    padding: 72px 0 78px;

    background: var(--ams-cream);
}


.ams-books-intro-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.82fr)
        minmax(0, 1.18fr);

    gap: 72px;
}


.ams-books-intro h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.4rem, 4vw, 3.75rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-books-intro-copy p {
    margin: 0 0 1em;

    color: var(--ams-muted) !important;

    font-size: 0.98rem;

    line-height: 1.68;
}


.ams-books-disclosure {
    margin-top: 22px !important;

    padding-top: 16px;

    border-top:
        1px solid
        rgba(8,39,30,0.14);

    font-size: 0.84rem !important;
}


/* ==========================================================
   CHOOSE A PATH
   ========================================================== */

.ams-books-paths {
    padding: 70px 0 76px;

    background: #f3efe1;
}


.ams-books-path-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}


.ams-books-path,
.ams-books-path:link,
.ams-books-path:visited {
    display: flex;
    flex-direction: column;

    min-height: 255px;

    box-sizing: border-box;

    padding: 24px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;

    color: var(--ams-text) !important;

    text-decoration: none !important;

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease;
}


.ams-books-path:hover {
    transform: translateY(-2px);

    box-shadow:
        0 10px 22px
        rgba(8,39,30,0.08);
}


.ams-books-path > span {
    display: block;

    margin-bottom: 22px;

    color: #927126 !important;

    font-size: 0.67rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-books-path h3 {
    margin: 0 0 10px;

    color: var(--ams-forest) !important;

    font-size: 1.3rem;

    line-height: 1.24;
}


.ams-books-path p {
    margin: 0 0 18px;

    color: var(--ams-muted) !important;

    font-size: 0.88rem;

    line-height: 1.52;
}


.ams-books-path b {
    margin-top: auto;

    color: #285942 !important;

    font-size: 0.84rem;
}


/* ==========================================================
   REGIONAL BOOKS
   ========================================================== */

.ams-books-regional {
    padding: 74px 0 82px;

    background: var(--ams-cream);
}


.ams-books-regional-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 12px;
}


.ams-books-book-card {
    display: grid;

    grid-template-columns:
        170px
        minmax(0, 1fr);

    gap: 24px;

    box-sizing: border-box;

    padding: 24px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-books-book-featured {
    grid-column: 1 / -1;

    grid-template-columns:
        220px
        minmax(0, 1fr);

    padding: 30px;

    background: #f7f4e9;

    border-color:
        rgba(146,113,38,0.34);
}


.ams-books-cover {
    display: flex;

    justify-content: center;
    align-items: flex-start;

    text-decoration: none !important;
}


.ams-books-cover img {
    display: block;

    width: 100%;
    max-width: 180px;

    height: 250px;

    object-fit: contain;

    background: #ffffff;

    border-radius: 3px;

    box-shadow:
        0 8px 20px
        rgba(8,39,30,0.12);
}


.ams-books-book-featured .ams-books-cover img {
    max-width: 210px;

    height: 305px;
}


.ams-books-book-copy > span {
    display: block;

    margin-bottom: 9px;

    color: #927126 !important;

    font-size: 0.66rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-books-book-copy h3 {
    margin: 0 0 5px;

    color: var(--ams-forest) !important;

    font-size: 1.3rem;

    line-height: 1.22;
}


.ams-books-book-featured .ams-books-book-copy h3 {
    font-size: 1.7rem;
}


.ams-books-book-copy p {
    color: var(--ams-muted) !important;

    font-size: 0.88rem;

    line-height: 1.52;
}


/* ==========================================================
   AMS BOOK FEATURE
   ========================================================== */

.ams-books-amsbook {
    padding: 78px 0;

    background: var(--ams-forest);
}


.ams-books-amsbook-grid {
    display: grid;

    grid-template-columns:
        minmax(260px, 0.72fr)
        minmax(0, 1.28fr);

    gap: 70px;

    align-items: center;
}


.ams-books-amsbook-cover {
    display: flex;

    justify-content: center;
}


.ams-books-amsbook-cover img {
    display: block;

    width: 100%;
    max-width: 390px;

    height: auto;

    object-fit: contain;

    border-radius: 4px;

    box-shadow:
        0 18px 36px
        rgba(0,0,0,0.32);
}


.ams-books-amsbook-copy {
    max-width: 650px;
}


.ams-books-amsbook-copy .ams-books-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-books-amsbook-copy h2 {
    margin: 0 0 10px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.6rem, 4.4vw, 4.15rem);

    line-height: 1.01;

    letter-spacing: -0.045em;
}


.ams-books-amsbook-author {
    margin: 0 0 18px !important;

    color: #dce5df !important;

    font-size: 0.9rem !important;
}


.ams-books-amsbook-copy .ams-books-big-copy {
    color: #f8f2df !important;
}


.ams-books-amsbook-copy > p {
    color: #dce5df !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


.ams-books-amsbook-details {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 8px;

    margin: 28px 0;
}


.ams-books-amsbook-details > div {
    padding: 15px 14px;

    border:
        1px solid
        rgba(255,255,255,0.16);

    border-radius: 6px;

    background:
        rgba(255,255,255,0.05);
}


.ams-books-amsbook-details strong {
    display: block;

    margin-bottom: 4px;

    color: var(--ams-gold) !important;

    font-size: 1.25rem;

    line-height: 1.1;
}


.ams-books-amsbook-details span {
    color: #dce5df !important;

    font-size: 0.74rem;

    line-height: 1.35;
}


/* ==========================================================
   GENERAL NORTH AMERICAN REFERENCES
   ========================================================== */

.ams-books-general {
    padding: 74px 0 82px;

    background: #f3efe1;
}


.ams-books-general-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;
}


.ams-books-reference {
    overflow: hidden;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-books-reference-cover {
    display: flex;

    align-items: center;
    justify-content: center;

    height: 330px;

    padding: 24px;

    box-sizing: border-box;

    background: #f7f4e9;
}


.ams-books-reference-cover img {
    display: block;

    width: 100%;
    max-width: 210px;

    max-height: 280px;

    object-fit: contain;

    box-shadow:
        0 8px 20px
        rgba(8,39,30,0.13);
}


.ams-books-reference-copy {
    padding: 22px 23px 25px;
}


.ams-books-reference-copy > span {
    display: block;

    margin-bottom: 9px;

    color: #927126 !important;

    font-size: 0.66rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-books-reference-copy h3 {
    margin: 0 0 6px;

    color: var(--ams-forest) !important;

    font-size: 1.2rem;

    line-height: 1.23;
}


.ams-books-reference-copy > p {
    color: var(--ams-muted) !important;

    font-size: 0.87rem;

    line-height: 1.5;
}


.ams-books-caveat {
    margin-top: 16px !important;

    padding: 13px 14px;

    border-left:
        3px solid
        #cba241;

    background: #f7f4e9;

    font-size: 0.82rem !important;
}


/* ==========================================================
   SPECIALIST LIBRARY
   ========================================================== */

.ams-books-specialist {
    padding: 74px 0 82px;

    background: var(--ams-cream);
}


.ams-books-specialist-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}


.ams-books-specialist-card {
    display: grid;

    grid-template-columns:
        105px
        minmax(0, 1fr);

    gap: 18px;

    min-height: 230px;

    box-sizing: border-box;

    padding: 20px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-books-specialist-cover {
    display: flex;

    justify-content: center;
    align-items: flex-start;
}


.ams-books-specialist-cover img {
    display: block;

    width: 100%;
    max-width: 100px;

    max-height: 155px;

    object-fit: contain;

    box-shadow:
        0 6px 14px
        rgba(8,39,30,0.12);
}


.ams-books-specialist-card span {
    display: block;

    margin-bottom: 8px;

    color: #927126 !important;

    font-size: 0.64rem;
    font-weight: 800;

    letter-spacing: 0.09em;
}


.ams-books-specialist-card h3 {
    margin: 0 0 8px;

    color: var(--ams-forest) !important;

    font-size: 1.02rem;

    line-height: 1.27;
}


.ams-books-specialist-card p {
    margin: 0 0 10px;

    color: var(--ams-muted) !important;

    font-size: 0.82rem;

    line-height: 1.48;
}


.ams-books-specialist-card a,
.ams-books-specialist-card a:link,
.ams-books-specialist-card a:visited {
    color: #285942 !important;

    font-size: 0.8rem;
    font-weight: 800;

    text-decoration: none !important;
}


.ams-books-specialist-card a:hover {
    text-decoration: underline !important;
}


.ams-books-specialist-text {
    grid-template-columns: 1fr;

    background: #f7f4e9;
}


/* ==========================================================
   EDIBLE BOOKS
   ========================================================== */

.ams-books-edible {
    padding: 72px 0 78px;

    background: #f3efe1;
}


.ams-books-edible-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.78fr)
        minmax(0, 1.22fr);

    gap: 70px;
}


.ams-books-edible h2 {
    margin: 0 0 15px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.4rem, 4vw, 3.75rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-books-edible-grid > div:first-child > p:last-child {
    color: var(--ams-muted) !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


.ams-books-edible-list {
    border-top:
        1px solid
        rgba(8,39,30,0.16);
}


.ams-books-edible-list article {
    display: grid;

    grid-template-columns:
        90px
        minmax(0, 1fr);

    gap: 20px;

    padding: 20px 0;

    border-bottom:
        1px solid
        rgba(8,39,30,0.14);
}


.ams-books-edible-list article > span {
    color: #927126 !important;

    font-size: 0.67rem;
    font-weight: 800;

    letter-spacing: 0.08em;
}


.ams-books-edible-list h3 {
    margin: 0 0 7px;

    color: var(--ams-forest) !important;

    font-size: 1.08rem;

    line-height: 1.3;
}


.ams-books-edible-list p {
    margin: 0 0 8px;

    color: var(--ams-muted) !important;

    font-size: 0.87rem;

    line-height: 1.5;
}


.ams-books-edible-list a,
.ams-books-edible-list a:link,
.ams-books-edible-list a:visited {
    color: #285942 !important;

    font-size: 0.82rem;
    font-weight: 800;

    text-decoration: none !important;
}


/* ==========================================================
   HOW TO CHOOSE
   ========================================================== */

.ams-books-choose {
    padding: 72px 0 80px;

    background: var(--ams-cream);
}


.ams-books-choose-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}


.ams-books-choose-grid article {
    min-height: 205px;

    box-sizing: border-box;

    padding: 22px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #f7f4e9;
}


.ams-books-choose-grid article > span {
    display: block;

    margin-bottom: 20px;

    color: #927126 !important;

    font-size: 0.68rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-books-choose-grid h3 {
    margin: 0 0 8px;

    color: var(--ams-forest) !important;

    font-size: 1.12rem;
}


.ams-books-choose-grid p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.87rem;

    line-height: 1.52;
}


/* ==========================================================
   TAXONOMY
   ========================================================== */

.ams-books-taxonomy {
    padding: 72px 0 78px;

    background: #eadcae;
}


.ams-books-taxonomy-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.8fr)
        minmax(0, 1.2fr);

    gap: 70px;
}


.ams-books-taxonomy h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.7rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-books-taxonomy-grid > div:last-child > p {
    color: #405348 !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


/* ==========================================================
   USED BOOKS
   ========================================================== */

.ams-books-used {
    padding: 70px 0 74px;

    background: #f3efe1;
}


.ams-books-used-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.82fr)
        minmax(0, 1.18fr);

    gap: 68px;

    align-items: center;
}


.ams-books-used h2 {
    margin: 0 0 13px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.65rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-books-used-grid > div:first-child > p:last-child {
    color: var(--ams-muted) !important;

    font-size: 0.95rem;

    line-height: 1.6;
}


.ams-books-used-actions {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;
}


.ams-books-used-link,
.ams-books-used-link:link,
.ams-books-used-link:visited {
    display: flex;

    flex-direction: column;

    min-height: 170px;

    box-sizing: border-box;

    padding: 21px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;

    color: var(--ams-text) !important;

    text-decoration: none !important;
}


.ams-books-used-link > span {
    display: block;

    margin-bottom: 18px;

    color: #927126 !important;

    font-size: 0.65rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-books-used-link strong {
    color: var(--ams-forest) !important;

    font-size: 1.18rem;
}


.ams-books-used-link b {
    margin-top: auto;

    color: #285942 !important;

    font-size: 0.82rem;
}


/* ==========================================================
   CLOSING
   ========================================================== */

.ams-books-closing {
    padding: 64px 0;

    background: var(--ams-forest);
}


.ams-books-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.18fr)
        auto;

    gap: 48px;

    align-items: center;
}


.ams-books-closing .ams-books-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-books-closing h2 {
    margin: 0 0 11px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.4rem, 4vw, 3.7rem);

    line-height: 1.02;

    letter-spacing: -0.04em;
}


.ams-books-closing p {
    max-width: 650px;

    margin: 0;

    color: #dce5df !important;

    font-size: 0.95rem;

    line-height: 1.58;
}


.ams-books-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1050px) {

    .ams-books-general-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .ams-books-reference:last-child {
        grid-column: 1 / -1;
    }


    .ams-books-specialist-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-books-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Hero */

    .ams-books-hero {
        min-height: 520px;
    }


    .ams-books-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(8,39,30,0.94) 0%,
                rgba(8,39,30,0.78) 70%,
                rgba(8,39,30,0.38) 100%
            ),
            linear-gradient(
                0deg,
                rgba(8,39,30,0.64) 0%,
                rgba(8,39,30,0.04) 65%
            );
    }


    .ams-books-hero-inner {
        padding-top: 82px;
        padding-bottom: 52px;
    }


    .ams-books-hero h1 {
        font-size:
            clamp(2.9rem, 11vw, 4.4rem);
    }


    /* Shared */

    .ams-books-intro-grid,
    .ams-books-edible-grid,
    .ams-books-taxonomy-grid,
    .ams-books-used-grid {
        grid-template-columns: 1fr;

        gap: 26px;
    }


    /* Intro */

    .ams-books-intro {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    /* Paths */

    .ams-books-paths {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-books-path-grid {
        grid-template-columns: 1fr;
    }


    .ams-books-path {
        min-height: 0;
    }


    /* Regional */

    .ams-books-regional {
        padding-top: 56px;
        padding-bottom: 62px;
    }


    .ams-books-regional-grid {
        grid-template-columns: 1fr;
    }


    .ams-books-book-featured {
        grid-column: auto;
    }


    /* AMS book */

    .ams-books-amsbook {
        padding-top: 58px;
        padding-bottom: 60px;
    }


    .ams-books-amsbook-grid {
        grid-template-columns: 1fr;

        gap: 36px;
    }


    .ams-books-amsbook-cover img {
        max-width: 330px;
    }


    .ams-books-amsbook-copy {
        max-width: none;
    }


    /* General */

    .ams-books-general {
        padding-top: 56px;
        padding-bottom: 62px;
    }


    .ams-books-general-grid {
        grid-template-columns: 1fr;
    }


    .ams-books-reference:last-child {
        grid-column: auto;
    }


    /* Specialist */

    .ams-books-specialist {
        padding-top: 56px;
        padding-bottom: 62px;
    }


    .ams-books-specialist-grid {
        grid-template-columns: 1fr;
    }


    /* Edible */

    .ams-books-edible {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    /* Choose */

    .ams-books-choose {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    .ams-books-choose-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    /* Taxonomy */

    .ams-books-taxonomy {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    /* Used */

    .ams-books-used {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    /* Closing */

    .ams-books-closing {
        padding: 52px 0;
    }


    .ams-books-closing-grid {
        grid-template-columns: 1fr;

        gap: 27px;
    }


    .ams-books-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-books-hero {
        min-height: 490px;
    }


    .ams-books-hero h1 {
        font-size:
            clamp(2.65rem, 12vw, 3.8rem);
    }


    .ams-books-lead {
        font-size: 1rem;
    }


    .ams-books-book-card,
    .ams-books-book-featured {
        grid-template-columns: 1fr;

        gap: 18px;
    }


    .ams-books-cover img,
    .ams-books-book-featured .ams-books-cover img {
        max-width: 210px;

        height: 290px;
    }


    .ams-books-amsbook-details {
        grid-template-columns: 1fr;
    }


    .ams-books-reference-cover {
        height: 300px;
    }


    .ams-books-specialist-card {
        grid-template-columns:
            90px
            minmax(0, 1fr);
    }


    .ams-books-choose-grid,
    .ams-books-used-actions {
        grid-template-columns: 1fr;
    }


    .ams-books-choose-grid article {
        min-height: 0;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-books-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-books-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-books-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-books-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-books-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   ==========================================================
   AMS SHOP
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-shop-page) .mLayout,
body:has(.ams-shop-page) .zoneContentOuter,
body:has(.ams-shop-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-shop-page) .zoneHeaderOuter,
body:has(.ams-shop-page) .zoneHeader,
body:has(.ams-shop-page) .zoneHeader1Outer,
body:has(.ams-shop-page) .zoneHeader1,
body:has(.ams-shop-page) .zoneHeader2Outer,
body:has(.ams-shop-page) .zoneHeader2,
body:has(.ams-shop-page) .zoneFooterOuter,
body:has(.ams-shop-page) .zoneFooter,
body:has(.ams-shop-page) .zoneFooter1Outer,
body:has(.ams-shop-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-shop-page) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-shop-page) .gadgetStyleTitle {
    display: none !important;
}


.ams-shop-page {
    width: 100%;

    background: var(--ams-cream);

    color: var(--ams-text);
}


.ams-shop-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER / FOOTER CONSISTENCY
   ========================================================== */

body:has(.ams-shop-page) .ams-site-logo,
body:has(.ams-shop-page) .ams-main-nav,
body:has(.ams-shop-page) .ams-member-login,
body:has(.ams-shop-page) .ams-site-footer,
body:has(.ams-shop-page) .ams-footer-brand,
body:has(.ams-shop-page) .ams-footer-links,
body:has(.ams-shop-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-shop-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


body:has(.ams-shop-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-shop-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


body:has(.ams-shop-page) .ams-member-login,
body:has(.ams-shop-page) .ams-member-login a,
body:has(.ams-shop-page) .ams-member-login a:link,
body:has(.ams-shop-page) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;

    background: transparent !important;
}


/* ==========================================================
   SHARED TYPE
   ========================================================== */

.ams-shop-eyebrow {
    margin: 0 0 11px;

    color: #78601f !important;

    font-size: 0.75rem;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


.ams-shop-big-copy {
    margin: 0 0 15px !important;

    color: var(--ams-forest) !important;

    font-size: 1.18rem !important;
    font-weight: 700;

    line-height: 1.5 !important;
}


.ams-shop-section-heading {
    max-width: 860px;

    margin-bottom: 34px;
}


.ams-shop-section-heading h2 {
    margin: 0 0 14px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.75rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-shop-section-heading > p:last-child {
    max-width: 720px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 1rem;

    line-height: 1.6;
}


.ams-shop-inline-link,
.ams-shop-inline-link:link,
.ams-shop-inline-link:visited {
    display: inline-block;

    margin-top: 8px;

    color: #285942 !important;

    font-size: 0.9rem;
    font-weight: 800;

    text-decoration: none !important;
}


.ams-shop-inline-link:hover {
    text-decoration: underline !important;
}


/* ==========================================================
   HERO
   ========================================================== */

.ams-shop-hero {
    padding: 82px 0 74px;

    background: var(--ams-forest);

    overflow: hidden;
}


.ams-shop-hero-grid {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0, 1.12fr)
        minmax(300px, 0.88fr);

    gap: 74px;

    align-items: center;
}


.ams-shop-hero-copy {
    position: relative;

    z-index: 2;
}


.ams-shop-hero .ams-shop-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-shop-hero h1 {
    max-width: 840px;

    margin: 0 0 18px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(3.25rem, 5.8vw, 5.4rem);

    line-height: 0.97;

    letter-spacing: -0.05em;
}


.ams-shop-lead {
    max-width: 660px;

    margin: 0;

    color: #dfe7e2 !important;

    font-size: 1.12rem;

    line-height: 1.58;
}


.ams-shop-hero-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 27px;
}


.ams-shop-hero-book {
    position: relative;

    display: flex;

    justify-content: center;
    align-items: center;

    min-height: 520px;
}


.ams-shop-hero-book-glow {
    position: absolute;

    width: 340px;
    height: 340px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(242,188,77,0.24) 0%,
            rgba(242,188,77,0.08) 46%,
            rgba(242,188,77,0) 72%
        );

    filter: blur(8px);
}


.ams-shop-hero-book img {
    position: relative;

    z-index: 2;

    display: block;

    width: 100%;
    max-width: 355px;

    height: auto;

    border-radius: 4px;

    box-shadow:
        0 28px 54px
        rgba(0,0,0,0.36);

    transform: rotate(2deg);
}


/* ==========================================================
   QUICK SHOP PATHS
   ========================================================== */

.ams-shop-paths {
    padding: 70px 0 76px;

    background: #f3efe1;
}


.ams-shop-path-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}


.ams-shop-path,
.ams-shop-path:link,
.ams-shop-path:visited {
    display: flex;

    flex-direction: column;

    min-height: 250px;

    box-sizing: border-box;

    padding: 24px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;

    color: var(--ams-text) !important;

    text-decoration: none !important;

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease;
}


.ams-shop-path:hover {
    transform: translateY(-2px);

    box-shadow:
        0 10px 24px
        rgba(8,39,30,0.08);
}


.ams-shop-path > span {
    display: block;

    margin-bottom: 22px;

    color: #927126 !important;

    font-size: 0.67rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-shop-path h3 {
    margin: 0 0 10px;

    color: var(--ams-forest) !important;

    font-size: 1.27rem;

    line-height: 1.24;
}


.ams-shop-path p {
    margin: 0 0 18px;

    color: var(--ams-muted) !important;

    font-size: 0.88rem;

    line-height: 1.52;
}


.ams-shop-path b {
    margin-top: auto;

    color: #285942 !important;

    font-size: 0.84rem;
}


/* ==========================================================
   AMS BOOK FEATURE
   ========================================================== */

.ams-shop-book {
    padding: 80px 0;

    background: var(--ams-cream);
}


.ams-shop-book-grid {
    display: grid;

    grid-template-columns:
        minmax(270px, 0.74fr)
        minmax(0, 1.26fr);

    gap: 74px;

    align-items: center;
}


.ams-shop-book-cover {
    display: flex;

    justify-content: center;
}


.ams-shop-book-cover img {
    display: block;

    width: 100%;
    max-width: 390px;

    height: auto;

    border-radius: 4px;

    box-shadow:
        0 20px 42px
        rgba(8,39,30,0.18);
}


.ams-shop-book-copy {
    max-width: 650px;
}


.ams-shop-book-copy h2 {
    margin: 0 0 10px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.65rem, 4.5vw, 4.2rem);

    line-height: 1.01;

    letter-spacing: -0.045em;
}


.ams-shop-book-author {
    margin: 0 0 18px !important;

    color: var(--ams-muted) !important;

    font-size: 0.89rem !important;
    font-style: italic;

    line-height: 1.45;
}


.ams-shop-book-copy > p {
    color: var(--ams-muted) !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


.ams-shop-book-stats {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 8px;

    margin: 28px 0;
}


.ams-shop-book-stats > div {
    padding: 15px 14px;

    border:
        1px solid
        rgba(8,39,30,0.14);

    border-radius: 6px;

    background: #f7f4e9;
}


.ams-shop-book-stats strong {
    display: block;

    margin-bottom: 4px;

    color: var(--ams-forest) !important;

    font-size: 1.2rem;

    line-height: 1.1;
}


.ams-shop-book-stats span {
    color: var(--ams-muted) !important;

    font-size: 0.74rem;

    line-height: 1.35;
}


.ams-shop-purchase-note {
    max-width: 520px;

    margin-top: 14px !important;

    color: #6d776f !important;

    font-size: 0.79rem !important;

    line-height: 1.45 !important;
}


/* ==========================================================
   ETSY MERCHANDISE
   ========================================================== */

.ams-shop-merch {
    padding: 76px 0;

    background: var(--ams-forest);
}


.ams-shop-merch-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 0.87fr)
        minmax(0, 1.13fr);

    gap: 60px;

    align-items: center;
}


.ams-shop-merch .ams-shop-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-shop-merch h2 {
    margin: 0 0 16px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.55rem, 4.2vw, 4rem);

    line-height: 1.01;

    letter-spacing: -0.045em;
}


.ams-shop-merch .ams-shop-big-copy {
    color: #f5efdc !important;
}


.ams-shop-merch-grid > div:first-child > p {
    color: #dce5df !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


.ams-shop-merch-grid .ams-button {
    margin-top: 13px;
}


.ams-shop-merch-art {
    min-width: 0;
}


.ams-shop-merch-art-grid {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 8px;

    transform: rotate(-1deg);
}


.ams-shop-merch-art-grid figure {
    margin: 0;

    height: 230px;

    overflow: hidden;

    border-radius: var(--ams-radius);

    background: #061d17;
}


.ams-shop-merch-art-grid figure:nth-child(2),
.ams-shop-merch-art-grid figure:nth-child(3) {
    height: 270px;
}


.ams-shop-merch-art-grid img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-shop-merch-art > p {
    margin: 13px 0 0;

    color: #aebdb5 !important;

    font-size: 0.78rem;

    line-height: 1.45;

    text-align: right;
}


/* ==========================================================
   CALENDAR FEATURE
   ========================================================== */

.ams-shop-calendar {
    padding: 72px 0;

    background: #f3efe1;
}


.ams-shop-calendar-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, 0.95fr);

    gap: 56px;

    align-items: center;
}


.ams-shop-calendar-photo {
    min-height: 470px;

    overflow: hidden;

    border-radius: var(--ams-radius);
}


.ams-shop-calendar-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-shop-calendar-copy {
    max-width: 520px;
}


.ams-shop-calendar-copy h2 {
    margin: 0 0 16px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.4rem, 4vw, 3.75rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-shop-calendar-copy > p {
    color: var(--ams-muted) !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


/* ==========================================================
   WHERE THE MONEY GOES
   ========================================================== */

.ams-shop-support {
    padding: 72px 0 80px;

    background: var(--ams-cream);
}


.ams-shop-support-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;
}


.ams-shop-support-grid article {
    min-height: 220px;

    box-sizing: border-box;

    padding: 22px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #f7f4e9;
}


.ams-shop-support-grid article > span {
    display: block;

    margin-bottom: 21px;

    color: #927126 !important;

    font-size: 0.66rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-shop-support-grid h3 {
    margin: 0 0 8px;

    color: var(--ams-forest) !important;

    font-size: 1.12rem;

    line-height: 1.24;
}


.ams-shop-support-grid p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.87rem;

    line-height: 1.52;
}


/* ==========================================================
   OTHER BOOKS / LIBRARY
   ========================================================== */

.ams-shop-library {
    padding: 72px 0 76px;

    background: #eadcae;
}


.ams-shop-library-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.8fr)
        minmax(0, 1.2fr);

    gap: 70px;
}


.ams-shop-library h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.4rem, 4vw, 3.7rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-shop-library-grid > div:last-child > p {
    color: #405348 !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


/* ==========================================================
   OTHER WAYS TO SUPPORT
   ========================================================== */

.ams-shop-more {
    padding: 72px 0 80px;

    background: #f3efe1;
}


.ams-shop-more-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}


.ams-shop-more-card,
.ams-shop-more-card:link,
.ams-shop-more-card:visited {
    display: flex;

    flex-direction: column;

    min-height: 245px;

    box-sizing: border-box;

    padding: 24px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;

    color: var(--ams-text) !important;

    text-decoration: none !important;

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease;
}


.ams-shop-more-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 10px 24px
        rgba(8,39,30,0.08);
}


.ams-shop-more-card > span {
    display: block;

    margin-bottom: 20px;

    color: #927126 !important;

    font-size: 0.66rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-shop-more-card h3 {
    margin: 0 0 9px;

    color: var(--ams-forest) !important;

    font-size: 1.2rem;

    line-height: 1.24;
}


.ams-shop-more-card p {
    margin: 0 0 18px;

    color: var(--ams-muted) !important;

    font-size: 0.87rem;

    line-height: 1.52;
}


.ams-shop-more-card b {
    margin-top: auto;

    color: #285942 !important;

    font-size: 0.84rem;
}


/* ==========================================================
   CLOSING
   ========================================================== */

.ams-shop-closing {
    padding: 64px 0;

    background: var(--ams-forest);
}


.ams-shop-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        auto;

    gap: 48px;

    align-items: center;
}


.ams-shop-closing .ams-shop-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-shop-closing h2 {
    max-width: 720px;

    margin: 0;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.4rem, 4vw, 3.7rem);

    line-height: 1.02;

    letter-spacing: -0.04em;
}


.ams-shop-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1000px) {

    .ams-shop-hero-grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(250px, 0.7fr);

        gap: 42px;
    }


    .ams-shop-support-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-shop-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Hero */

    .ams-shop-hero {
        padding-top: 60px;
        padding-bottom: 58px;
    }


    .ams-shop-hero-grid {
        grid-template-columns: 1fr;

        gap: 34px;
    }


    .ams-shop-hero h1 {
        font-size:
            clamp(2.9rem, 11vw, 4.4rem);
    }


    .ams-shop-hero-book {
        min-height: 0;

        padding-top: 12px;
    }


    .ams-shop-hero-book img {
        max-width: 300px;

        transform: rotate(1deg);
    }


    /* Paths */

    .ams-shop-paths {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-shop-path-grid {
        grid-template-columns: 1fr;
    }


    .ams-shop-path {
        min-height: 0;
    }


    /* Book */

    .ams-shop-book {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    .ams-shop-book-grid {
        grid-template-columns: 1fr;

        gap: 36px;
    }


    .ams-shop-book-cover img {
        max-width: 330px;
    }


    .ams-shop-book-copy {
        max-width: none;
    }


    /* Merch */

    .ams-shop-merch {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    .ams-shop-merch-grid {
        grid-template-columns: 1fr;

        gap: 34px;
    }


    .ams-shop-merch-art-grid {
        transform: none;
    }


    /* Calendar */

    .ams-shop-calendar {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-shop-calendar-grid {
        grid-template-columns: 1fr;

        gap: 32px;
    }


    .ams-shop-calendar-photo {
        min-height: 390px;
    }


    .ams-shop-calendar-copy {
        max-width: none;
    }


    /* Support */

    .ams-shop-support {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    /* Library */

    .ams-shop-library {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    .ams-shop-library-grid {
        grid-template-columns: 1fr;

        gap: 26px;
    }


    /* More */

    .ams-shop-more {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    .ams-shop-more-grid {
        grid-template-columns: 1fr;
    }


    .ams-shop-more-card {
        min-height: 0;
    }


    /* Closing */

    .ams-shop-closing {
        padding: 52px 0;
    }


    .ams-shop-closing-grid {
        grid-template-columns: 1fr;

        gap: 27px;
    }


    .ams-shop-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-shop-hero h1 {
        font-size:
            clamp(2.65rem, 12vw, 3.8rem);
    }


    .ams-shop-lead {
        font-size: 1rem;
    }


    .ams-shop-book-stats {
        grid-template-columns: 1fr;
    }


    .ams-shop-merch-art-grid {
        grid-template-columns: 1fr;
    }


    .ams-shop-merch-art-grid figure,
    .ams-shop-merch-art-grid figure:nth-child(2),
    .ams-shop-merch-art-grid figure:nth-child(3) {
        height: 280px;
    }


    .ams-shop-support-grid {
        grid-template-columns: 1fr;
    }


    .ams-shop-support-grid article {
        min-height: 0;
    }


    .ams-shop-calendar-photo {
        min-height: 320px;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-shop-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-shop-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-shop-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-shop-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-shop-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}
/* ==========================================================
   ==========================================================
   AMS COMMON EDIBLE MUSHROOMS
   September 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   PAGE SHELL
   ========================================================== */

body:has(.ams-edibles-page) .mLayout,
body:has(.ams-edibles-page) .zoneContentOuter,
body:has(.ams-edibles-page) .zoneContent {
    background: var(--ams-cream) !important;
    background-image: none !important;
}


body:has(.ams-edibles-page) .zoneHeaderOuter,
body:has(.ams-edibles-page) .zoneHeader,
body:has(.ams-edibles-page) .zoneHeader1Outer,
body:has(.ams-edibles-page) .zoneHeader1,
body:has(.ams-edibles-page) .zoneHeader2Outer,
body:has(.ams-edibles-page) .zoneHeader2,
body:has(.ams-edibles-page) .zoneFooterOuter,
body:has(.ams-edibles-page) .zoneFooter,
body:has(.ams-edibles-page) .zoneFooter1Outer,
body:has(.ams-edibles-page) .zoneFooter1 {
    background-color: var(--ams-forest) !important;
    background-image: none !important;
}


.WaGadgetCustomHTML:has(.ams-edibles-page) {
    margin: 0 !important;
    padding: 0 !important;
}


.WaGadgetCustomHTML:has(.ams-edibles-page) .gadgetStyleTitle {
    display: none !important;
}


.ams-edibles-page {
    width: 100%;

    background: var(--ams-cream);

    color: var(--ams-text);
}


.ams-edibles-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: var(--ams-content);

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* ==========================================================
   HEADER / FOOTER CONSISTENCY
   ========================================================== */

body:has(.ams-edibles-page) .ams-site-logo,
body:has(.ams-edibles-page) .ams-main-nav,
body:has(.ams-edibles-page) .ams-member-login,
body:has(.ams-edibles-page) .ams-site-footer,
body:has(.ams-edibles-page) .ams-footer-brand,
body:has(.ams-edibles-page) .ams-footer-links,
body:has(.ams-edibles-page) .ams-footer-connect {
    background: transparent !important;
}


body:has(.ams-edibles-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item > a {
    color: var(--ams-on-dark) !important;

    background: transparent !important;

    font-size: 0.92rem;
    font-weight: 600;

    letter-spacing: 0.045em;

    text-transform: uppercase;
}


body:has(.ams-edibles-page)
.ams-main-nav
.menuInner
ul.firstLevel > li > .item:hover > a,

body:has(.ams-edibles-page)
.ams-main-nav
.menuInner
ul.firstLevel > li.sel > .item > a {
    color: var(--ams-gold) !important;
}


body:has(.ams-edibles-page) .ams-member-login,
body:has(.ams-edibles-page) .ams-member-login a,
body:has(.ams-edibles-page) .ams-member-login a:link,
body:has(.ams-edibles-page) .ams-member-login a:visited {
    color: var(--ams-on-dark) !important;

    background: transparent !important;
}


/* ==========================================================
   SHARED TYPOGRAPHY
   ========================================================== */

.ams-edibles-eyebrow {
    margin: 0 0 11px;

    color: #78601f !important;

    font-size: 0.75rem;
    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


.ams-edibles-big-copy {
    margin: 0 0 15px !important;

    color: var(--ams-forest) !important;

    font-size: 1.18rem !important;
    font-weight: 700;

    line-height: 1.5 !important;
}


.ams-edibles-section-heading {
    max-width: 850px;

    margin-bottom: 34px;
}


.ams-edibles-section-heading h2 {
    margin: 0 0 14px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.4rem, 4vw, 3.8rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-edibles-section-heading > p:last-child {
    max-width: 720px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 1rem;

    line-height: 1.62;
}


.ams-edibles-latin {
    margin: 0 0 17px !important;

    color: #6e776f !important;

    font-size: 0.85rem !important;
    font-style: italic;

    line-height: 1.4;
}


/* ==========================================================
   HERO
   ========================================================== */

.ams-edibles-hero {
    padding: 76px 0 74px;

    overflow: hidden;

    background: var(--ams-forest);
}


.ams-edibles-hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.02fr)
        minmax(390px, 0.98fr);

    gap: 64px;

    align-items: center;
}


.ams-edibles-hero-copy {
    position: relative;

    z-index: 2;
}


.ams-edibles-hero .ams-edibles-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-edibles-hero h1 {
    max-width: 780px;

    margin: 0 0 18px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(3.4rem, 6vw, 5.7rem);

    line-height: 0.96;

    letter-spacing: -0.052em;
}


.ams-edibles-lead {
    max-width: 680px;

    margin: 0;

    color: #dfe8e2 !important;

    font-size: 1.1rem;

    line-height: 1.62;
}


.ams-edibles-hero-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 27px;
}


/* ==========================================================
   HERO PHOTO MOSAIC
   ========================================================== */

.ams-edibles-hero-gallery {
    position: relative;

    min-height: 570px;
}


.ams-edibles-hero-photo {
    position: absolute;

    margin: 0;

    overflow: hidden;

    border-radius: var(--ams-radius);

    box-shadow:
        0 18px 38px
        rgba(0,0,0,0.28);
}


.ams-edibles-hero-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-edibles-hero-photo-a {
    top: 5px;
    left: 0;

    width: 54%;
    height: 300px;
}


.ams-edibles-hero-photo-b {
    top: 50px;
    right: 0;

    width: 42%;
    height: 215px;
}


.ams-edibles-hero-photo-c {
    bottom: 10px;
    left: 8%;

    width: 45%;
    height: 235px;
}


.ams-edibles-hero-photo-d {
    right: 2%;
    bottom: 0;

    width: 41%;
    height: 275px;
}


/* ==========================================================
   INTRO / CONTEXT
   ========================================================== */

.ams-edibles-context {
    padding: 72px 0 78px;

    background: var(--ams-cream);
}


.ams-edibles-context-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.82fr)
        minmax(0, 1.18fr);

    gap: 72px;
}


.ams-edibles-context h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.35rem, 4vw, 3.75rem);

    line-height: 1.03;

    letter-spacing: -0.04em;
}


.ams-edibles-context-grid > div:last-child > p {
    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.65;
}


/* ==========================================================
   LEARNING LEVELS
   ========================================================== */

.ams-edibles-levels {
    padding: 68px 0 74px;

    background: #f3efe1;
}


.ams-edibles-level-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}


.ams-edibles-level {
    min-height: 220px;

    box-sizing: border-box;

    padding: 24px;

    border-radius: var(--ams-radius);

    background: #ffffff;

    border:
        1px solid
        rgba(8,39,30,0.13);
}


.ams-edibles-level > span {
    display: inline-block;

    margin-bottom: 24px;

    padding: 7px 10px;

    border-radius: 999px;

    font-size: 0.64rem;
    font-weight: 800;

    line-height: 1;

    letter-spacing: 0.09em;

    text-transform: uppercase;
}


.ams-edibles-level-first > span {
    background: #e3eee6;

    color: #24543f !important;
}


.ams-edibles-level-lookalikes > span {
    background: #f4e6b5;

    color: #6f5313 !important;
}


.ams-edibles-level-advanced > span {
    background: #ead9cf;

    color: #70452d !important;
}


.ams-edibles-level h3 {
    margin: 0 0 9px;

    color: var(--ams-forest) !important;

    font-size: 1.22rem;

    line-height: 1.27;
}


.ams-edibles-level p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.88rem;

    line-height: 1.54;
}


/* ==========================================================
   LEVEL TAGS
   ========================================================== */

.ams-edibles-level-tag {
    display: inline-block;

    width: fit-content;

    margin-bottom: 12px;

    padding: 6px 9px;

    border-radius: 999px;

    font-size: 0.61rem !important;
    font-weight: 800;

    line-height: 1 !important;

    letter-spacing: 0.08em;

    text-transform: uppercase;
}


.ams-edibles-level-tag-first {
    background: #e3eee6;

    color: #24543f !important;
}


.ams-edibles-level-tag-lookalikes {
    background: #f4e6b5;

    color: #6f5313 !important;
}


.ams-edibles-level-tag-advanced {
    background: #ead9cf;

    color: #70452d !important;
}


/* ==========================================================
   START HERE
   ========================================================== */

.ams-edibles-start {
    padding: 76px 0 82px;

    background: var(--ams-cream);
}


.ams-edibles-start-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}


.ams-edibles-start-card,
.ams-edibles-start-card:link,
.ams-edibles-start-card:visited {
    display: flex;

    flex-direction: column;

    min-height: 285px;

    box-sizing: border-box;

    padding: 23px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #f7f4e9;

    color: var(--ams-text) !important;

    text-decoration: none !important;

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        border-color 0.18s ease;
}


.ams-edibles-start-card:hover {
    transform: translateY(-2px);

    border-color:
        rgba(8,39,30,0.28);

    box-shadow:
        0 11px 25px
        rgba(8,39,30,0.08);
}


.ams-edibles-start-card strong {
    display: block;

    margin: 2px 0 2px;

    color: var(--ams-forest) !important;

    font-size: 1.28rem;

    line-height: 1.22;
}


.ams-edibles-start-card em {
    display: block;

    margin-bottom: 15px;

    color: #727c75 !important;

    font-size: 0.83rem;
}


.ams-edibles-start-card p {
    margin: 0 0 18px;

    color: var(--ams-muted) !important;

    font-size: 0.87rem;

    line-height: 1.53;
}


.ams-edibles-start-card b {
    margin-top: auto;

    color: #285942 !important;

    font-size: 0.83rem;
}


/* ==========================================================
   CATEGORY SHARED
   ========================================================== */

.ams-edibles-category {
    padding: 76px 0 84px;
}


.ams-edibles-category-header {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.85fr)
        minmax(0, 1.15fr);

    gap: 68px;

    align-items: end;

    margin-bottom: 38px;
}


.ams-edibles-category-header h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.55rem, 4.5vw, 4.2rem);

    line-height: 0.99;

    letter-spacing: -0.045em;
}


.ams-edibles-category-header > div:last-child p {
    max-width: 620px;

    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.96rem;

    line-height: 1.62;
}


/* ==========================================================
   TERRESTRIAL
   ========================================================== */

.ams-edibles-terrestrial {
    background: #f3efe1;
}


/* ==========================================================
   FULL SPECIES CARDS
   ========================================================== */

.ams-edibles-species-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 12px;
}


.ams-edibles-species-card {
    overflow: hidden;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;
}


.ams-edibles-species-copy {
    padding: 24px;
}


.ams-edibles-species-copy h3 {
    margin: 0 0 4px;

    color: var(--ams-forest) !important;

    font-size: 1.38rem;

    line-height: 1.22;
}


.ams-edibles-species-copy dl {
    margin: 18px 0;
}


.ams-edibles-species-copy dl > div {
    display: grid;

    grid-template-columns:
        95px
        minmax(0, 1fr);

    gap: 15px;

    padding: 10px 0;

    border-top:
        1px solid
        rgba(8,39,30,0.10);
}


.ams-edibles-species-copy dt {
    margin: 0;

    color: #85691f !important;

    font-size: 0.63rem;
    font-weight: 800;

    line-height: 1.4;

    letter-spacing: 0.08em;
}


.ams-edibles-species-copy dd {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.84rem;

    line-height: 1.5;
}


.ams-edibles-species-copy > a,
.ams-edibles-species-copy > a:link,
.ams-edibles-species-copy > a:visited {
    color: #285942 !important;

    font-size: 0.84rem;
    font-weight: 800;

    text-decoration: none !important;
}


.ams-edibles-species-copy > a:hover {
    text-decoration: underline !important;
}


/* ==========================================================
   SPECIES CARDS WITH IMAGE
   ========================================================== */

.ams-edibles-species-photo-card {
    display: grid;

    grid-template-columns:
        minmax(190px, 0.7fr)
        minmax(0, 1.3fr);
}


.ams-edibles-species-image {
    min-height: 100%;

    overflow: hidden;

    background: #dcd8ca;
}


.ams-edibles-species-image img {
    display: block;

    width: 100%;
    height: 100%;

    min-height: 470px;

    object-fit: cover;
}


/* ==========================================================
   BOLETES
   ========================================================== */

.ams-edibles-boletes {
    background: var(--ams-cream);
}


.ams-edibles-bolete-note {
    display: grid;

    grid-template-columns:
        minmax(210px, 0.65fr)
        minmax(0, 1.35fr);

    gap: 28px;

    margin-bottom: 26px;

    padding: 21px 23px;

    border-left:
        4px solid
        var(--ams-gold);

    background: var(--ams-forest);
}


.ams-edibles-bolete-note strong {
    color: var(--ams-gold) !important;

    font-size: 1rem;

    line-height: 1.35;
}


.ams-edibles-bolete-note p {
    margin: 0;

    color: #dce5df !important;

    font-size: 0.88rem;

    line-height: 1.52;
}


/* ==========================================================
   COMPACT SPECIES CARDS
   ========================================================== */

.ams-edibles-compact-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}


.ams-edibles-compact-card,
.ams-edibles-compact-card:link,
.ams-edibles-compact-card:visited {
    display: flex;

    flex-direction: column;

    min-height: 250px;

    box-sizing: border-box;

    padding: 22px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #ffffff;

    color: var(--ams-text) !important;

    text-decoration: none !important;

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease;
}


a.ams-edibles-compact-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 10px 23px
        rgba(8,39,30,0.08);
}


.ams-edibles-compact-card h3 {
    margin: 1px 0 4px;

    color: var(--ams-forest) !important;

    font-size: 1.15rem;

    line-height: 1.25;
}


.ams-edibles-compact-card > p:not(.ams-edibles-latin) {
    margin: 0 0 15px;

    color: var(--ams-muted) !important;

    font-size: 0.85rem;

    line-height: 1.51;
}


.ams-edibles-compact-card b {
    margin-top: auto;

    color: #285942 !important;

    font-size: 0.82rem;
}


/* ==========================================================
   WOOD-GROWING
   ========================================================== */

.ams-edibles-wood {
    background: #f3efe1;
}


.ams-edibles-species-grid-four {
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
}


/* ==========================================================
   POLYPORES
   ========================================================== */

.ams-edibles-polypores {
    background: var(--ams-cream);
}


.ams-edibles-polypore-feature {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(0, 0.9fr);

    min-height: 520px;

    margin-bottom: 14px;

    overflow: hidden;

    border-radius: var(--ams-radius);

    background: var(--ams-forest);
}


.ams-edibles-polypore-image {
    min-height: 520px;

    overflow: hidden;
}


.ams-edibles-polypore-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.ams-edibles-polypore-copy {
    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 45px;
}


.ams-edibles-polypore-copy .ams-edibles-eyebrow {
    margin-top: 10px;

    color: var(--ams-gold) !important;
}


.ams-edibles-polypore-copy h3 {
    margin: 0 0 12px;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.5rem, 4vw, 3.8rem);

    line-height: 1;

    letter-spacing: -0.04em;
}


.ams-edibles-polypore-copy .ams-edibles-big-copy {
    color: #f4eedc !important;
}


.ams-edibles-polypore-copy > p:not(.ams-edibles-eyebrow) {
    color: #dbe5df !important;

    font-size: 0.92rem;

    line-height: 1.6;
}


.ams-edibles-polypore-copy > a,
.ams-edibles-polypore-copy > a:link,
.ams-edibles-polypore-copy > a:visited {
    display: inline-block;

    margin-top: 10px;

    color: var(--ams-gold) !important;

    font-size: 0.84rem;
    font-weight: 800;

    text-decoration: none !important;
}


.ams-edibles-polypore-grid {
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
}


/* ==========================================================
   DIFFICULTY SECTION
   ========================================================== */

.ams-edibles-difficulty {
    padding: 72px 0 78px;

    background: #eadcae;
}


.ams-edibles-difficulty-grid {
    display: grid;

    grid-template-columns:
        minmax(280px, 0.82fr)
        minmax(0, 1.18fr);

    gap: 72px;
}


.ams-edibles-difficulty h2 {
    margin: 0;

    color: var(--ams-forest) !important;

    font-size: clamp(2.45rem, 4.2vw, 3.9rem);

    line-height: 1.02;

    letter-spacing: -0.04em;
}


.ams-edibles-difficulty-grid > div:last-child > p {
    color: #405348 !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


/* ==========================================================
   IDENTIFICATION METHOD
   ========================================================== */

.ams-edibles-method {
    padding: 72px 0 80px;

    background: var(--ams-cream);
}


.ams-edibles-method-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}


.ams-edibles-method-grid article {
    min-height: 205px;

    box-sizing: border-box;

    padding: 22px;

    border:
        1px solid
        rgba(8,39,30,0.13);

    border-radius: var(--ams-radius);

    background: #f7f4e9;
}


.ams-edibles-method-grid article > span {
    display: block;

    margin-bottom: 20px;

    color: #927126 !important;

    font-size: 0.68rem;
    font-weight: 800;

    letter-spacing: 0.1em;
}


.ams-edibles-method-grid h3 {
    margin: 0 0 8px;

    color: var(--ams-forest) !important;

    font-size: 1.1rem;

    line-height: 1.26;
}


.ams-edibles-method-grid p {
    margin: 0;

    color: var(--ams-muted) !important;

    font-size: 0.86rem;

    line-height: 1.52;
}


/* ==========================================================
   FORAGING FEATURE
   ========================================================== */

.ams-edibles-foraging {
    background: #f3efe1;
}


.ams-edibles-foraging-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(0, 0.9fr);

    min-height: 500px;

    padding-left: 0;
    padding-right: 0;
}


.ams-edibles-foraging-image {
    overflow: hidden;
}


.ams-edibles-foraging-image img {
    display: block;

    width: 100%;
    height: 100%;

    min-height: 500px;

    object-fit: cover;
}


.ams-edibles-foraging-copy {
    display: flex;

    flex-direction: column;

    justify-content: center;

    box-sizing: border-box;

    padding: 52px;
}


.ams-edibles-foraging-copy h2 {
    margin: 0 0 16px;

    color: var(--ams-forest) !important;

    font-size: clamp(2.45rem, 4vw, 3.8rem);

    line-height: 1.02;

    letter-spacing: -0.04em;
}


.ams-edibles-foraging-copy > p {
    margin: 0 0 22px;

    color: var(--ams-muted) !important;

    font-size: 0.95rem;

    line-height: 1.62;
}


/* ==========================================================
   CLOSING
   ========================================================== */

.ams-edibles-closing {
    padding: 64px 0;

    background: var(--ams-forest);
}


.ams-edibles-closing-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        auto;

    gap: 48px;

    align-items: center;
}


.ams-edibles-closing .ams-edibles-eyebrow {
    color: var(--ams-gold) !important;
}


.ams-edibles-closing h2 {
    max-width: 710px;

    margin: 0;

    color: var(--ams-on-dark) !important;

    font-size: clamp(2.5rem, 4vw, 3.85rem);

    line-height: 1.01;

    letter-spacing: -0.04em;
}


.ams-edibles-closing-actions {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 10px;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1050px) {

    .ams-edibles-hero-grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(330px, 0.82fr);

        gap: 40px;
    }


    .ams-edibles-hero-gallery {
        min-height: 510px;
    }


    .ams-edibles-polypore-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .ams-edibles-compact-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 800px) {

    .ams-edibles-inner {
        padding-left: 22px;
        padding-right: 22px;
    }


    /* Hero */

    .ams-edibles-hero {
        padding-top: 58px;
        padding-bottom: 58px;
    }


    .ams-edibles-hero-grid {
        grid-template-columns: 1fr;

        gap: 38px;
    }


    .ams-edibles-hero h1 {
        font-size:
            clamp(2.9rem, 11vw, 4.5rem);
    }


    .ams-edibles-hero-gallery {
        min-height: 470px;
    }


    /* Shared two-column sections */

    .ams-edibles-context-grid,
    .ams-edibles-category-header,
    .ams-edibles-difficulty-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    /* Context */

    .ams-edibles-context {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    /* Levels */

    .ams-edibles-levels {
        padding-top: 54px;
        padding-bottom: 58px;
    }


    .ams-edibles-level-grid {
        grid-template-columns: 1fr;
    }


    .ams-edibles-level {
        min-height: 0;
    }


    /* Start */

    .ams-edibles-start {
        padding-top: 56px;
        padding-bottom: 62px;
    }


    .ams-edibles-start-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    /* Categories */

    .ams-edibles-category {
        padding-top: 58px;
        padding-bottom: 64px;
    }


    /* Full species */

    .ams-edibles-species-grid,
    .ams-edibles-species-grid-four {
        grid-template-columns: 1fr;
    }


    .ams-edibles-species-photo-card {
        grid-template-columns:
            minmax(180px, 0.65fr)
            minmax(0, 1.35fr);
    }


    /* Bolete note */

    .ams-edibles-bolete-note {
        grid-template-columns: 1fr;

        gap: 8px;
    }


    /* Polypore feature */

    .ams-edibles-polypore-feature {
        grid-template-columns: 1fr;
    }


    .ams-edibles-polypore-image {
        min-height: 390px;
    }


    .ams-edibles-polypore-copy {
        padding: 32px;
    }


    /* Difficulty */

    .ams-edibles-difficulty {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    /* Method */

    .ams-edibles-method {
        padding-top: 56px;
        padding-bottom: 60px;
    }


    .ams-edibles-method-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    /* Foraging */

    .ams-edibles-foraging-grid {
        grid-template-columns: 1fr;
    }


    .ams-edibles-foraging-image img {
        min-height: 390px;
    }


    .ams-edibles-foraging-copy {
        padding: 38px 22px 44px;
    }


    /* Closing */

    .ams-edibles-closing {
        padding: 52px 0;
    }


    .ams-edibles-closing-grid {
        grid-template-columns: 1fr;

        gap: 28px;
    }


    .ams-edibles-closing-actions {
        justify-content: flex-start;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width: 520px) {

    .ams-edibles-hero h1 {
        font-size:
            clamp(2.65rem, 12vw, 3.8rem);
    }


    .ams-edibles-lead {
        font-size: 1rem;
    }


    /* Hero mosaic becomes simple 2 x 2 */

    .ams-edibles-hero-gallery {
        position: static;

        display: grid;

        grid-template-columns:
            1fr
            1fr;

        gap: 7px;

        min-height: 0;
    }


    .ams-edibles-hero-photo,
    .ams-edibles-hero-photo-a,
    .ams-edibles-hero-photo-b,
    .ams-edibles-hero-photo-c,
    .ams-edibles-hero-photo-d {
        position: static;

        width: auto;
        height: 185px;

        box-shadow: none;
    }


    /* Start */

    .ams-edibles-start-grid {
        grid-template-columns: 1fr;
    }


    .ams-edibles-start-card {
        min-height: 0;
    }


    /* Species */

    .ams-edibles-species-photo-card {
        grid-template-columns: 1fr;
    }


    .ams-edibles-species-image img {
        min-height: 280px;
        height: 280px;
    }


    .ams-edibles-species-copy dl > div {
        grid-template-columns: 1fr;

        gap: 3px;
    }


    /* Compact */

    .ams-edibles-compact-grid,
    .ams-edibles-polypore-grid {
        grid-template-columns: 1fr;
    }


    .ams-edibles-compact-card {
        min-height: 0;
    }


    /* Polypore */

    .ams-edibles-polypore-image {
        min-height: 320px;
    }


    .ams-edibles-polypore-copy {
        padding: 27px 22px 31px;
    }


    /* Method */

    .ams-edibles-method-grid {
        grid-template-columns: 1fr;
    }


    .ams-edibles-method-grid article {
        min-height: 0;
    }


    /* Foraging */

    .ams-edibles-foraging-image img {
        min-height: 320px;
    }

}


/* ==========================================================
   MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 800px) {

    body:has(.ams-edibles-page) .ams-main-nav {
        position: fixed !important;

        top: 18px !important;
        right: 18px !important;
        left: auto !important;

        z-index: 10000 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        overflow: visible !important;
    }


    body:has(.ams-edibles-page)
    .ams-main-nav .menuInner {
        position: relative !important;

        width: auto !important;

        overflow: visible !important;
    }


    body:has(.ams-edibles-page)
    .ams-main-nav
    .menuInner .menuButton {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(255,255,255,0.42) !important;

        border-radius: 7px;

        background:
            rgba(8,39,30,0.92) !important;

        color: var(--ams-on-dark) !important;
    }


    body:has(.ams-edibles-page)
    .ams-main-nav
    .menuInner .menuButton::after {
        content: none !important;

        display: none !important;
    }


    body:has(.ams-edibles-page)
    .ams-main-nav
    .menuInner.mobileView
    ul.firstLevel {
        position: absolute !important;

        top: calc(100% + 8px) !important;
        right: 0 !important;
        left: auto !important;

        width: max-content !important;
        min-width: max-content !important;
        max-width: calc(100vw - 36px) !important;

        margin: 0 !important;
        padding: 7px 0 !important;

        border-radius: 8px;

        background: var(--ams-forest) !important;

        box-shadow:
            0 12px 30px
            rgba(0,0,0,0.28) !important;
    }

}