PageSourceSearch

https://www.universalfreemasonry.org/en/masonic-declaration-principles

html universalfreemasonry.org collected 2026-10-02 06:27:16 UTC 62,272 bytes, 989 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="en"> 
5
6  <head>
7    
7<script type="text/javascript">window.__ufmServerReferrer=null;</script>
7
8    <!-- BEGIN META TAGS -->
9    <title>Declaration of Principles | Universal Co-Masonry</title>
10    <meta charset="utf-8" />
11    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
12    <meta name="apple-mobile-web-app-capable" content="yes" />
13    <meta name="apple-touch-fullscreen" content="yes" />
14    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
15    <meta name="description" content="Universal Co-Masonry is an organization of moral principles that seeks to end division by combating ignorance in all its forms." />
16    <meta name="author" content="Masonic Order of Universal Co-Freemasonry" />
17    
18    <meta data-n-head="ssr" data-hid="og:image:type" property="og:image:type" content="image/png" />
19
20    <meta property="fb:app_id" content="231858324417883" />
21    <meta property="og:locale" content="en_US" />
22    <meta property="og:logo" content="https://www.universalfreemasonry.org/assets/images/logo_black.png" />
23    <meta property="og:title" content="Declaration of Principles | Universal Co-Masonry" />
24    <meta property="og:site_name" content="Universal Co-Masonry" />
25    <meta property="og:type" content="website" />
26    <meta property="og:description" content="Universal Co-Masonry is an organization of moral principles that seeks to end division by combating ignorance in all its forms." />
27    <meta property="og:image" content="https://www.universalfreemasonry.org/assets/images/image-declaration-principles.jpg" />
28    <meta property="og:image:secure_url" content="https://www.universalfreemasonry.org/assets/images/image-declaration-principles.jpg" />
29    <meta property="og:url" content="https://www.universalfreemasonry.org/en/masonic-declaration-principles" />
30     
31    <meta name="twitter:card" content="summary_large_image" />
32    <meta name="twitter:site" content="@CoMasonry" />
33    <meta name="twitter:creator" content="@CoMasonry" />
34    <meta name="twitter:title" content="Declaration of Principles | Universal Co-Masonry" />
35    <meta name="twitter:description" content="Universal Co-Masonry is an organization of moral principles that seeks to end division by combating ignorance in all its forms." />
36    <meta name="twitter:image" content="https://www.universalfreemasonry.org/assets/images/image-declaration-principles.jpg" />
37    <!-- END META TAGS -->
38
39    
40    <link rel="alternate" hreflang="en" href="https://www.universalfreemasonry.org/en/masonic-declaration-principles" />
41    <link rel="alternate" hreflang="x-default" href="https://www.universalfreemasonry.org/en/masonic-declaration-principles" />
42    <link rel="canonical" href="https://www.universalfreemasonry.org/en/masonic-declaration-principles" />
43    
44    
44<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.universalfreemasonry.org/#organization","name":"Universal Co-Masonry","legalName":"Masonic Order of Universal Co-Freemasonry","alternateName":"The Honorable Order of Universal Co-Masonry","description":"Universal Co-Masonry is a Masonic fraternity for men and women of every race, nationality, and religion, dedicated to ancient Freemasonry, personal growth, and service.","url":"https://www.universalfreemasonry.org/","logo":{"@type":"ImageObject","url":"https://www.universalfreemasonry.org/assets/images/logo_black.png"},"image":"https://www.universalfreemasonry.org/assets/images/featured/feature_2.jpg","telephone":"+1-303-681-2028","address":{"@type":"PostalAddress","postOfficeBoxNumber":"P.O. Box 70","addressLocality":"Larkspur","addressRegion":"CO","postalCode":"80118","addressCountry":"US"},"contactPoint":{"@type":"ContactPoint","telephone":"+1-303-681-2028","contactType":"membership and general inquiries","areaServed":"US","availableLanguage":"English"},"sameAs":["https://www.facebook.com/universalfreemasonry/","https://twitter.com/CoMasonry","https://www.instagram.com/universalfreemasonry/","https://www.youtube.com/channel/UCiTfhHoeJ3MHbwtl8XgUjtg","https://blog.universalfreemasonry.org"]},{"@type":"WebSite","@id":"https://www.universalfreemasonry.org/#website","url":"https://www.universalfreemasonry.org/","name":"Universal Co-Masonry","description":"Universal Co-Masonry is a Masonic fraternity for men and women of every race, nationality, and religion, dedicated to ancient Freemasonry, personal growth, and service.","inLanguage":"en-US","publisher":{"@id":"https://www.universalfreemasonry.org/#organization"}},{"@type":"WebPage","@id":"https://www.universalfreemasonry.org/en/masonic-declaration-principles#webpage","url":"https://www.universalfreemasonry.org/en/masonic-declaration-principles","name":"Declaration of Principles | Universal Co-Masonry","description":"Universal Co-Masonry is an organization of moral principles that seeks to end division by combating ignorance in all its forms.","inLanguage":"en-US","isAccessibleForFree":true,"primaryImageOfPage":{"@type":"ImageObject","url":"https://www.universalfreemasonry.org/assets/images/image-declaration-principles.jpg"},"publisher":{"@id":"https://www.universalfreemasonry.org/#organization"},"isPartOf":{"@id":"https://www.universalfreemasonry.org/#website"}}]}</script>
44
45    
46
47    <!-- BEGIN ICON TAG -->
48    <link rel="apple-touch-icon" href="/assets/icons/60.png">
49    <link rel="apple-touch-icon" sizes="76x76" href="/assets/icons/76.png">
50    <link rel="apple-touch-icon" sizes="120x120" href="/assets/icons/120.png">
51    <link rel="apple-touch-icon" sizes="152x152" href="/assets/icons/152.png">
52    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
53    <!-- END ICON TAG -->
54
55    <!-- BEGIN PAGES CSS -->
56    <link href="/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
57    <link class="main-stylesheet" href="/pages/css/pages.css" rel="stylesheet" type="text/css" />
58    <link href="/assets/css/ufm-performance.css" rel="stylesheet" type="text/css" />
59    <link rel="preconnect" href="https://fonts.cdnfonts.com" crossorigin>
60    <link rel="preload" href="https://fonts.cdnfonts.com/css/cinzel" as="style" onload="this.onload=null;this.rel='stylesheet'">
61    <link rel="preload" href="https://fonts.cdnfonts.com/css/adobe-caslon-pro" as="style" onload="this.onload=null;this.rel='stylesheet'">
62    <noscript>
63      <link href="https://fonts.cdnfonts.com/css/cinzel" rel="stylesheet">
64      <link href="https://fonts.cdnfonts.com/css/adobe-caslon-pro" rel="stylesheet">
65    </noscript>
66    <!-- BEGIN PAGES CSS -->
67      <meta name="facebook-domain-verification" content="cxhb2lj06t3lkj7p744a62ov9cjclx" />
68  </head>
69
70  <body class="pace-white">
71
72    <!-- BEGIN HEADER -->
73    <nav class="header md-header dark" data-pages="header" data-pages-header="autoresize">
74      <div class="container relative">
75
76        <!-- BEGIN LEFT CONTENT -->
77        <div class="pull-left">
78          <!-- .header-inner Allows to vertically Align elements to the Center-->
79          <div class="header-inner">
80            <!-- BEGIN LOGO -->
81            <a href="/"><img usemap="#map" src="/assets/images/UCM_Main_Logo.png" width="200" height="37" decoding="async" fetchpriority="high" alt="Universal Co-Masonry"></a>
82          </div>
83        </div>
84
85        <!-- BEGIN HEADER TOGGLE FOR MOBILE & TABLET -->
86        <div class="pull-right">
87          <div class="header-inner">
88            <div class="visible-sm-inline visible-xs-inline menu-toggler pull-right p-l-10" data-pages="header-toggle" data-pages-element="#header">
89              <div class="one"></div>
90              <div class="two"></div>
91              <div class="three"></div>
92            </div>
93          </div>
94        </div>
95        <!-- END HEADER TOGGLE FOR MOBILE & TABLET -->
96
97        <!-- BEGIN RIGHT CONTENT -->
98        <div class="pull-right menu-content clearfix" data-pages="menu-content" data-pages-direction="slideRight" id="header">
99          <!-- BEGIN HEADER CLOSE TOGGLE FOR MOBILE -->
100          <div class="pull-right">
101            <a href="#" title="Masonic Freemasonry" class="text-black link padding-10 visible-xs-inline visible-sm-inline pull-right m-t-10 m-b-10 m-r-10" data-pages="header-toggle" data-pages-element="#header"><i class=" pg-close_line"></i></a>
102          </div>
103          <!-- END HEADER CLOSE TOGGLE FOR MOBILE -->
104
105          <!-- BEGIN MENU ITEMS -->
106          <div class="header-inner">
107	            <ul class="menu">
108                    <li class="classic">
109                        <a href="javascript:;" data-text="Discover Freemasonry" title="Discover Freemasonry">Explore <i class="pg-arrow_minimize m-l-5"></i></a>
110                        <nav class="classic">
111                            <span class="arrow"></span>
112                            <ul class="sub-menu">
113                                <li><a href="/en/masonic-declaration-principles" title="Masonic Principles">Declaration of Principles</a></li>
114                                <li><a href="/en/masonic-universal-constitution" title="Masonic Constitution">Grand Constitution</a></li>
115                                <li><a href="/en/masonic-freemason-character" title="Masonic Character">Character of a Mason</a></li>
116                                <li><a href="/en/masonic-landmarks" title="Masonic Landmarks">Masonic Landmarks</a></li>
117                                <li><a href="/en/masonic-why-freemasonry" title="Masonic Virtues">Why become a Mason?</a></li>
118                                <li><a href="/en/masonic-government" title="Masonic Government">Government of the Craft</a></li>
119                                <li><a href="/en/masonic-grand-commanders" title="Leaders of Our Order">Grand Commanders</a></li>
120                                <li><a href="/en/masonic-degrees-freemasonry" title="Masonic Degrees">Degrees of Freemasonry</a></li>
121                                <li><a href="/en/masonic-rituals" title="Masonic Degrees">Co-Masonic Ritual</a></li>
122                                <li><a href="/en/masonic-symbol-freemasonry" title="Masonic Symbols">
122Symbols of Freemasonry</a></li>
123                                <li><a href="/en/masonic-ancient-mysteries" title="Ancient Mysteries">The Ancient Mysteries</a></li>
124                                <li><a href="/en/masonic-membership" title="Masonic Membership">Masonic Membership</a></li>
125                                <li><a href="/en/masonic-accession-process" title="Accession Process">Accession Process</a></li>
126                                <li><a href="/en/masonic-faq" data-text="Contact" title="Masonic FAQ">F.A.Q. </a></li>
127                            </ul>
128                        </nav>
129                    </li>
130                    <li class="classic">
131                        <a href="/en/masonic-mission-splash" data-text="Mission" title="Mission">Mission <i class="pg-arrow_minimize m-l-5"></i></a>
132                        <nav class="classic">
133                            <span class="arrow"></span>
134                            <ul class="sub-menu">
135                                <li><a href="/en/masonic-mission" title="Our Mission">Our Mission and Vision</a></li>
136                                <li><a href="/en/masonic-esoteric-freemasonry" title="Esoteric Freemasonry">Esoteric Freemasonry</a></li>
137                                <li><a href="/en/masonic-restoration-freemasonry" title="The Restoration of Freemasonry">Restoration of Masonry</a></li>
138                                <li><a href="/en/masonic-women-freemasonry" title="Women in Freemasonry">Women in Freemasonry</a></li>
139                                <li><a href="/en/masonic-alchemy-freemasonry" title="Alchemy and Freemasonry">Alchemy and Freemasonry</a></li>
140                                <li><a href="/en/masonic-theosophy-freemasonry" title="Theosophy and Freemasonry">Theosophy and Freemasonry</a></li>
141                                <li><a href="/en/masonic-egyptian-freemasonry" title="Egyptian Freemasonry">Egyptian Freemasonry</a></li>
142                                <li><a href="/en/masonic-philosophy-freemasonry" title="Philosophy and Freemasonry">Philosophy and Freemasonry</a></li>
143                                <li><a href="/en/masonic-science-freemasonry" title="Science and Freemasonry">Science and Freemasonry</a></li>
144                                <li><a href="/en/masonic-philosophical-society" title="Masonic Philosophy">Masonic Philosophical Society</a></li>
145                                <li><a href="/en/masonic-publishing-company" title="Masonic Publishing">Masonic Publishing Company</a></li>
146                                <li><a href="/en/masonic-college" title="Masonic College">The Masonic College</a></li>
147                                <li><a href="/en/masonic-arts" title="Masonic Institute of Fine Arts">Masonic Institute of Fine Arts</a></li>
148                            </ul>
149                        </nav>
150                    </li>
151                    <li class="classic">
152                        <a href="/en/masonic-education" data-text="Masonic Education" title="Masonic Education">Education <i class="pg-arrow_minimize m-l-5"></i></a>
153                        <nav class="classic">
154                            <span class="arrow"></span>
155                            <ul class="sub-menu">
156                                <li><a href="/en/masonic-seminar" title="Masonic Seminar Courses">Masonic Seminar</a></li>
157                                <li><a href="/en/masonic-famous-freemasons" title="Masonic Freemasons">Famous Freemasons</a></li>
158                                <li><a href="/en/masonic-history-freemasonry" title="History of Freemasons">History of Freemasonry</a></li>
159                                <li><a href="/en/masonic-stories-freemasonry" title="Stories of Freemasonry">Stories of Freemasonry</a></li>
160                                <li><a href="/en/masonic-library" title="Books, Text, and Sacred Writings">Publication Library</a></li>
161                                <li><a href="/en/masonic-galleries" title="Art and Photo Galleries">Art and Photo Galleries</a></li>
162                                <li><a href="/en/masonic-recommended-books" title="Recommended Reading">Recommended Reading</a></li>
163                                <li>
163<a href="/en/encyclopedia-masonica" title="Encyclopedia of Freemasonry">Encyclopedia Masonica</a></li>
164                                <li><a href="http://research.co-masonry.org/" target="_blank" title="Masonic Lodge of Research">Lodge of Research</a></li>
165                                <li><a href="/en/masonic-articles" title="Masonic Articles">Masonic Articles</a></li>
166                                <li><a href="/en/masonic-quotes" title="Masonic Quotes">Masonic Quotes</a></li>
167                                <li><a href="/en/masonic-videos" title="Masonic Videos">Masonic Videos</a></li>
168                                <li><a href="/en/masonic-music-videos" title="Masonic Music">Masonic Music</a></li>
169                                <li><a href="/en/masonic-podcasts" title="Masonic Podcasts">Podcasts</a></li>
170                            </ul>
171                        </nav>
172                    </li>
173                    <li class="classic">
174                        <a href="javascript:;" data-text="Members" title="Members">Resources <i class="pg-arrow_minimize m-l-5"></i></a>
175                        <nav class="classic">
176                            <span class="arrow"></span>
177                            <ul class="sub-menu">
178                                <li><a href="/en/masonic-donations-bequests" title="Masonic Donations & Bequests">Donations & Bequests</a></li>
179                                <li><a href="https://blog.universalfreemasonry.org" target="_blank" title="Masonic Blog">Blog</a></li>
180                                <li><a href="/events" title="Masonic Events">Upcoming Events</a></li>
181                                <li><a href="https://portal.universalfreemasonry.org" target="_blank" title="Masonic Portal">Lodge Portal</a></li>
182                                <li><a href="https://distribution.universalfreemasonry.org/" target="_blank" title="Masonic Regalia">Purchase Regalia</a></li>
183                                <li><a href="/en/masonic-social-media" title="Masonic Social media">Social media</a></li>
184                                <li><a href="/en/masonic-inclusion-address-name-policy" title="Masonic Gender Policy">Diversity, Address, Name Policy</a></li>
185                            </ul>
186                        </nav>
187                    </li>
188                    <li>
189                        <a href="/events" data-text="Events" title="Masonic Events">Events</a>
190                    </li>
191
192                    <li class="classic">
193                        <a href="javascript:;" data-text="Masonic Education" title="Masonic Education"><img style="width:25px;" src="/assets/images/language.png" alt="Language selection" /></a>
194                        <nav class="classic">
195                            <span class="arrow"></span>
196                            <ul class="sub-menu">
197                                <li class="m-b-5 no-padding"><a class="link text-black" title="English" href="https://www.universalfreemasonry.org/">English</a></li>
198					            <li class="m-b-5 no-padding"><a class="link text-black" title="Español" href="http://www.francmasoneriauniversal.org">Español</a></li>
199                                <li class="m-b-5 no-padding"><a class="link text-black" title="Français" href="http://www.francmaconnerieuniverselle.org">Français</a></li>
200                                <li class="m-b-5 no-padding"><a class="link text-black" title="Português" href="http://www.francomaconariauniversal.org">Português</a></li>
201                                <li class="m-b-5 no-padding"><a class="link text-black" title="Chinese" href="http://www.asianfreemasonry.org">Chinese</a></li>
202                                <li class="m-b-5 no-padding"><a class="link text-black" title="Arab" href="http://ar.universalfreemasonry.org">العربية</a></li>
203                                <li class="m-b-5 no-padding"><a class="link text-black" title="Serbian" href="http://sr.universalfreemasonry.org">Српски</a></li>
204                                <li class="m-b-5 no-padding"><a class="link text-black" title="Swedish" href="http://sv.universalfreemasonry.org">Svenska</a></li>
205                            </ul>
206                        </nav>
207                    </li>
208                    <li>
209			            <a class="btn btn-sm btn-bordered fs-12 btn-white hidden-sm hidden-xs membership-nav-button" href="/en/masonic-membership" data-text="Membership" title="Masonic Membership">Membership</a>
210			            <a class="btn btn-bordered fs-12 btn-black  font-montserrat fs-12 all-caps pull-bottom visible-sm visible-xs buy-now sm-static sm-m-l-20 sm-m-r-20 sm-m-t-20 membership-nav-button" href="/en/masonic-membership" title="Masonic Membership">Membership</a>
211		            </li>
212	            </ul>
213            </div>
214          <!-- END MENU ITEMS -->
215        </div>
216      </div>
217    </nav>
218    <!-- END HEADER -->
219
220    <!-- BEGIN TOP IMAGE -->
221    <section class="demo-hero-5" data-pages="parallax" data-pages-bg-image="/assets/images/Top_Banner_1.jpg">
222      <div class="container-xs-height full-height">
223        <div class="col-xs-height col-middle text-center">
224	  <div class="text-white inner" aria-hidden="true"></div>
225	</div>
226      </div>
227    </section>
228    <!-- END TOP IMAGE -->
229
230    <!-- BEGIN TEXT -->
231    <section class="bg-master-lightest p-b-85 p-t-75">
232      <div class="container">
233	<div class="md-p-l-20 md-p-r-20 xs-no-padding">
234	  <div class="row">
235	    <div class="col-sm-4 col-md-3">
236	    <img class="Side-Image" src="/assets/images/Image-Declaration-Principles.jpg" alt="Declaration of Principles">
237	   </div>
238	     <div class="col-sm-7 col-md-8 no-padding xs-p-l-15 xs-p-r-15">
239	       <div class="p-t-0 p-l-35 md-p-l-5 md-p-t-15">
240		  
241               <div style="display: inline-block;">
242                   <p class="block-title m-b-0">DISCOVER THE PRINCIPLES OF UNIVERSAL CO-MASONRY</p>
243               </div>
244               <div style="padding-top:20px;float: right;">
245                   <div class="fb-share-button" data-href="https://www.universalfreemasonry.org/en/masonic-declaration-principles" data-layout="button"></div>
246               </div>
247
248		<h1 class="m-t-5 light">DECLARATION OF PRINCIPLES</h1>
249
250		<p class="hint-text fs-12">Laboring Under the Banner of Brotherly Love, Relief, and Truth</p>
251
252          <p>Freemasonry is a fraternity including men and women of every race, nationality and religion. 
253             Wishing to do away with all cause for division and strife, it continually seeks the means 
254             which to help all human beings to unite and work together for the perfection of Humanity.</p>
255	      
256          <p>Universal Co-Masonry, a Masonic Obedience independent of all others, has not created a 
257             new Rite. What distinguishes it from other existing Obediences is that, instead of admitting 
258             men only to its ranks, it admits women on an equal footing. It proclaims equal rights for 
259             both sexes and absolute liberty of conscience. In order to secure to everyone unlimited 
260             freedom in the search for truth, it demands the utmost tolerance from all its members. 
261             It avoids political and religious discussions wherever these cannot be carried on with 
262             requisite tolerance and moderation; it welcomes everyone who is upright, free, of mature 
263             age, sound judgement, and strict morals, whatever may be his or her convictions in matters 
264             of religion, philosophy, or politics.</p>
265
266          <p>Universal Co-Masonry seeks to destroy ignorance under whatever form, and its program may be explained as follows:</p>
267		  <ul>
268		    <li><p>Each Mason owes obedience to the Order and to the laws of his or her country; he must live honorably, practice justice, love his neighbor, work unceasingly for the true happiness of humanity, and help human beings to emancipate themselves from the thralldom of passion and ignorance.
269		    <li><p>From the first to the last, to whatever degree the aspirant may desire to be admitted, the first condition to be fulfilled 
269is to have a reputation of unsullied honor and probity.
270		    <li><p>Members of the Order owe to each other help and support in all circumstances and conditions of life.
271		    <li><p>To think high, to speak truth, to do well, to be tolerant to others, to search after truth, to practice liberty under law, fraternal equality, justice, and solidarity, are the duties which the Supreme Council of Universal Co-Masonry, prescribes for its members seeking to build to the Glory of the Great Architect of the Universe, to the perfection of Humanity, and to the service of the Head of All True Freemasons, the true Masonic Temple open to both men and women.
272		  </ul>
273		  <div class="row">
274		    <div class="col-sm-6">
275		    <h6 class="block-title">MASONIC ARTICLES</h6>
276	            <p class="hint-text">Explore articles and essays written by Freemasons about Freemasonry.</p>
277		    <a class="btn btn-rounded btn-black" href="/en/masonic-articles">Read More</a>
278		    </div>
279		    <div class="col-sm-6">
280		    <h6 class="block-title">MEMBERSHIP</h6>
281		    <p class="hint-text">Interested in becoming a member of the worlds oldest Fraternal organization?</p>
282		    <a class="btn btn-rounded btn-black" href="/en/masonic-membership">Join</a>
283		  </div>
284		</div>
285	      </div>
286	    </div>
287	  </div>
288	</div>
289      </div>
290    </section>
291    <!-- END TEXT -->
292
293    <!-- START QUOTE -->
294    <section id="demo-content-2" class="bg-master-darkest no-overflow relative" data-pages-bg-image="/assets/quotes/Quotes-Isaac-Newton.jpg">
295      <div class="container p-b-50 p-t-50">
296	<div class="row">
297	  <div class="col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3">
298	    <div class="col-xs-height col-middle">
299	    <h6 class="block-title m-t-80 text-white m-b-0">"IF I HAVE SEEN FURTHER THAN OTHERS, IT IS BY STANDING UPON THE SHOULDERS OF GIANTS."</h6>
300	    <p class="fs-12 text-white m-t-20"><span class="hint-text">- BRO. ISAAC NEWTON
301	    </p>
302            </div>
303	      </div>
304        </div>
305      </div>
306    </section>
307    <!-- END QUOTE -->
308
309
310
311
312<!-- START FOOTER -->
313<section class="p-b-70 p-t-55 ">
314	<div class="container">
315		<div class="row">
316			<div class="col-md-7">
317				<img alt="Universal Co-Masonry logo" src="/assets/images/logo_black.png" width="220" height="28" loading="lazy" decoding="async">
318			</div>
319			<div class="col-md-5">
320				<ul class="no-style fs-12 no-padding pull-right xs-pull-left xs-m-t-20">
321					<li class="inline no-padding"><a target="-blank" title="Masonic YouTube" href="https://www.youtube.com/channel/UCiTfhHoeJ3MHbwtl8XgUjtg" class="text-black p-l-30 fs-16 xs-no-padding"><i class="fa fa-youtube"></i></a></li>
322					<li class="inline no-padding"><a target="-blank" title="Masonic Facebook" href="https://www.facebook.com/universalfreemasonry/" class="text-black p-l-30 fs-16 xs-no-padding"><i class="fa fa-facebook"></i></a></li>
323					<li class="inline no-padding"><a target="-blank" title="Masonic Twitter" href="https://twitter.com/CoMasonry" class="text-black p-l-30 fs-16"><i class="fa fa-twitter"></i></a></li>
324					<li class="inline no-padding"><a target="-blank" title="Masonic Wordpress" href="https://blog.universalfreemasonry.org" class="text-black p-l-30 fs-16"><i class="fa fa-wordpress"></i></a></li>
325					<li class="inline no-padding"><a target="-blank" title="Masonic Instagram" href="https://www.instagram.com/universalfreemasonry/" class="text-black p-l-30 fs-16"><i class="fa fa-instagram"></i></a></li>
326				</ul>
327			</div>
328		</div>
329		<div class="row m-t-30">
330			<div class="col-sm-3 col-xs-12 xs-m-b-20">
331				<p class="fs-14">P.O. BOX 70
332					<br> Larkspur CO 80118
333					<br> United States
334					<br> (303) 681-2028
335				</p>
336			</div>
337			<div class="col-sm-3 col-xs-6 xs-m-b-20">
338				<ul class="no-style no-padding">
339					<li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Principles" href="/en/masonic-declaration-principles">Declaration of Principles </a></li>
340					<li class="m-b-5 no-padding"><a class="link text-black" title="Laws of Freemasonry" href="/en/masonic-universal-constitution">Universal Constitution</a></li>
341					<li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Character of Women and Men Freemasons" href="/en/masonic-freemason-character">Character of a Mason</a></li>
342					<li class="m-b-5 no-padding"><a class="link text-black" title="Freemasonry for Men and Women" href="/en/masonic-why-freemasonry">Why Become a Freemason</a></li>
343					<li class="m-b-5 no-padding"><a class="link text-black" title="Structure of Freemasonry" href="/en/masonic-government">Government of the Craft</a></li>
344                    <li class="m-b-5 no-padding"><a class="link text-black" title="Grand Commanders" href="/en/masonic-grand-commanders">Grand Commanders</a></li>
345					<li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Degrees in Mixed Masonry" href="/en/masonic-degrees-freemasonry">Degrees of Freemasonry</a></li>
346					<li class="m-b-5 no-padding">
346<a class="link text-black" title="Learn more about Comasonry" href="/en/masonic-articles">Masonic Articles</a></li>
347					<li class="m-b-5 no-padding"><a class="link text-black" title="Watch the Stories of Co-Masonry" href="/en/masonic-videos">Masonic Videos</a></li>
348					<li class="m-b-5 no-padding"><a class="link text-black" title="Listen to Co-Freemasonry Opinions" href="/en/masonic-podcasts">Podcasts</a></li>
349                    <li class="m-b-5 no-padding"><a class="link text-black" title="Accession Process" href="/en/masonic-accession-process">How A Lodge Can Join Universal Co-Masonry</a></li>
350				</ul>
351			</div>
352			<div class="col-sm-3 col-xs-6 xs-m-b-20">
353				<ul class="no-style no-padding">
354					<li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Blog" href="https://blog.universalfreemasonry.org">Blog</a></li>
355					<li class="m-b-5 no-padding"><a class="link text-black" title="Masonic FAQ" href="/en/masonic-faq">Frequently Asked Questions </a></li>
356					<li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Education" href="/en/masonic-education">Masonic Education</a></li>
357					<li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Philosophy" href="/en/masonic-philosophical-society">Masonic Philosphical Society</a></li>
358					<li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Publishing" href="/en/masonic-publishing-company">Masonic Publishing Company</a></li>
359					<li class="m-b-5 no-padding"><a class="link text-black" title="Masonic College" href="/en/masonic-college">Masonic College of Art and Science</a></li>
360					<li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Institute of Fine Arts" href="/en/masonic-arts">Masonic Institute of Fine Arts</a></li>
361                    <li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Membership" href="/en/masonic-membership">Membership</a></li>
362					<li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Terms" href="/en/masonic-terms-conditions">Terms & Conditions</a></li>
363					<li class="m-b-5 no-padding"><a class="link text-black" title="Masonic Sitemap" href="/sitemap.xml">Sitemap</a></li>
364				</ul>
365			</div>
366			<div class="col-sm-3 col-xs-6 xs-m-b-20">
367				<ul class="no-style no-padding">
368                    <h5><b>Languages</b></h5>
369                    <li class="m-b-5 no-padding"><a class="link text-black" title="English" href="https://www.universalfreemasonry.org/">English</a></li>
370					<li class="m-b-5 no-padding"><a class="link text-black" title="Español" href="http://www.francmasoneriauniversal.org">Español</a></li>
371                    <li class="m-b-5 no-padding"><a class="link text-black" title="Français" href="http://www.maconnerieuniverselle.org">Français</a></li>
372                    <li class="m-b-5 no-padding"><a class="link text-black" title="Português" href="http://www.francomaconariauniversal.org">Português</a></li>
373                    <li class="m-b-5 no-padding"><a class="link text-black" title="Chinese" href="http://www.asianfreemasonry.org">Chinese</a></li>
374                    <li class="m-b-5 no-padding"><a class="link text-black" title="Arab" href="http://ar.universalfreemasonry.org">العربية</a></li>
375                    <li class="m-b-5 no-padding"><a class="link text-black" title="Serbian" href="http://sr.universalfreemasonry.org">Српски</a></li>
376                    <li class="m-b-5 no-padding"><a class="link text-black" title="Swedish" href="http://sv.universalfreemasonry.org">Svenska</a></li>
377				</ul>
378			</div>
379		</div>
380        <div class="col-md-12 text-center">
381			<!-- Begin Mailchimp Signup Form -->
382            <div id="mc_embed_signup" style="max-width: 650px; margin: 0 auto;">
383            <form action="/api/MailchimpSubscribe.aspx" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form">
384                <div id="mc_embed_signup_scroll" class="m-t-10">
385	            <label for="mce-EMAIL" class="block-title m-b-10">Subscribe to receive updates on new Articles, Videos, and Podcasts</label>
386                <div class="input-group" style="max-width: 520px; margin: 0 auto;">
387	                <input type="email" value="" name="EMAIL" class="form-control" id="mce-EMAIL" placeholder="Email address" required>
388                    <span class="input-group-btn">
389                        <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn-black">
390                    </span>
391                </div>
392                <input type="hidden" name="RETURNURL" value="/en/masonic-declaration-principles">
393                <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
394                <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_03fc72431a185d699277606a0_976e113fa4" tabindex="-1" value=""></div>
395                <p id="mc-subscribe-message" class="text-danger m-t-10" style="display:none;"></p>
396                </div>
397            </form>
398            </div>
399            <!--End mc_embed_signup-->
400		</div>
401	</div>
402</section>
403<script type="text/javascript">
404    (function () {
405        var form = document.getElementById('mc-embedded-subscribe-form');
406        if (!form || !window.fetch || !window.URLSearchParams) return;
407
408        var email = document.getElementById('mce-EMAIL');
409        var button = document.getElementById('mc-embedded-subscribe');
410        var message = document.getElementById('mc-subscribe-message');
411        var debugPrefix = '[Mailchimp signup]';
412
413        function showMessage(text, isSuccess) {
414            if (!message) return;
415            message.className = (isSuccess ? 'text-success' : 'text-danger') + ' m-t-10';
416            message.textContent = text;
417            message.style.display = text ? 'block' : 'none';
418        }
419
420        if (email) {
421            email.addEventListener('input', function () {
422                showMessage('', false);
423            });
424        }
425
426        form.addEventListener('submit', function (event) {
427            event.preventDefault();
428
429            var emailValue = email ? email.value.replace(/^\s+|\s+$/g, '') : '';
430            if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(emailValue)) {
431                showMessage('Please enter a valid email address.', false);
432                return;
433            }
434
435            var honeypot = form.querySelector('input[name="b_03fc72431a185d699277606a0_976e113fa4"]');
436            var payload = {
437                email: emailValue,
438                returnUrl: window.location.pathname + window.location.search,
439                honeypot: honeypot ? honeypot.value : ''
440            };
441
442            if (button) button.disabled = true;
443            showMessage('Subscribing...', true);
444            var endpoint = form.getAttribute('action') + '?email=' + encodeURIComponent(emailValue);
445            if (window.console && console.log) {
446                console.log(debugPrefix, 'submit', {
447                    endpoint: endpoint,
448                    email: emailValue,
449                    payload: payload
450                });
451            }
452
453            fetch(endpoint, {
454                method: 'POST',
455                headers: {
456                    'Content-Type': 'application/json; charset=UTF-8',
457                    'X-Requested-With': 'XMLHttpRequest'
458                },
459                body: JSON.stringify(payload)
460            })
461                .then(function (response) {
462                    return response.text().then(function (text) {
463                        if (window.console && console.log) {
464                            console.log(debugPrefix, 'response', {
465                                httpStatus: response.status,
466                                ok: response.ok,
467                                body: text
468                            });
469                        }
470
471                        try {
472                            return JSON.parse(text);
473                        } catch (e) {
474                            if (window.console && console.error) {
475                                console.error(debugPrefix, 'invalid JSON response', e);
476                            }
477                            return {
478                                ok: false,
479                                message: 'There was a problem subscribing. Please try again.',
480                                debug: { parseError: e.message, rawResponse: text }
481                            };
482                        }
483                    });
484                })
485                .then(function (data) {
486                    if (window.console && console.log) {
487                        console.log(debugPrefix, 'parsed', data);
488                    }
489                    showMessage(data && data.message ? data.message : 'There was a problem subscribing. Please try again.', !!(data && data.ok));
490                    if (data && data.ok && email) email.value = '';
491                })
492                .catch(function (error) {
493                    if (window.console && console.error) {
494                        console.error(debugPrefix, 'request failed', error);
495                    }
496                    showMessage('There was a problem subscribing. Please try again.', false);
497                })
498                .then(function () {
499                    if (button) button.disabled = false;
500                });
501        });
502    })();
503</script>
503
504<section class="p-t-10 p-b-10 bg-master-darkest">
505	<div class="container">
506		<div class="row">
507			<div class="col-sm-7">
508				<p class="fs-11 no-margin font-arial text-white small-text"><span class="hint-text">Co-Masonry, Co-Freemasonry, Women's Freemasonry, Men and Women, Mixed Masonry
509				</p>
510			</div>
511			<div class="col-sm-5 text-right">
512				<p class="fs-11 no-margin font-arial text-white small-text"><span id="_Footer_Copyright">Copyright &copy 1975-2026 Universal Co-Masonry, The American Federation of Human Rights, Inc. All Rights Reserved.</span>
513				</p>
514				<p class="fs-11 no-margin font-arial text-white small-text m-t-5"><span id="_Footer_FooterUrlReferrer">Request.UrlReferrer: (none)</span></p>
515			</div>
516		</div>
517	</div>
518</section>
519<!-- END FOOTER -->
520
521<!-- BEGIN CHAT WIDGET -->
522<!-- BEGIN PRESET FAQ BOT (multi-layer, no server, no DB) -->
523
524<div id="kbChatLauncher" class="kb-chat-launcher" title="Help">?</div>
525
526<div id="kbChatPanel" class="kb-chat-panel" aria-hidden="true">
527  <div class="kb-chat-header">
528    <div class="kb-chat-title">
529      Help
530      <span class="kb-pill">FAQ</span>
531    </div>
532    <button type="button" class="kb-chat-close" id="kbChatCloseBtn">&times;</button>
533  </div>
534
535  <div id="kbChatBody" class="kb-chat-body">
536    <!-- rendered by JS -->
537  </div>
538</div>
539
540<script type="text/javascript" src="/assets/js/ufm-chat.js" defer></script>
vendor: 2 bytes, line 540
540
541<script type="text/plain" id="kbChatLegacyInline">
542    (function () {
543        if (window.__KBFAQ_INIT__) return;
544        window.__KBFAQ_INIT__ = true;
545
546        const launcher = document.getElementById('kbChatLauncher');
547        const panel = document.getElementById('kbChatPanel');
548        const body = document.getElementById('kbChatBody');
549        const btnClose = document.getElementById('kbChatCloseBtn');
550
551        const STORAGE_KEY = 'kbChatOpen';
552        const FAQ_URL = "https://www.universalfreemasonry.org/en/masonic-faq";
553
554        // Multi-layer data model based on your FAQ page content
555        const FAQ_TREE = [
556            {
557                id: "basics",
558                title: "Freemasonry basics",
559                desc: "What it is, what it aims at, religion & dogma.",
560                items: [
561                    {
562                        q: "What is Freemasonry?",
563                        a: "There is no simple one-line definition that satisfactorily describes what is Freemasonry. Among many things, it is a Science, a Philosophy, and a system of morality and ethics that employs ritual drama to convene self-evident truths.",
564                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
565                    },
566                    {
567                        q: "What is the Aim of Freemasonry?",
568                        a: "Freemasonry seeks to destroy ignorance under whatever form - to combat superstition, fanaticism, and egotism wherever encountered.",
569                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
570                    },
571                    {
572                        q: "Is Freemasonry a religion?",
573                        a: "Freemasonry is not a religion, nor is it a substitute for religion. However, the doors of Freemasonry are open to men and women of any philosophy, religion, creed.",
574                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
575                    },
576                    {
577                        q: "Does Freemasonry have dogma?",
578                        a: "No, Freemasonry is an organization that practices absolute liberty of mind while inculcating the maximum amount of discipline. Masonry seeks diversity in its members to ensure freedom and tolerance in its ranks.",
579                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
580                    },
581                    {
582                        q: "Is a belief in God a requirement to become a Freemason?",
583                        a: "In accordance with the ancient declaration of Freemasonry, Freemasons must assert the existence of a Supreme Power, but at the same time, they are at perfect liberty to differ in regard to the Attributes of that power.",
584                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
585                    }
586                ]
587            },
588            {
589                id: "comasonry",
590                title: "Co-Masonry & inclusion",
591                desc: "Mixed Masonry, equality, language, LGBTQ+.",
592                items: [
593                    {
594                        q: "What is Co-Masonry, Mixed-Masonry, and Freemasonry for Men and Women?",
595                        a: "All three terms are synonymous of Masonic Orders that practice Freemasonry and including men and women of every race, nationality, and religion who wish to do away with all cause for division and strife.",
596                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
597                    },
598                    {
599                        q: "How does Co-Masonry differ from Male-only Masonic Orders?",
600                        a: "Instead of admitting men only to its ranks, it admits women on an equal footing. It proclaims equal rights for both sexes and absolute liberty of conscience. In order to secure everyone unlimited freedom in the search for Truth, it demands the utmost tolerance from all its members. It avoids political and religious discussions wherever these cannot be carried on with requisite tolerance and moderation.\n\n
600It welcomes everyone who is upright, free, of mature age, sound judgment, and strict morals - whatever may be their convictions in matters of religion, philosophy, or politics.",
601                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
602                    },
603                    {
604                        q: "Why is everyone called \"Brother\"?",
605                        a: "Universal Co-Masonry is committed to cultivating an environment of spiritual unity. To this end, the Masonic Temple is open to men and women without distinction of nationality, religion, or creed. In order to promote unity in diversity, members make use of the title 'Brother' to address one another. This form of address is in alignment with the Masonic Doctrine of Solidarity and is intended to remove all distinction between members in the Craft.",
606                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
607                    },
608                    {
609                        q: "Does Universal Co-Masonry admit members of the LGTBQ+ community?",
610                        a: "Universal Co-Masonry does not take into consideration one's sexual orientation or gender identity in the application process. Membership is open to all those who are upright, free, of mature age, sound judgment, and strict morals. The Order does not have stance on the LGTBQ+ community.",
611                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
612                    }
613                ]
614            },
615            {
616                id: "membership",
617                title: "Joining & eligibility",
618                desc: "How to join, time commitment, age, family, felonies.",
619                items: [
620                    {
621                        q: "Why join a Masonic Lodge?",
622                        a: "Through participation in a Masonic Temple, a Freemason is given an opportunity to learn the more important truths of morality, his relationship with God and fellow man - and at the same time learning the perspective of others in an atmosphere of tolerance and mutual support. Whether you are Christian, Muslim, or a Deist; black or white; male or female; rich or poor; all who gather within the doors of the Temple are met on the Level as equals.",
623                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
624                    },
625                    {
626                        q: "How do I join a Masonic Lodge?",
627                        a: "To become a Freemason, one merely needs to knock on the door of the Temple by asking for membership in The Order. Why must you ask? Because you have to join of your own free will and accord. It has to be your own desire, decision, and action.",
628                        sources: [
629                            { title: "Masonic FAQ", path: FAQ_URL },
630                            { title: "Membership (more info)", path: "/en/masonic-membership" }
631                        ]
632                    },
633                    {
634                        q: "What are the time commitments of a Masonic Lodge?",
635                        a: "The time commitments are dependent on the Lodge that you join but can range from twice to three times a month. Freemasonry does not seek to be large in its assembly and therefore attendance is of great importance to each lodge.",
636                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
637                    },
638                    {
639                        q: "What is the age requirement to make application?",
640                        a: "Eligible individuals are men and women who are of 21 years of age or older.",
641                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
642                    },
643                    {
644                        q: "Does one have to have a Freemason in the family in order to make application?",
645                        a: "No, family relations have no effect on admission into The Order.",
646                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
647                    },
648                    {
649                        q: "Can a felon make application?",
650                        a: "No, unless the felony was committed before the age of 18.",
651                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
652                    }
653                ]
654            },
655            {
656                id: "practice",
657                title: "Practice & conduct",
658                desc: "Who is a Freemason, networking, ritual.",
659                items: [
660                    {
661                        q: "Who is a Freemason?",
662                        a: "A Freemason is one who owes obedience to the Masonic Order and to the laws of his or her country. He must live honorably, practice justice, love his neighbor, work unceasingly for the true happiness of Humanity, and help human beings to emancipate themselves from the thralldom of passion and ignorance.",
663                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
664                    },
665                    {
666                        q: "Does Freemasonry help build contacts?",
667                        a: "Freemasonry is not for business networking or collecting contacts.",
668                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
669                    },
670                    {
671                        q: "Why does Freemasonry rely on ritual?",
672                        a: "Freemasonry relies on ritual to illustrate those principles that cannot be verbally communicated. Ritual, being a series of actions set in a particular order, is the parable by which the Initiate can learn about himself, his society, and his universe.",
673                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
674                    }
675                ]
676            },
677            {
678                id: "ucm",
679                title: "Universal Co-Masonry",
680                desc: "What it is, focus, and what it expects.",
681                items: [
682                    {
683                        q: "What is Universal Co-Masonry?",
684                        a: "The Honorable Order of Universal Co-Masonry, heir to the ancient traditions whose wise principles, moral force, and discipline it has maintained, has preserved the rules, discipline, and aim of Ancient Masonry. The Order practices the 1st to the 33rd Degree of the Ancient and Accepted Scottish, including the English Rite Degrees of the Mark, Royal Ark Mariner, and Holy Royal Arch of Jerusalem.",
685                        sources: [
686                            { title: "Masonic FAQ", path: FAQ_URL },
687                            { title: "Degrees of Freemasonry", path: "/en/masonic-degrees-freemasonry" }
688                        ]
689                    },
690                    {
691                        q: "Does Universal Co-Masonry have the truth?",
692                        a: "No, instead it seeks to discover it. No institution or organization has ownership of the Truth.",
693                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
694                    },
695                    {
696                        q: "What is the focus of Universal Co-Masonry?",
697                        a: "Universal Co-Masonry works to the Glory of the Great Architect of the Universe and to the perfection of Humanity by seeking to find relief through the eradication of ignorance and the strengthening of ties of fraternity.",
698                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
699                    },
700                    {
701                        q: "What does Universal Co-Masonry expect from its members?",
702                        a: "To think high, to speak truth, to do well, to be tolerant toward others, to search after truth, to practice liberty under law, fraternal equality, justice and solidarity, are the duties which The Supreme Council of Universal Co-Masonry, prescribes to Freemasons seeking to build to the Glory of the Great Architect of the Universe, to the perfection of Humanity, and to the service of the Head of All True Freemasons, the true Masonic Temple open to both men and women.",
703                        sources: [{ title: "Masonic FAQ", path: FAQ_URL }]
704                    }
705                ]
706            }
707        ];
708
709        const state = {
710            view: "categories",    // categories | questions | answer
711            categoryId: null,
712            questionObj: null,
713            query: ""
714        };
715
716        // Debounce timer for search (prevents focus loss on every keystroke)
717        let searchTimer = null;
718
719        function setOpen(isOpen) {
720            panel.style.display = isOpen ? 'block' : 'none';
721            panel.setAttribute('aria-hidden', isOpen ? 'false' : 'true');
722            try { localStorage.setItem(STORAGE_KEY, isOpen ? '1' : '0'); } catch (e) { }
723            if (isOpen) setTimeout(() => { render(); body.scrollTop = 0; }, 0);
724        }
725
726        function escapeHtml(s) {
727            return String(s)
728                .replaceAll('&', '&amp;')
729                .replaceAll('<', '&lt;')
730                .replaceAll('>', '&gt;')
731                .replaceAll('"', '&quot;')
732                .replaceAll("'", '&#039;');
733        }
734
735        function getCategory(catId) {
736            return FAQ_TREE.find(c => c.id === catId) || null;
737        }
738
739        function allQuestionsFlat() {
740            const out = [];
741            for (const c of FAQ_TREE) for (const it of c.items) out.push({ cat: c, it });
742            return out;
743        }
744
745        // Simple internal search (keywords) across all answers/questions
746        function searchFAQ(q) {
747            const terms = String(q || "")
748                .toLowerCase()
749                .replace(/[^a-z0-9\s]+/g, " ")
750                .split(/\s+/)
751                .filter(x => x.length >= 3);
752
753            if (!terms.length) return [];
754
755            const scored = allQuestionsFlat().map(x => {
756                const hay = (x.it.q + " " + x.it.a).toLowerCase();
757                let score = 0;
758
759                for (const t of terms) {
760                    if (hay.includes(t)) score += 3;
761                }
762                for (const t of terms) {
763                    if (x.it.q.toLowerCase().includes(t)) score += 2;
764                }
765                return { ...x, score };
766            }).filter(x => x.score > 0);
767
768            scored.sort((a, b) => b.score - a.score);
769            return scored.slice(0, 10);
770        }
771
772        function renderTopbar(showBack, placeholder) {
773            const backBtn = showBack ? `<button type="button" class="kb-back" id="kbBackBtn">← Back</button>` : "";
774            return `
775      <div class="kb-topbar">
776        ${backBtn}
777        <input class="kb-search" id="kbSearch" type="text" placeholder="${escapeHtml(placeholder)}" value="${escapeHtml(state.query || "")}">
778      </div>
779    `;
780        }
781
782        function renderCategories() {
783            const items = FAQ_TREE.map(c => `
784      <div class="kb-item" data-cat="${escapeHtml(c.id)}">
785        <div class="kb-item-title">${escapeHtml(c.title)}</div>
786        <div class="kb-item-sub">${escapeHtml(c.desc)}</div>
787      </div>
788    `).join("");
789
790            body.innerHTML = `
791      ${renderTopbar(false, "Search the FAQ…")}
792      <div class="kb-section-title">Choose a topic</div>
793      <div class="kb-list" id="kbList">${items}</div>
794      <div class="kb-muted">This assistant uses preset FAQ answers.</div>
795    `;
796        }
797
798        function renderQuestions(catId) {
799            const cat = getCategory(catId);
800            if (!cat) { state.view = "categories"; render(); return; }
801
802            const items = cat.items.map((it, idx) => `
803      <div class="kb-item" data-qidx="${idx}">
804        <div class="kb-item-title">${escapeHtml(it.q)}</div>
805        <div class="kb-item-sub">Tap to view answer</div>
806      </div>
807    `).join("");
808
809            body.innerHTML = `
810      ${renderTopbar(true, "Search the FAQ…")}
811      <div class="kb-section-title">${escapeHtml(cat.title)}</div>
812      <div class="kb-list" id="kbList">${items}</div>
813      <div class="kb-muted">Or search above to jump to a specific answer.</div>
814    `;
815        }
816
817        function renderAnswer(catId, qObj) {
818            const cat = getCategory(catId);
819            if (!cat || !qObj) { state.view = "categories"; render(); return; }
820
821            const sources = (qObj.sources || []).map(s => {
822                const title = escapeHtml(s.title || "Source");
823                const path = escapeHtml(s.path || "#");
824                return `<div>• <a href="${path}" target="_blank" rel="noopener noreferrer">${title}</a></div>`;
825            }).join("");
826
827            body.innerHTML = `
828      ${renderTopbar(true, "Search the FAQ…")}
829      <div class="kb-answer">
830        <div class="kb-answer-q">${escapeHtml(qObj.q)}</div>
831        <div class="kb-answer-a">${escapeHtml(qObj.a)}</div>
832        ${sources ? `<div class="kb-sources"><div><b>Sources:</b></div>${sources}</div>` : ""}
833      </div>
834      <div class="kb-muted">Not what you needed? Use search above or pick another question.</div>
835    `;
836        }
837
838        function renderSearchResults(results) {
839            const items = results.map(r => `
840      <div class="kb-item" data-cat="${escapeHtml(r.cat.id)}" data-q="${escapeHtml(r.it.q)}">
841        <div class="kb-item-title">${escapeHtml(r.it.q)}</div>
842        <div class="kb-item-sub">${escapeHtml(r.cat.title)} • match score ${r.score}</div>
843      </div>
844    `).join("");
845
846            body.innerHTML = `
847      ${renderTopbar(state.view !== "categories", "Search the FAQ…")}
848      <div class="kb-section-title">Search results</div>
849      <div class="kb-list" id="kbList">${items || `<div class="kb-muted">No matches. Try different keywords.</div>`}</div>
850    `;
851        }
852
853        function render() {
854            const q = (state.query || "").trim();
855            if (q.length >= 3) {
856                const results = searchFAQ(q);
857                renderSearchResults(results);
858                wire();
859                return;
860            }
861
862            if (state.view === "categories") renderCategories();
863            else if (state.view === "questions") renderQuestions(state.categoryId);
864            else if (state.view === "answer") renderAnswer(state.categoryId, state.questionObj);
865            else renderCategories();
866
867            wire();
868        }
869
870        function wire() {
871            const back = document.getElementById("kbBackBtn");
872            if (back) {
873                back.addEventListener("click", () => {
874                    state.query = "";
875                    if (state.view === "answer") {
876                        state.view = "questions";
877                        state.questionObj = null;
878                    } else {
879                        state.view = "categories";
880                        state.categoryId = null;
881                    }
882                    render();
883                });
884            }
885
886            const search = document.getElementById("kbSearch");
887            if (search) {
888                // FIX: debounce re-render + restore focus after render
889                search.addEventListener("input", (e) => {
890                    state.query = e.target.value || "";
891
892                    clearTimeout(searchTimer);
893                    searchTimer = setTimeout(() => {
894                        render();
895                        const s = document.getElementById("kbSearch");
896                        if (s) {
897                            s.focus();
898                            // keep caret at end
899                            try { s.setSelectionRange(s.value.length, s.value.length); } catch (_) { }
900                        }
901                    }, 180);
902                });
903
904                search.addEventListener("keydown", (e) => {
905                    if (e.key === "Escape") {
906                        state.query = "";
907                        search.value = "";
908                        render();
909                    }
910                });
911            }
912
913            const list = document.getElementById("kbList");
914            if (!list) return;
915
916            list.addEventListener("click", (e) => {
917                const item = e.target.closest(".kb-item");
918                if (!item) return;
919
920                // Search result click: data-cat + data-q
921                const catFromSearch = item.getAttribute("data-cat");
922                const qFromSearch = item.getAttribute("data-q");
923                if (catFromSearch && qFromSearch) {
924                    const cat = getCategory(catFromSearch);
925                    if (cat) {
926                        const qObj = cat.items.find(x => x.q === qFromSearch);
927                        if (qObj) {
928                            state.view = "answer";
929                            state.categoryId = cat.id;
930                            state.questionObj = qObj;
931                            state.query = ""; // clear search after selection
932                            render();
933                        }
934                    }
935                    return;
936                }
937
938                // Category click
939                const catId = item.getAttribute("data-cat");
940                if (catId) {
941                    state.view = "questions";
942                    state.categoryId = catId;
943                    state.questionObj = null;
944                    render();
945                    return;
946                }
947
948                // Question click within category
949                const qidx = item.getAttribute("data-qidx");
950                if (qidx != null) {
951                    const cat = getCategory(state.categoryId);
952                    const idx = parseInt(qidx, 10);
953                    if (cat && !isNaN(idx) && cat.items[idx]) {
954                        state.view = "answer";
955                        state.questionObj = cat.items[idx];
956                        render();
957                    }
958                }
959            });
960        }
961
962        launcher.addEventListener('click', () => setOpen(panel.style.display !== 'block'));
963        btnClose.addEventListener('click', () => setOpen(false));
964
965        try {
966            const wasOpen = localStorage.getItem(STORAGE_KEY) === '1';
967            if (wasOpen) setOpen(true);
968        } catch (e) { }
969
970    })();
971</script>
971
972<!-- END PRESET FAQ BOT -->
973
974<!-- END CHAT WIDGET -->
975
976
977<!-- BEGIN VENDOR JS -->
978<script type="text/javascript" src="/assets/plugins/jquery/jquery-1.11.1.min.js"></script>
vendor: 2 bytes, line 978
978
979<script type="text/javascript" src="/pages/js/pages.frontend.js"></script>
979
980<!-- END PAGES LIB -->
981<noscript>
982<a href="https://www.livechatinc.com/chat-with/10951147/" rel="nofollow">Chat with us</a>,
983powered by <a href="https://www.livechatinc.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a>
984</noscript>
985<script type="text/javascript" src="/assets/js/ufm-attribution.js" defer></script>
vendor: 2 bytes, line 985
985
986<script type="text/javascript" src="/assets/js/ufm-third-party.js" defer></script>
986
987
988</body>
989</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.