.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;
    }

}