/*4.15.26 CSS*/
 /*fixing graemlin icon box blowout*/
.mce-graemlin-menu[class*=block-grid-] {
  border: 1px solid lightgrey !important;
}
/*adds hover color top nav bar line*/
@media only screen and (min-width: 40.0625em) {
    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background: #6563d2;
    }
/*This is the 1.14.26 revised version*/
/* breadcrumb size*/
/*adjusts spacing between lines of breadcrumbs. Default was 1.0*/ .breadcrumbs; li {line-height: 1.2rem; } 
.breadcrumbs>li {
    line-height: 1rem;
    font-size: .85rem;
}
/* TOP NAV: keep inside .row width, dropdowns aligned, iPad landscape fix = */ 
/* 1) Make the bar expand if items wrap, and stay above the next section */ #top_nav_bar.top-bar{ height: auto; /* Foundation often forces a fixed height */ overflow: visible; position: relative; z-index: 100; /* ensure bar itself sits above page sections */ } 

/* 2) Constrain the menu to the same width as .row and center it */ 
#top_nav_bar ; .top-bar-section{ max-width: 62.5rem; /* Foundation default row width (1000px) */ margin: 0 auto; padding: 0 0.9375rem; /* same as .row side padding (15px) */ overflow: visible; position: relative; z-index: 5001; } /* If your theme's .row max-width is different, change 62.5rem to match it. */ 

/* 3) Stop Foundation's float/right behavior from pushing items outside */ 
#top_nav_bar .top-bar-section ul.right{ float: none !important; display: flex; justify-content: center; /* centered within the constrained container */ align-items: stretch; flex-wrap: wrap; /* allows wrap *without* overlapping content */ gap: 0; /* keep tight like Foundation */ width: 100%; margin: 0; } 

/* 4) Link sizing (default/desktop) */ 
#top_nav_bar .top-bar-section ul.right ; li ; a{ white-space: nowrap; padding: 0 0.75rem; /* default spacing */ line-height: 2.8125rem; /* typical top-bar height (45px) */ }

 /* 5) Dropdowns: align under their parent, stay within container, overlay content */ 
#top_nav_bar .top-bar-section ul.right ; li{ position: relative; /* anchor dropdown positioning */ } #top_nav_bar .top-bar-section ul.right ; li ; .dropdown{ left: 0 !important; /* align dropdown to left edge of its parent */ right: auto !important; top: 100%; z-index: 9999; /* above everything beneath */ } #top_nav_bar .top-bar-section ul.right ; li.has-dropdown{ overflow: visible; } #top_nav_bar .top-bar-section .dropdown{ overflow: visible; } 

/* 6) iPad landscape (the trouble spot): shrink spacing so it DOESN'T wrap */ 
@media (min-width: 1024px) and (max-width: 1199px){ #top_nav_bar .top-bar-section ul.right ; li ; a{ padding: 0 0.50rem; /* tighter */ font-size: 0.875rem; /* slightly smaller */ } }

/* 7) If it STILL wraps on iPad landscape, let it wrap BUT ensure the bar grows */ 
@media (min-width: 1024px) and (max-width: 1199px){ #top_nav_bar .top-bar-section ul.right{ align-content: stretch; /* ensures extra line contributes to height */ } } 
/* FIX: stop ALL CAPS in the BLUE top nav (Foundation sets uppercase somewhere else) */
#top_nav_bar.top-bar .top-bar-section a,
#top_nav_bar.top-bar .top-bar-section ul.right > li > a,
#top_nav_bar.top-bar .top-bar-section ul.dropdown li > a,
#top_nav_bar.top-bar .top-bar-section .dropdown li > a {
  text-transform: none !important;
}

/*REMOVED STAR next to SM label... inserts icon in premium badge=================*/
 .h-member-badge-premium:before { content: "\f005"; display: inline-block; font-family: 'Font Awesome 5 Pro'; font: normal normal normal 14px/1 font-family: 'Font Awesome 5 Pro'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin-right: 5px; border-radius:13px; } 

/* get rid of all caps in nav bar */ 
.top-bar-section ul li ; a { text-transform: none; } /* Adjust selector to your forum’s pagination link class/container */ .pagination a[data-page]::before { content: "Page "; } /* Move pagination above topic list */ .forum-pagination { display: flex; justify-content: center; margin-bottom: 1em; } /* Pull it above the list */ .topics-list { display: flex; flex-direction: column; } .topics-list .forum-pagination { order: -1; }ul.pagination li a, ul.pagination li button { border-radius: 3px; transition: background-color 300ms ease-out; background: #d2f1d7; color: #0405ef; display: block; font-size: 1em; font-weight: bolder; line-height: inherit; padding: .0588235294rem .5882352941rem .0588235294rem; }

/* All datetime stamps in light grey */ 
.post-box-meta .datetime { color: #e0dcdc; } .post-box-meta ; a::before { content: "Posted "; color: #e0dcdc; } 

/* Hover effect - turn blue */ .post-box-meta .datetime:hover { color: #4a90e2; } 

/* Private Messages - always visible and blue */ .h-page-private-message .post-box-meta ; a, .h-page-private-message .edit-datetime-dropdown { opacity: 1 !important; } .h-page-private-message .post-box-meta .datetime { color: #4a90e2 !important; } /* Admin forum - always visible and blue */ .h-category-admin-page-private .post-box-meta ; a, .h-category-admin-page-private .edit-datetime-dropdown { opacity: 1 !important; } .h-category-admin-page-private .post-box-meta .datetime { color: #4a90e2 !important; } 

/* calendar color coding */ .h-calendar-label-for-Social-Media-Enews-Marketing-Calendar { background-color: #3788d8 !important; border-color: #2968a8 !important; color: white !important; } .h-calendar-event-for-Tech-Team-Calendar, .h-calendar-label-for-Tech-Team-Calendar { background-color: #28a745 !important; border-color: #1e7e34 !important; color: white !important; } 

/*makes calendar borders stand out*/ .fc-basic-view td.fc-day-number, .fc-basic-view td.fc-week-number span Specificity: (0,2,2) { border-style: dashed; } /*10.25 adjusts color of back and forward arrows and borders in calendars*/ .fa-arrow-circle-left { color: white !important; } .fa-arrow-circle-right { color: white !important; } /*calendar lines black turned off for now .fc-row table { border: 1px solid black; }*/ 

/*hides option to bulk upload events to our system*/ #importCalendarFileLink { display: none !important; } #importCalendarFileActionBoxIcon { display: none !important; } .h-widget-events-day-marker { display: flex;} /*9.2025 tightening padding around content to make slightly larger in mobile too*/ element.style { border-left-color: hsl(264deg 56.92% 73.31%); } .post-box { padding-right: 10px; background-color: #fff; color: #050505; } .post-article { margin-bottom: 20px; padding: 2px 2px 2px 10px; border-left: 4px solid; } 

/*makes section box in survey stand out*/ .section-box-header h4 { font-size: large; background-color: aliceblue; } 

/*since h4 is currently tiny, i applied custom font size to where it's used in a header .section-box-header h4 {font-size:medium} .section-box-header { background-color: #f3c84499; }*/ /*8.18.25 these two custom field items add the learn more button to profile page and are controlled by the entry in the header*/ #customField_661525227859967213_desc a.learn-more { text-decoration: underline; } #customField_661525227859967213_desc a.learn-more:hover { text-decoration: none; } .signature p { margin-bottom: 0; color: #5e5c5c; font-size: .9rem; } footer.signature.h-signature p:first-of-type:before { content: "BIO: "; font-size: .75rem; font-color: grey; font-weight: 900;} /*8.25 tested. make extract text invisible to non-premium members but still searchable*/ .post-box-body .somewhat-blurry-text {display:none;} /*8-25 tested good.turning off as superfluous the phrase "original post" that was appearing after 3/12/20 release at bottom of the top post in topic*/ .post-box-note { display: none;} /*adds color to byline esp needed in mobile, tested 2025 and still needed*/ .post-box-byline {background: #dfdfdf78; padding: 3pt; } /*2025 not sure why we have this or if no longer necessary #overviewPostingOptionsButtonWrapper {display:none;} */ 

/*8.2025tested and still needed. these three 'nones' remove metadata in topic menus #likes and date etc under tite*/ 
.h-topic-metadata {display: none;} .h-topic-post-date {display: none;} 
.h-byline {display: none;} .h-topic-last-post {display: none;}*/ 
/*seems to fix 'share' and 'options' icons from slamming into widget on smaller screen*/ .small-2 { width: 100%; } /*align center H1 titles. but turned it off due to textlefting some other things too .text-left { text-align: center !important; }*/ /*6.25 add ridge definition to byline/poster's box*/ /*4.25 h2 resize which was set too small at .91 for some reason on small screens. This corrects it.*/ h2 { font-size:1.3rem;} 

/*adding light blue background to topic titles in homepage content blocks 4/25 looks like it is defunct h2.h-content-block-title { font-size: 1.2rem; background-color: hsla(218, 60%, 54%, 0.29); padding: 4px; text-align: center; } */ /*3.2025 adjusts layout and size of avatars on PM and others WAS deactivated after unintended consequences .line-item.h-private-message-participants { display: flex;} .rounded-avatar { border-radius: 8%; width: 90px; }*/ 

/*supresses follow all forum option in category listing of forums not topic views*/ body#categoryPage #watchForumButton { display: none; } /*removes unnecessary # of replits and Topics count --working 2025*/ .h-topic-count-label { display: none; } .h-topic-reply-count-label { display: none; } 

/*Cstack's add breadcrumb to mobile view CSS*/ .breadcrumbs-wrapper.hide-for-small-only { display: inherit !important; } @media only screen and (max-width: 40.0625em) { .h-page-for-FORUM nav.breadcrumbs li.breadcrumb { display: none; } .h-page-for-FORUM nav.breadcrumbs li.breadcrumb:last-child , .h-page-for-FORUM nav.breadcrumbs li.breadcrumb:nth-last-child(2) { display: list-item; } .h-page-for-FORUM nav.breadcrumbs li.breadcrumb:nth-last-child(2):before { display:none; } } 

/*Adjusting the close button visibility 'up' in alert messages*/ .alert-box.alert a:not(.button), .alt-section-box-contents .alert-box.alert a:not(.button), .alert-box.alert a:not(.button):visited { color: #f9fd58; } .alert-box .close { font-size: 1.5rem; line-height: .9; margin-top: -.75rem; opacity: .9; } /*adding top padding to post box so doesn't slam into byline in mobile view*/ .post-box-inner-body { margin-top: 20px; } 

/*hides default new topic button in widget column #createContentButton:not(.round) { display: none; }*/ /*creates new button class for "add new topic" button*/ .buttonClassnewtopic { /* font-size: 14px;*/ width: 70%; /*height: 35px;*/ padding: 6px; border-color: #18ab29; border-top-left-radius: 28px; border-top-right-radius: 28px; border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; background: rgb(234 233 251); border-color: #8c7fda; border-style: inset; display: inline-block; } .buttonClassnewtopic:hover { background:#ffffff } /*7.2024 new code for mobile-fixedpost '+' new topic button*/ #fixedPostButtonContainer #fixedPostButtonIconSpan { float: right; margin-top: 5px; margin-right: 5px; cursor: pointer; /* align-content: center; */ text-align: center; } #fixedPostButtonContainer #fixedPostButtonIconSpan::after { display: block; content: "New Topic"; font: caption; font-size: smaller; background-color: aliceblue; } a.button i.fa-any { color: #8785d5; } 

/*New Post and Ask Button Configs*/ button:hover, button:focus, .button:hover, .button:focus { font-weight: bold; background-color:#fbfbfb; color: #b219dd; } #createContentButton:not(.round), .button { border-radius: 40px; background-color: #eae9fb; width: 100%; border-style: ridge; border-width: 2px; color: blue; } button:hover, button:focus, .button:hover, .button:focus { background-color: #fbfbfb; } #createContentButton:hover { border-radius: 40px; background-color: #ffffff; color: #a704a7; } /*10.24.23 fix to create white space in post headline in mobile view*/ h1,h2,h3,h4,h5,h6 { margin-bottom: .9rem; margin-top: .9rem;} /*9.13.23 my solution to widening nav bar text fields, .5 default a bit too narrow removed 9.3.25 to tighten .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 .7rem; }*/ /*8-31-23 add distinguishing border to manage topic options*/ .f-dropdown.utility li { border-top: solid; border-top-color: #685ee587; } 

/*8-28-23 display none to nuke social med share buttons which started to appear in topics*/ .share-bar a.button {display: none; } /*these first three are new widening code being tested. Takes us from 66% to 80rem*/ .row { margin: 0 auto; max-width: 80rem; width: 100%; } /*new blue nav bar width for wider screen*/ #top_nav_bar_wrapper { max-width: 80rem; } /*adjusts sticky nav bar titling to new width*/ .row .fixed .row { max-width: 80rem; } 

/*8-28-23 further removes more padding in sticky topic title to tighten it*/ [data-magellan-expedition], [data-magellan-expedition-clone] { padding: 0px 0; } /*added 8/23 to adjust nav bar to new screenwidth when in stickyfixed position*/ .fixed {right: 0; } /*makes icons on formatting toolbar space nicely*/ .mce-toolbar-grp .mce-btn button {font-size: .95rem; padding: 5px 8px;} /*seems to help top nav bar stay inside its container mxwidth was orig 62*/ .contain-to-grid .top-bar { max-width: 80rem; } 

/*ALLEGEDLY makes top comm menu bar stick at top when scrolling #top_nav_bar_wrapper.fixed { width:100%; } */ 

/*narrowing fa spacing a bit for nav bar, I punked this to see if it solved the search bar closing issue reported by Robin and a member .fa-fw { text-align: center; width: 0.9rem; }*/ /*moves navbar drop down to allow for longer menu entries, right was orig '0'*/ @media only screen and (min-width: 40.0625em) { .top-bar-section .right li .dropdown { left: auto; right: auto; } /*first three entries here adjust colors and layout of member's byline*/ .post-box-byline .circle-labels .h-member-badge { vertical-align: text-bottom; margin-left: -10px;} .label.secondary { background-color: rgba(231, 231, 231, 0); color: #1c1e1e; margin-left: -10px;} .label.success { background-color: #ab111100; color: #6d6ad4d4; font-weight: 900;} /*adjusting edit delete topic dropdown menu*/ .f-dropdown li { cursor: pointer; font-size: 1.1rem; line-height: 2.0; margin: 5px; } /*makes blue nav bar drop down font slightly bigger and widened the bar display after going to 80% screen width*/ .top-bar-section ul.dropdown li:not(.has-form) a:not(.button) { padding: .7rem; font-size: .9rem; } 

/*changes nav bar item when hovered over*/ .top-bar-section li:not(.has-form):not(.active):hover ; a:not(.button) { background-color:#7673e3; } /*background of Person's Profile on main nav bar and padding*/ .top-bar-section li.active:not(.has-form) a:not(.button) { background: #6317a6; padding: 0 0.4rem; } 

/*changes background highlight of bluemenubar to lighter#7673e3 !!!!!!!!*/ .top-bar-section .dropdown li:not(.has-form):not(.active):hover;a:not(.button) { color: #fff; background:#7673e3; } 

/* centers nav bar: */ nav.top-bar { text-align: center; } .pageFooter {background-color: #ffffff; } section.top-bar-section ; ul.right { float: none !important; display: inline-block; } .top-bar-section ul li ;a { text-decoration:none; } .f-dropdown li a:link { text-decoration: none; } footer#poweredByFooter;.row { padding-top: 10px; padding-bottom: 5px; text-align: center; } 


 /* get rid of all caps nav bar: */ .top-bar-section ul li ; a { text-transform:none; } /*menu bar font resizing*/ .top-bar-section ul li ;a { } h1 { font-size: 1.5rem; font-weight: bold; } h2 { font-size: 1.3rem; font-weight: bold; } h3 { font-size: 1.2rem; } h4 { font-size: 0.95rem; } 

/*adjusting size of nav bar font a bit smaller to accommodate long user names --adding fontsize -pad was .35*/ 
.top-bar-section li:not(.has-form) a:not(.button) { font-weight: 400; font-size: 0.85rem; }

/*ted code to hide nav bar for big images in gallery view*/ .featherlight { z-index: 4000; } /*added padding to custom pages*/ div#customPageContent { padding-left: 8px; } /*added bold to page numbers to make more obvious*/ ul.pagination.inline li, ul.pagination.inline li a { font-weight: bold; } .section-box-header a:not(.button):focus, .section-box-header a:not(.button):hover { color: #a63fec; } /*makes words in Word pasted tables align top*/ td { vertical-align: top;} p.topic-replies-sort-note.topic-replies-sort-NEWEST_TO_OLDEST.small-font { font-size: 1.1rem; } 

/*reduce category font size to condense category menu page*/ .section-box-header a:not(.button) { color: #0609b8; font-size: 1.1rem;} 

/*adjustments to caption box appearance*/ figure.image { display: inline-block; border: 0px solid gray; margin: 0 2px 0 1px; background: #ededed; text-align: center; padding: 10px; font-size: .9rem; } /*applies hover color to header links*/ header#siteHeader a:hover { color: #ae57de; } 

/*increases search icon size on blue nav bar*/ .fa-search.fa-fw.h-search-icon { font-size: 1.1rem; } /*adj color and centers newest post at top note*/ .topic-replies-sort-note, .topic-replies-sort-note .fa-any { color: #ff6800; text-align: center; } 

/*moves text "menu" under hamburger icon*/ .tab-bar .menu-icon { text-indent: -0.6rem; d color: #0000FF; } /*gives top tab-bar invisible bkgd color in tablet mode. .tab-bar { background: rgba(98, 139, 255, 0); } */ /*adds word "menu" below black hamburger lines*/ .tab-bar .menu-icon span::after { content: "menu"; font-size: 0.95rem; color: #0000FF; font-weight: bold; } 

/*adjusts update post button*/ button.success, .button.success { background-color: #6d6ad4; border-color: #3d39c5; color: #fff; width: 60%; border-radius: 30px; } .button-group .button { font-size: .99rem; } /*post topic button rounding a#createContentButton { border-radius: 40px; }*/ /*changed 11/27 to fix ASK button*/ #button, .button { background-color: ##fefeff; width:100%; font-size:0.99rem; padding: 7px; } /*default adjusting x close on gallery .featherlight .featherlight-close-icon { position: absolute; z-index: 9999; top: 0; right: 0; line-height: 60px; width: 15px; cursor: pointer; text-align: center; font: Arial,sans-serif; background: #ffeb3b96; color: #000; }*/ /*new position for x close on gallery*/ .featherlight .featherlight-close-icon { position: fixed; z-index: 9999; top: 20%; right: 1%; line-height: 60px; width: 20px; cursor: pointer; text-align: center; font: Arial,sans-serif; background: #ffeb3b; color: #000; } 

/*allegedly makes chevron in gallery controls blue*/ i.fa.fa-chevron-right { color: blue; } /*allegedly makes chevron in gallery controls blue*/ i.fa.fa-chevron-left { color: blue; } /*removes member ranking number in profile*/ .h-community-rank { display: none; }*/ 

/*tighten distance between widgets, was 35*/ .widget-box { margin-bottom: 10px;} /*makes registration page background white*/ body.simple-page-body, body.embedded-content { background: #fFFFFF; } 

/*makes the word 'optional' on registration form bigger*/ .optional-label { font-size: .9rem;} /*makes avatar selection box wider, was set at 40*/ .reveal-modal.small {width: 60%;} /*show text labels for share and manage icons */ .post-box .h-manage { white-space: nowrap; } .post-box .h-manage a.h-share-icon:before { content: "Share "; font-size: 0.8rem; } .post-box .h-manage a.h-manage-icon:before { content: "Options "; font-size: 0.8rem; } 

/*I needed to add this margin fix to brian's share options text code*/ .row.collapse.post-box-meta-bar { margin-right: 18px; } /*removes two-tone shading on FA options gear cog*/ .fad { position: relative; font-family: "Font Awesome 5 Pro"; font-weight: 900; } /*moves margin of bullet points to align with indented text, default is 3*/ ul { margin-left: 2.5rem;} 

/*allegedly makes hamburger white*/ .top-nav-bar-icon i { color: #ffffff; } /*adds a bit of padding to all images floated right*/ img {margin-left: 2px; } /*makes numbered and bulleted lists indent a little more to line up with indented text*/ ol { margin-left: 3.5rem;} /*makes "read only" and "pm" alert on nav bar bluegrey background*/ .label.alert { background-color: #a1b6f9; color: #fff; } /*makes small fa bell new msg in PMs green when new msg unviewed*/ .fa-bell { color: mediumseagreen; } 

/*makes notification bell color more green*/ .on-off-link.link-is-on .fa-any, .on-off-link .fa-any.is-on { color: #2bd728 !important; } 

/*gets rid of stack's notification bell on community menu*/ #followTopNav { display: none; } /*takes bold off of A.S. entries*/ .h-widget-extract-title { font-weight: initial;} /*adds color to featured topic and topic box headers and main category boxes*/ .section-box-header { background-color: #edeeef; padding-left: 10px; border-radius: 5px; padding-top: 1px; padding-bottom: 1px; border-bottom: 0px solid #DFDFDF;} /*fixes footer margin which was stuck at 50px*/ footer#pageFooter { padding-top: 1px; padding-bottom: 1px; font-size: 0.95rem; } 

/*makes nav bar avatar proper size after release*/ .member-avatar-top-nav.h-member-circle-premium { width: 33px; } /*apparently tightens category headline to its description .line-item.h-title-line { margin-bottom: -20px; }*/ 

/*turning off link on h1 category title*/ #categoryPage .h-title-line a { pointer-events: none; color:black;} /*adding white bkgd and border radius to Category boxes which btw, isn't needed when content box is white bkgd*/ .h-category-intro { margin-left: 15px; background-color: white; border-radius: 20px;top border: solid; border-color: #afc9e3; border-width: 5px; border-align: inherit; margin-left: -1px; /*padding:15px;*/ } 

/*adds some padding to forum topic header, not making white bkgd*/ .h-forum-intro { /* background-color: white; */ padding: 10px; /* border-radius: 20px; */ } /*NOTE: some custom css is in the lent theme*/ /*testing brian's suggestion for options margin*/ @media only screen and (max-width: 40em) { .h-manage { width: 40%; } } /*neil fix for options right margin in small screen*/ .small-2.columns.text-right.hor-space-children-10 { padding-right: 90px; } /*removing bottom margin of content blocks so they look seamless*/ .h-custom-content-block { margin-bottom: 0px; margin-top: 0px; background-color: white; /* padding-top: 3px; */ padding-left: 15px; padding-right: 15px; padding-bottom: 6px; } 

/*making background of reply with quote blockquote lavender and slightly increasing fontsize*/ blockquote.quote, blockquote.quote li, blockquote.quote p { font-size: 0.95rem; background-color: lavender; } /*neil's original making reaction emojis bigger .emoji, input[type="text"].emoji { font-family: apple color emoji, segoe ui emoji, noto color emoji, android emoji; font-size: 1.7rem; }*/ 

/*brians version of increase emoji size */ .emoji { font-size: 1.4rem; } /*makes reaction emoji smiley button bigger*/ i.fa-any.far.fa-smile-plus.fa-fw.inherit-color { font-size: 20px; } 

/*OBSELETE???? adjusts shade on date stamp last edited by to make nearly invisible .post-box-meta, .post-box-meta .fa-any, .post-box-meta a, { color: #eeeeee; }*/ /*makes datastamp visible on hover*/ .post-box-meta a:hover { color: #ae57de; } /*new date stamp colorization style*/ time.datetime { color: grey; } time.datetime:hover { color: #6d71b9; } .fa-at:before { color: gainsboro; } .fa-envelope.h-post-by-email-icon { color: #e7e7e7; } .fa-asterisk:before { content: "\f069"; color: gainsboro; } /*adjustments made to byline after 3/12/20 release plus 6.2025 ridge added to border*/ .post-box-byline { margin-bottom: 25px; font-weight: 700; background-color: #e9e9e9; margin-right: 10px; padding: 10px; border-radius: 10px; border-style: groove; } /*Neil added to improve color visibility of checkmark 'following' icon*/ a.button i.fa-any.icon-on { color: #6a66e3; } /*increase avatar size in byline after release*/ .post-box-byline img.member-avatar { width: 75px; } /*add radius to post box*/ .post-box { border-radius: 10px;} /*due to 3.12.20 release, aligns post right margin with byline box*/ .post-box-inner-body { margin-bottom: 20px; margin-right: 20px; } /*A.S. bolding adjustments*/ .h-widget-extract .callout-box { background-color: rgb(245, 243, 243); border: none; padding: 3px; font-weight: 900; } header.line-item.bold.h-extract-header { font-weight: lighter; } /*member title badge with icon*/ .h-member-title:before { content: "\f406 "; font-family: 'Font Awesome 5 Pro'; color: #6d6f88; display: inline-block; font: normal normal normal 14px/1 font-family: 'Font Awesome 5 Pro'; font-size: .90rem; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin-right: 5px; } /*New Thumbs Up Code next to SM in A.S.was moved to a wordlet header.bold.h-extract-header.line-item :after{ content: "\f164"; display: inline-block; font: normal normal normal 14px/1 font-family: 'Font Awesome 5 Pro'; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin-right: 5px; }*/ .fa-lg { font-size: 1.20em; line-height: .75em; /* vertical-align: -.0667em; */ } 

/*fix from hoop to make new header background transparent*/ header#siteHeader, header#groupHeader, header#portfolioHeader { background: none; } /*adjusting avatar radius on member profiles*/ #memberProfilePage .cropped-image-container { border-radius: 15%;} /*these two darken blue text in widget box and adds green hover link in widget box, must be kept in this order*/ .widget-box a:not(.button) {color: #161EAD;} .widget-box a:hover, a:focus {color: #ae57de;} /*applies purple hover link color to links*/ a:hover, a:focus { color: #ae57de; } /*removing "featured" label in topic view LORI's solution*/ .h-featured-label {display: none;} /*centers attached movies*/ div.fluid-width-video-wrapper-container {margin:auto;} /*adjusts sticky header to give it white background when not sticky*/ .forum-topic-sticky-header:not(.fixed) { padding: 0 !important; background-color: white; } /*makes sticky header white when sticky*/ .forum-topic-sticky-header.fixed { border-bottom: 1px solid #DFDFDF; background-color: white; } /*adjusts corner rounding on avatars and increases size on nav bar- new default was changed by Ted to 8%*/ .member-avatar.rounded-avatar { border-radius: 12%; } 

/*widget box around headers*/ .widget-box { border-radius: 25px 25px 5px 5px; background: #f5f3f3; border: transparent; padding: inherit; } /*adjusting background and color visibility of top page title text in small cellphone mode*/ .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 { color:#c4c4c4; font-weight: bold; line-height: 3.46154rem; margin: 0; }

 /*tightening main 8 column in category page*/ .main-column.medium-8 { padding-top: 0px; padding-right: 3px; padding-bottom: 0px; padding-left: 15px; } 

/*moves forum titles h1 to left margin h1 { font-size: 1.6rem; font-weight: bold; margin-left: -8px; }*/ 

/*increases size of enable auto renewal on status page*/ aside.h-pm-admin-options { font-size: 15px; font-weight: 600; } 

/*adjust left margin of category intro text*/ .h-category-intro { margin-left: 15px; } 

/*adjust left margine of things in 'row' div class*/ .row .row { margin: 0 -.5rem; max-width: none; width: auto; } 

/*Brian's script to show 2 layers of breadcrumbs in mobile view*/ .breadcrumbs-wrapper.hide-for-small-only { display: inherit !important; } @media only screen and (max-width: 40.0625em) { .h-page-for-FORUM nav.breadcrumbs li.breadcrumb { display: none; } .h-page-for-FORUM nav.breadcrumbs li.breadcrumb:last-child , .h-page-for-FORUM nav.breadcrumbs li.breadcrumb:nth-last-child(2) { display: list-item; } .h-page-for-FORUM nav.breadcrumbs li.breadcrumb:nth-last-child(2):before { display:none;} } /*tightens margin bottom on like follow and other boxes*/ .row .margin-bottom-20, .margin-bottom-20 { margin-bottom: 5px; margin-left: 10px; } /*adjusts REPLY button and various nav buttons*/ button.tiny, .button.tiny { font-size: 1.0rem; background-color: #4caf50; color: #fafafb; margin-bottom: 12px; width:50%; } 

/*makes previous button blue background on hover*/ button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { background-color: #596bcf; } /*padding: 0.5rem 0.5rem 0.5rem 0.0rem;*/ font-size: 0.84615rem; background-color: #f5f3f3; color: #424a99; margin-bottom: 15px; } .title-image-darken { box-shadow: 0px 1000px rgba(0, 0, 0, 0.33) inset; } a.button i.fa { color: #a7a3a3; } a.button i.fa.icon-on { color: #65b930; } /*changes background color of 'like' and 'following' buttons below post title*/ .interest-row a.button { cursor: pointer; margin-bottom: 0.5rem; background-color: #b5b3b3; padding: 3px; font-size: .95rem; } 

/*removes third line of who originally posted the topic in activity stream*/ .line-item.h-activity-stream-metadata-line { display: none; } /*fixes blue nav profile name alignment*/ .member-menu-item-with-unread-label;a;span { vertical-align: initial; } /*clear keeps intro graphic from bleeding into next box*/ section.section-box, .section-box { margin-bottom: 10px; clear: both; padding-top: 1px; } 

/*suppressing link to forum in content block to avoid confusion about what to click on. Users should click read more link instead. No unintended consequences so far.*/ .line-item.h-topic-forum { font-weight: bold; display: none; } /*new blue #424a9a*/ 

/*removes sort by most active selector in forums listing*/ .h-cfrm-sort { display: none; } /*increases font size on Profile Page for username and password*/ .row.h-password-row { font-size: 1.1rem; } .row.h-email-address-row { font-size: 1.1rem; } img.stock-avatar.selected-image { border-bottom-color: blueviolet; border-style: solid; } 

/*supresses sm count in A.S. page*/ .member-count-container { font-size: 1.5rem; visibility: hidden; } /*reduces size of avatars on member list*/ img.member-avatar.margin-bottom-10 { max-width: 70%; } 

/*changes 'for supporting members' label to black on lt blue background and removes uppercase*/ .label.warning { background-color: #7c7add; color: #fbfafa; text-transform: none; font-size: 0.9rem; } /*adds top padding to right sidebar and Post button*/ .h-right-sidebar.hide-for-print { padding-top: 18px; } 

/*reduces text size in tables*/ table tr th, table tr td { font-size: 0.9rem; } 

/*this bolds the forum line in the homepage extracts to make it stand out from the extract but now we are not displaying it as we want people to click readmore instead. .line-item.h-topic-forum { font-weight: bold; }*/ 

/*makes size of homepage block title smaller*/ h2.h-content-block-title { font-size: 1.2rem; } /*reduces size of homepage topic title in blocks from h2 to h3*/ h2.h-topic-extract-title { font-size: 1.3rem; } 

/*this makes the author's byline background the same color as the container in the topic listings only */ .line-item.uppercase.clearfix.tiny-font.h-byline { background-color: #c1d3f6; Padding:1px; } 

/*puts blue background around poster's byline when byline is visible everywhere except in a topic*/ .h-byline { background-color: #e0e0e0; padding:7px; }

 /*increasing size and adding bold to topic titles after hoop change nuked it*/ h4.h-topic-extract-title { font-weight: bold; font-size: 1.2rem; } /*adds bold to all forum titles and slightly increases font size*/ .line-item.h-forum-name { margin-bottom: 3px; font-size: 1.1rem; font-weight: bold; } 

/*adds bold to all topic titles */ .line-item.h-topic-title { font-weight: bold; } /* removes bold on line items below topics in topic listings, Content and ActStream */ .line-item { margin-bottom: 5px; } 

/*moves 'status' remark on feepod sm page*/ .callout-box h4 { color: inherit !important; font-size: inherit; border: 0px #fff; background-color: #ffffff; font-weight: normal; padding-left: 8px; } 

/*tightens manage topics drop down menu*/ .f-dropdown li a { display: block; padding: 0.2rem; color: #39428F; font-weight: bold;} /*makes avatars in online now widget bigger*/ .h-online-now-members .member-avatar { width: 90px; height: 90px; } .line-item.small-font.h-chat-content.h-chat-content-for-USER { margin-bottom: 3px; font-weight: normal } 

/*change appearance of status on member page*/ .callout-box h4 { color: inherit !important; font-size: inherit; border: 0px #fff; background-color:#ffffff; font-weight:normal; } h4, h5, h6 { font-weight: normal; } /*removes 'tags' field from advanced search since not used*/ .h-tags-section, .h-search-tags { display: none; } 

/*adds border to tables used in posts*/ table { background: #ffffff; border: solid 1px #ebebeb; margin-bottom: 1.53846rem; table-layout: inherit; } table, th, td { border: 1px solid black; } 

/*make horizontal rule blue and tighten margins*/ hr { border: solid #4E57A0; border-width: 1px 0 0; clear: both; height: 0; margin: 1.4rem 0 1.4rem; } 

/*increase avatar from 50 to 65 in byline and hoping hoop will eventually fix this*/ .h-byline-avatar{ width: 75px; height: 75px; } 

/*blue added to make reply box stand out color:#ffffff*/ #postReplyContainer { background-color: hsla(218, 60%, 54%, 0.29); padding: 5px; } main;#pageContentContainer;#pageContentRow.row, main; .row.breadcrumbs-wrapper, main;#pageContentContainer;.row.calendar-grid-row, main;footer#hooplaFooter;.row {background-color: #FDFDFC; } 


/*"Featured Topic" blue box and category boxes+++*/ .section-box-header { padding-left: 10px; border-radius: 5px; padding-top: 1px; padding-bottom: 1px; border-bottom: 0px solid #DFDFDF;} /*footer#hooplaFooter;.row { padding-top: 15px; padding-bottom: 15px; text-align: center; } */ /*puts space at bottom of reply form below reply button*/ form{ margin: 0; padding: 0; padding-bottom: 3px; } /*post button shape and font control (text is a wordlet, btw)*/ button.success { background-color: #d23f5f; border-color: rgb(88, 100, 195); border-left-width: 1px; border-bottom-width: 1px; color: #fff; border-radius: 60px 60px 60px 60px; border-style: outset; font-size: initial; } /*fix from dave to radius after refresh release*/ #createContentButton, .button { border-radius: 45px; } /*between widgets margin*/ .margin-bottom-30 { margin-bottom: 20px; margin-top: 15px; } /*this rounds the top corners of the post boxes under topics view*/ .margin-bottom-25 { margin-bottom: 25px; border-radius: 15px 15px 15px 15px; } 

/*makes widget text normal case and padding INDENTS extract text in content block.small-font { font-size: 0.93rem; text-transform: inherit; padding: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } */

 /*makes widget header font not bold*/ header.widget-header h3 { color: #ffffff; font-weight: initial; font-size: 1.15rem;} /*activity stream visual tweak .h-widget-extract { background-color: rgba(218, 218, 217, 0.77); padding-left: 0px; }*/ 

/* header css * plus adding green top border line*/ .rotation-header-title { margin-top:10px; background-color:#ffffff; border-color: #b07bc3; border-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none;} .rotation-header-title h1 { color:#2e3eb2; font-size:2.0rem;} .rotation-header-body { background-color: #ffffff; border-top-left-radius: 40px; border-top-right-radius: 40px; } .rotation-header-text { margin-left:20px; } .quotedText {background-color:#FFFACD;} .defaultSkin.mceListBoxMenu .mceMenu.mceListBoxMenu { height: auto !important; } .printerFriendlyPage .sharedContentBody, .printerFriendlyPage .sharedContentBody p, .printerFriendlyPage .medbold, .printerFriendlyPage .medfont { font-size:12px; line-height:12px; } 

/* still needed? header white background: */ #header { background-color:white; color:black; text-align:left; padding:15px; } /* apply custom font color and background to the widget: */ header.widget-header h3 { color: #ffffff; } .h-widget-body { padding: 5px; background-color: white; border-color: #f7f7f7; border-style: solid; } 

/*WIDGET HEADER TITLE BACKGROUND (also found in theme CSS)*/ header.widget-header { padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; margin-bottom: 0px; background-color:#16b980; border-radius: 20px 20px 0px 0px; text-align: center; } /*updated to white 9.11.18*/ .h-ubb-directory-forum-box:nth-child(odd) { background-color:#ffffff; border:5px solid #dfdfdf; padding:10px;margin-left: 10px; } /*xxxalternates shades between posts background-color:#d7d7d7*/ .h-ubb-directory-forum-box:nth-child(even) { ; border: 1px solid #dfdfdf; padding:10px; margin-left: 10px; } /*container alternating shades? */ .h-ubb-directory-forum-box, .h-ubb-topic-list-box, .h-survey-list-box { margin-bottom:5px; } .h-forums-list .section-box-contents, .h-topic-list .section-box-contents, #surveyListContainer .section-box-contents { padding:0; } #surveyListContainer .section-box-header { margin-bottom:10px; } .h-ubb-directory-forum-box { background-color:#dfe3ee;border:1px solid #dfdfdf;padding:10px; } .h-ubb-topic-list-box { background-color:#c1d3f6;border:0px solid #c1d3f6; padding:1px; border-radius: 7px; } .h-survey-list-box { background-color:#dfe3ee;border:0px solid #dfdfdf;padding:10px; } 

/*This is the content boxes in various forums and homepage*/ .extract-box { padding-bottom: 1px; padding-left: 7px; font-size: 1.0rem; margin-bottom: 15px; background-color: #c1d3f6; padding-top: 7px; padding-right: 7px; border-radius: 7px; } /*adjusts h4 tag in editing box to allow h4 to be small I think*/ body.embedded-content-in-iframe h4, body.mce-content-body h4 { /* font-size: 1rem; */ } /* get rid of breadcrumb on homepage: */ body#homePage .breadcrumbs-wrapper { display: none !important; } /* controls width of top comm menu bar and adds green border to top, I removed width:1000px to widen site */ #top_nav_bar_wrapper { margin:auto; border-top-color: #c3c3c3; border-style: solid; border-bottom-style: none; border-left-style: none; border-right-style: none; } /*OFFLINE command to reduce the size of the avatars, but also graphics in widgets :( img {max-width: 95%; } .cropped-image-container, .title-image-container, .title-image-box { width: 95%; } */ /*.h-member-box .member-avatar { max-width: 150px; }*/ 

/*adding box to boxquote and reducing padding at bottom*/ blockquote { display: block; border: 1px solid #3a56dc !important; padding: 8px; margin: 1em 15px; box-sizing: border-box; padding-bottom: 5px; padding-top: 10px; } .list-box.small-font, ul.pagination li.small-font, a.button.small-font, .small-font li, .small-font p, .small-font { font-size: .90rem; } /*aligns blockquote to left margin*/ blockquote, blockquote p { line-height: 1.3; color: #000; margin-left: 0px; } } /*Carol is hiding tag info thou this does not hide tags in search function*/ /*creating grey box around post author info */ .h-tags-section { display: none; } /*control supporting member label*/ /*changed "linked to" background*/ .label.info { background-color: #dce775; color: #333; border-radius: 20px; } /*4444444444444444 .h-member-title { background-color: #65b930; color: #ffffff; border-radius:13px; display:inline-block; vertical-align:text-top; font-size:0.80rem; font-weight:normal; line-height:1; margin-bottom:auto; padding:0.25rem 0.5rem; position:relative; text-align:center; text-decoration:none; white-space:nowrap; } */ /*Supporting Member Green Badge*/ .h-member-badge-premium { background-color: #5ba52f; color: #ffffff; border-radius:13px; display:inline-block; vertical-align:text-top; font-size:0.80rem; font-weight:normal; line-height:1; margin-bottom:auto; padding:0.25rem 0.5rem; position:relative; text-align:center; text-decoration:none; white-space:nowrap; } 

 /*new donate button livetools.uiparade.com/button-builder.html*/ .buttondonate { background-color: #f3ea25; border-color: #c6c6cc; border-top-width: inherit; border-left-width: 1px; border-bottom-width: 1px; color: #fff; padding: 10px; border-radius: 60px 60px 60px 60px; border-style: solid; font-size: initial; } .buttondonate:hover { background-color: #97ea8b; border-color: #c6c6cc; border-left-width: 1px; border-top-width: inherit; border-bottom-width: 1px; color: #fff; padding: 10px; border-radius: 60px 60px 60px 60px; border-style: solid; font-size: initial; } .buttondonate:active { background-color: #97ea8b; border-color: #c6c6cc; border-top-width: inherit; border-left-width: 1px; border-bottom-width: 1px; color: #fff; padding: 10px; border-radius: 60px 60px 60px 60px; border-style: solid; font-size: initial; } /*moves 'open to new members' line to left margin*/ .line-item.small-font.content-label-section.h-topic-labels { padding-left: 1px; } 

/*adjustments to survey menu appearance*/ .h-survey-list-box { background-color: #eeeff1; border: 0px solid #dfdfdf; padding: 20px; } 

/*inserts the word 'options' and 'share' next to post icons*/ .post-box .h-manage a:nth-child(2):before { content: "Options "; font-size: .8rem; } 

/*fixing 'everything' dropdown spacing in search page*/ .h-advanced-search-scope { margin-bottom: 25px;} 

/* 7) Keep avatars normal */ .byline img, .byline .avatar img, img.avatar, .author img, .author .avatar img, .post-author img, .member-photo img, .member-avatar img, .member-badge img, header img.avatar, header .avatar img { width: 48px !important; height: 48px !important; border-radius: 50% !important; object-fit: cover !important; display: inline-block !important; margin: 0 !important; float: none !important; position: static !important; transform: none !important; } 

/*calendar date visibility fix*/ .section-box-header h4 { background-color: #fff !important; } .cs-forum-post .cs-post-footer time.datetime { display: none; } 

/* ===== Rotation.org — Simplified mobile image centering ===== */ 
@media (max-width: 1024px) { /* Keep intro box styling simple */ .h-forum-intro { background: #fff; padding: 10px; border-radius: 20px; margin-bottom: 20px; display: block; /* no flex needed */ text-align: left; /* text stays left-aligned */ } /* Paragraphs behave normally */ .h-forum-intro p { margin: 0 0 1rem 0; font-size: 1rem; line-height: 1.6; } /* Images scale and center */ .h-forum-intro img, .fr-view img { display: block; max-width: 100%; height: auto; margin: 0 auto 1em; /* centers image horizontally */ } @media (max-width: 768px) { .h-forum-intro p img { float: none !important; /* cancel the float */ display: block !important; /* make it block-level */ margin: 0 auto 1em !important;/* center horizontally */ max-width: 100%; /* responsive scaling */ height: auto; /* keep aspect ratio */ } 

/* Optional: avatar sizing */ .avatar img { width: 60px; height: auto; border-radius: 50%; margin: 0 auto; } }

/* Restore normal title case in top nav (undo Foundation ALL CAPS) */
#top_nav_bar .top-bar-section ul.right > li > a {
  text-transform: none !important;
}
/* Restore normal capitalization in TOP NAV DROPDOWNS */
#top_nav_bar .top-bar-section ul.dropdown li > a,
#top_nav_bar .top-bar-section .dropdown li > a {
  text-transform: none !important;
}


/*commenting this out to negate  --- Let Foundation handle modal positioning normally --- 
#postingOptionSelectorModal{
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  bottom: auto !important;
  right: auto !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  z-index: 100001 !important;
}

.reveal-overlay,
.reveal-modal-bg{
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
}

==========commenting out to make nav bar appear under pop up windows #top_nav_bar,
#top_nav_bar_wrapper,
#top_nav_bar.top-bar,
#top_nav_bar .top-bar-section,
.nav-bar,
.top-bar,
header{
  position: relative !important;
  z-index: 2000 !important;
}*/
/* =========================================================
   ROTATION.ORG — TOP BLUE NAV (single-line + dropdowns on top)
   Paste this AFTER Foundation + AFTER your other nav CSS.
   ========================================================= */

/* 0) Put the whole nav stack above page content */
#top_nav_bar_wrapper,
#top_nav_bar,
#top_nav_bar.top-bar{
  position: relative !important;
  z-index: 99990 !important;
}

/* 1) Let the bar grow naturally and never clip dropdowns */
#top_nav_bar.top-bar{
  height: auto !important;
  overflow: visible !important;
}

/* 2) Keep the inner nav aligned to your widened site (you use 80rem elsewhere) */
#top_nav_bar .top-bar-section{
  max-width: 80rem;                 /* matches your .row max-width */
  margin: 0 auto;
  padding: 0 0.9375rem;             /* 15px */
  position: relative !important;
  overflow: visible !important;
  z-index: 99991 !important;
}

/* 3) Force ONE LINE (no wrapping) */
#top_nav_bar .top-bar-section ul.right{
  float: none !important;
  display: flex !important;
  justify-content: center;
  align-items: stretch;

  flex-wrap: nowrap !important;     /* no wrap */
  white-space: nowrap !important;   /* belt + suspenders */

  width: auto !important;           /* avoid forcing breaks from width:100% */
  margin: 0 !important;
  overflow: visible !important;     /* never clip dropdowns */
}

/* 4) Link sizing */
#top_nav_bar .top-bar-section ul.right > li > a{
  white-space: nowrap;
  padding: 0 0.75rem;
  line-height: 2.8125rem;           /* ~45px */
  text-transform: none !important;  /* stop ALL CAPS */
}

/* 5) iPad landscape: tighten spacing so it STILL stays one line */
@media (min-width: 1024px) and (max-width: 1199px){
  #top_nav_bar .top-bar-section ul.right > li > a{
    padding: 0 0.50rem !important;
    font-size: 0.9rem !important;
  }
}

/* 6) Dropdowns: position + stacking so they ALWAYS overlay headers/content */
#top_nav_bar .top-bar-section ul.right > li{
  position: relative;               /* anchor dropdown */
  overflow: visible;
}

#top_nav_bar .top-bar-section ul.right > li .dropdown,
#top_nav_bar .top-bar-section .dropdown{
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: auto !important;
  overflow: visible !important;
  z-index: 99999 !important;       /* above everything */
}

/* 7) Prevent common “header sits on top of dropdown” collisions */
header,
#siteHeader,
#groupHeader,
#portfolioHeader,
.section-box-header{
  position: relative;
  z-index: 1 !important;
}

/* 8) Also restore normal capitalization inside dropdown links */
#top_nav_bar .top-bar-section ul.dropdown li > a,
#top_nav_bar .top-bar-section .dropdown li > a{
  text-transform: none !important;
}
/*fixes attachment window issue created by newer css on mobile view*/
/* =========================
   MOBILE ATTACHMENT MODAL: overlay covers button panel
   ========================= */

/* 1) Any full-screen dim overlay/backdrop should NEVER block clicks */
.reveal-overlay,
.modal-backdrop,
.featherlight,
.featherlight-overlay,
.ui-widget-overlay,
[class*="backdrop"],
[class*="overlay"] {
  pointer-events: none !important;
}

/* 2) Put likely modal containers above nav + above any overlay */
.reveal-modal,
.modal,
.modal-dialog,
.crowdstack-modal,
#file_chooser_dialog,
#postingOptionSelectorModal {
  position: relative !important;
  z-index: 100000 !important;
  pointer-events: auto !important;
}

/* 3) Keep the action buttons visible on mobile */
@media (max-width: 768px) {
  #file_chooser_dialog .modal-footer,
  #postingOptionSelectorModal .modal-footer,
  .reveal-modal .modal-footer,
  .crowdstack-modal .modal-footer,
  .modal-footer {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 100001 !important;
    background: #fff !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  }
}
/*make post reveal window appear over top of blue nav bar*/
/* Hide the transform/filter that might be causing stacking context */
#top_nav_bar_wrapper.sticky,
#top_nav_bar.top-bar,
#siteHeader,
header {
    transform: none !important;
    filter: none !important;
    will-change: auto !important;
    perspective: none !important;
    contain: none !important;
}
/* --- Modal positioning --- */
#postingOptionSelectorModal {
  position: fixed !important;
  left: 50% !important;
  margin-left: -300px !important;
  top: 100px !important;
  transform: none !important;
  z-index: 100001 !important;
}

.reveal-overlay,
.reveal-modal-bg {
  z-index: 100000 !important;
}
/* =====added feb 3 2027 to FIX: Featherlight close X not clickable on mobile ===== */

/* Re-enable pointer events for the image viewer */
.featherlight,
.featherlight * {
  pointer-events: auto !important;
}

/* Put the lightbox above your nav (your nav is ~99990) */
.featherlight,
.featherlight-overlay {
  z-index: 100005 !important;
}

/* Make sure the close button is on top and clickable */
.featherlight .featherlight-close-icon {
  z-index: 100006 !important;
  pointer-events: auto !important;
}
/*.......*/
/* Deleted category: Workshop Design and Teaching Resources */

body#error_page.h-page-with-category-workshop-design-and-teaching-resources #mainContent,
body#error_page.h-page-with-category-workshop-design-and-teaching-resources .main-content,
body#error_page.h-page-with-category-workshop-design-and-teaching-resources #content {
  visibility: hidden;
}
  /* ===== End ===== */