@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

/* ADVERTISER DIRECTORY Add a 2px solid line below rows with short descriptions */
#id_JNIUHRS .memberDirectoryBottomRow .memberValue {
  border-bottom: 2px solid #eeeeee; /* Adds a 2px solid line below short descriptions */
  padding-bottom: 10px;
  margin-bottom: 5px;
}

/* ADVERTISER DIRECTORY Also add a 2px line below all regular rows without short descriptions */
#id_JNIUHRS .membersTable tr.normal {
  border-bottom: 2px solid #000; /* Adds a 2px line under every regular row */
}

#id_JNIUHRS .membersTable tr.normal:last-child {
  border-bottom: none; /* Removes the border after the last entry */
}

/* ADVERTISER DIRECTORY Adjust font size and line spacing for the directory listing gadget */
#id_BTiHgRv {
  font-size: 12px !important; /* This changes the font size within the directory gadget */
  line-height: 1.25 !important; /* This increases the line spacing for better readability */
}

/* Global font size and line height for consistent styling across devices */
body {
  font-size: 16px; /* Set a base font size */
  line-height: 1.5; /* Adjust global line spacing for readability */
  font-family: helvetica, arial, clean, sans-serif;
}

table {
  font-size: inherit;
  line-height: inherit; /* Ensure tables inherit global font and line spacing */
}

pre,
code {
  font-family: monospace;
  font-size: 14px; /* Set font size for code/preformatted text */
  line-height: 1.5; /* Adjust line spacing */
}

/* Apply font size to text elements for consistency */
body,
td,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #45494e;
  font-size: 14px; /* Set default font size for body text */
  line-height: 1.6; /* Increase line spacing for better readability */
  font-family: helvetica, arial, sans-serif;
}

/* h1: All caps with font color #003366 */
h1 {
  font-size: 30px;
  color: #2e3192 !important; /* Force font color */
  text-transform: uppercase; /* Make text all caps */
}

/* h2: Title case with font color #cc0033 */
h2 {
  font-size: 22px;
  color: #2e3192 !important; /* Force font color */
  text-transform: capitalize; /* Apply title case */
}

/* h3: Font color #cc0033 */
h3 {
  font-size: 18px;
  color: #cc0033 !important; /* Force font color */
}

/* Apply these sizes to other relevant sections or widgets as needed */

/* RESET MISC. ITEMS -------------------------------------- */

* {
  margin: 0;
  padding: 0;
}

a img {
  border: 0px;
}

.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
}

input,
textarea,
select,
legend {
  font-family: helvetica, arial, sans-serif !important;
}
input,
textarea,
select,
a {
  outline: none;
} /* removes the on focus/active blue border in safari + firefox */
textarea {
  resize: none;
} /* removes ability to resize field in css3 */
legend,
fieldset {
  border: 0px;
  padding: 0px;
  height: auto;
  margin: 0px;
}

/* ADD VERTICAL SCROLLBARS TO EVERY PAGE */
html,
body {
  height: 100%;
  margin: 0 0 1px;
}

body,
td,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #45494e;
  font-family: helvetica, arial, sans-serif;
}

/*** MAIN LAYOUT ***/

body {
}

body.controlTablesBordersInEditor {
  width: 100% !important;
  min-width: 100% !important;
  min-height: 50px !important;
  padding-bottom: 20px !important;
}

TABLE#idPageLayoutMainContainer {
  width: 940px !important;
}

table.pageLayoutTwoColumns,
table.pageLayoutTwoColumns table.pageLayoutBodyTable,
table.pageLayoutTwo2-1Columns,
table.pageLayoutTwo2-1Columns table.pageLayoutBodyTable,
table.pageLayoutTwo1-2Columns,
table.pageLayoutTwo1-2Columns table.pageLayoutBodyTable,
table.pageLayoutTopAndBottomRowsPlusTwoColumns,
table.pageLayoutTopAndBottomRowsPlusTwoColumns table.pageLayoutBodyTable,
table.pageLayoutThreeColumns,
table.pageLayoutThreeColumns table.pageLayoutBodyTable,
table.pageLayoutThreeColumnsAndTopRow,
table.pageLayoutThreeColumnsAndTopRow table.pageLayoutBodyTable,
table.pageLayoutTopAndBottomRowsPlusThreeColumns,
table.pageLayoutTopAndBottomRowsPlusThreeColumns table.pageLayoutBodyTable,
table.pageLayoutTwoRowsTwoColumns,
table.pageLayoutTwoRowsTwoColumns table.pageLayoutBodyTable,
table.pageLayoutThreeRowsThreeColumns,
table.pageLayoutThreeRowsThreeColumns table.pageLayoutBodyTable,
table.pageLayoutTopAndBottomRowsPlusTwoColumns table.pageLayoutTwoColumsTable,
table.pageLayoutTopAndBottomRowsPlusThreeColumns
  table.pageLayoutThreeColumsTable,
.pageLayoutTopRowOuterContainer .pageLayoutContainer,
.pageLayoutBottomRowOuterContainer .pageLayoutContainer {
  width: 940px !important;
}

TABLE#idPageLayoutMainContainer td {
  padding: 0px !important;
}

.cnClipMainContainer {
  padding-top: 32px;
  min-width: 1006px;
}

td.pageLayoutTitleOuterContainer {
  display: none;
}

.cnMainContainer,
.cnHeaderContainer,
.headerContentHolder,
.headerContent,
.mainMenu,
.cnContentContainer,
.cnPrimaryContentContainer,
#idFooterContainer {
  width: 986px;
}

.cnNavigationContainer,
.mainMenu .menuLevel2,
.cnContentContainer {
  margin-top: 0px;
  margin-bottom: 0px;
}

/*** HEADER ***/

.cnHeaderContainer,
div.headerContentHolder {
  background-color: transparent;
}

#idHeaderAssociationName {
  font-size: 108%;
  line-height: 123.1%;
  color: #052861;
  font-family:
    "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  position: relative !important;
  top: 95px !important;
  left: 205px !important;
  width: 510px !important;
  white-space: normal;
}

/*** LOGIN ***/

#id_LoginBoxGadget .loginContainer {
  display: block;
  height: 147px;
  left: 727px;
  position: absolute;
  top: 17px;
  width: 250px;
  z-index: 33003;
  font-size: 100%;
  overflow: visible;
}

#id_LoginBoxGadget .loginContainer div.loginData .inner {
  padding: 0px;
}

#loginContainerTitle {
  font-family: georgia, "times new roman", times, serif;
  font-size: 131%;
  color: #062451 !important;
  font-variant: small-caps;
  margin-bottom: 15px;
  font-weight: bold !important;
  position: absolute;
  top: -25px;
  left: 0px;
}

.loginContainerTitle-welcome {
  display: inline;
  padding-left: 40px;
}

#id_LoginBoxGadget .loginContainer .loginUserName,
#id_LoginBoxGadget .loginContainer .loginPassword {
  margin-bottom: 3px;
  width: 250px;
}

#id_LoginBoxGadget .loginContainer .loginUserNameLabel {
  width: 80px;
  margin-top: 6px;
}
#id_LoginBoxGadget .loginContainer .loginPasswordLabel {
  width: 80px;
  margin-top: 6px;
}

#id_LoginBoxGadget .loginContainer .loginUserNameLabel label,
#id_LoginBoxGadget .loginContainer .loginPasswordLabel label {
  color: #062451;
  text-transform: uppercase;
  font-size: 85%;
  font-weight: bold !important;
}

#id_LoginBoxGadget .loginContainer .loginUserNameTextBox,
#id_LoginBoxGadget .loginContainer .loginPasswordTextBox {
  float: right;
  width: 160px;
}

#id_LoginBoxGadget .loginContainer .loginUserName input,
#id_LoginBoxGadget .loginContainer .loginPassword input {
  border: 0px;
  background-color: #b4a38c;
  display: block;
  font-size: 85%;
  width: 150px;
  color: #062451;
  padding: 0px 5px;
  height: 20px;
  line-height: 20px;
  font-weight: bold !important;
}

#id_LoginBoxGadget .loginContainer .loginActionRememberMe {
  padding-left: 90px;
  padding-top: 3px;
  padding-bottom: 5px;
}

#id_LoginBoxGadget .loginContainer .loginActionRememberMe label {
  top: -1px;
  color: #062451;
  padding-left: 5px;
  text-transform: capitalize;
  font-size: 85%;
  font-weight: bold !important;
}

.loginPasswordForgot {
  position: relative;
  left: -10px;
}

#id_LoginBoxGadget .loginContainer .loginPasswordForgot a {
  color: #062451 !important;
  font-size: 93%;
  line-height: 123.1%;
  font-weight: bold !important;
  text-decoration: underline;
  font-style: italic;
  text-transform: capitalize;
  position: relative;
  top: 0px;
}

#id_LoginBoxGadget .loginContainer .loginPasswordForgot a:hover {
  text-decoration: none;
}

html > body #id_LoginBoxGadget .loginContainer .loginAction,
.cnPrimaryContentContainer #id_LoginBoxGadget .loginContainer .loginAction {
  width: 94px;
}

#id_LoginBoxGadget .loginContainer .loginAction {
  padding-left: 90px;
}

#id_LoginBoxGadget .loginContainer span input {
  bottom: 0px;
}

#idSubmitBox #idLoginButtonBox {
  width: 104px;
}
#idSubmitBox #idForgotLinkBox a {
  line-height: 131%;
  font-style: italic;
  position: relative;
  top: 4px;
}
#idSubmitBox #idForgotLinkBox a:hover {
  text-decoration: none;
}

#id_LoginBoxGadget .loginContainer .loginAction input.loginButton {
  display: block;
}

/* LOGGED IN */

#id_LoginBoxGadget .loginContainer .loggedName {
  margin-bottom: 15px;
}

#id_LoginBoxGadget .loginContainer .loggedName #loginContainerTitle {
  position: static;
}

#id_LoginBoxGadget .loginContainer .loggedName span {
  display: inline !important;
  margin-bottom: 0px !important;
  padding-right: 0 !important;
  padding-top: 0px !important;
  text-align: left !important;
  width: auto !important;
  color: #062451 !important;
  padding-left: 0px !important;
  margin-top: 0px !important;
  font-weight: bold !important;
}

#id_LoginBoxGadget .loginContainer div.profileBox {
  display: block;
  margin-bottom: 0px;
  padding-right: 0px;
  text-align: left;
  width: auto;
  padding-left: 40px;
}

#id_LoginBoxGadget .loginContainer .loggedAction {
  margin-top: 10px;
  padding-left: 40px;
}

#id_LoginBoxGadget .loginContainer div.profileBox a {
  color: #062451 !important;
  font-size: 93%;
  line-height: 123.1%;
  font-weight: bold !important;
  text-decoration: underline;
  font-style: italic;
  text-transform: capitalize;
}

#id_LoginBoxGadget .loginContainer div.profileBox a:hover {
  text-decoration: none;
}

#loggedMemberLink {
  margin-top: 10px;
}
#id_LoginBoxGadget .loginContainer #loggedMemberLink a {
  font-weight: bold;
}

.login-role-main {
  margin-top: 10px;
}
.login-role-actions input {
  float: left;
  margin-right: 10px;
}

/*** MENU ***/

.mainMenu {
  background: transparent url("/resources/Theme/NARO_mainMenuBG-border.png")
    no-repeat left top;
  min-height: 74px;
}

.mainMenuInner {
  padding: 3px 3px 0px 3px;
}

.mainMenuInner .menuLevel1 {
  margin: 0px 18px;
}

.mainMenu TD {
  height: 68px;
  line-height: 68px;
  margin: 0px;
  vertical-align: middle;
}

.mainMenu TD.separator {
  width: 11px;
  vertical-align: middle;
  display: block;
}

.mainMenu TD.separator SPAN {
  display: block;
  width: 11px;
  height: 100%;
  overflow: hidden;
  font-size: 0em;
  background-color: transparent;
  vertical-align: middle;
  margin-top: 0px;
  margin-left: 0px;
}

.mainMenu TD.firstSeparator {
  display: none;
}

.mainMenu TD.itemNormal .d5 {
  padding-right: 0px;
  background: transparent none;
}
.mainMenu TD.itemCurrent .d5,
.mainMenu TD.itemCurrentParent .d5 {
  padding-right: 0px;
  background: transparent none;
}

/******* Item of the 1st menu level *******/

.mainMenu TD A,
.mainMenu TD A:link,
.mainMenu TD A:active,
.mainMenu TD A:visited,
.mainMenu TD A:hover,
.mainMenu TD SPAN SPAN {
  display: block;
  height: 68px;
  margin: 0 0px 0 0;
  padding: 0px 18px;
  background-color: transparent;
  font-size: 116%;
  font-weight: normal;
  color: #fefefe;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
}

.mainMenu TD A:hover,
.mainMenu TD.itemNormal:hover A,
.mainMenu TD.itemCurrentParent A:hover {
  background-color: #5b92fa;
  color: #fefefe;
}

.mainMenu TD.itemCurrentParent A,
.mainMenu TD.itemCurrentParent A:link,
.mainMenu TD.itemCurrentParent A:active,
.mainMenu TD.itemCurrentParent A:visited,
.mainMenu TD SPAN SPAN {
  background-color: #05234f;
  color: #fefefe;
  border-left: 1px solid #0a2c5d;
  border-right: 1px solid #0a2c5d;
  padding: 0px 17px;
}

/******* Item of the 2nd menu level *******/

.menuLevel2Outer {
  margin-top: 3px;
  background: transparent
    url("/resources/Theme/NARO_mainMenuBG-2ndLevel-lighter.png") repeat-y left
    top;
}

.mainMenu .menuLevel2 {
  background-color: transparent;
  padding: 12px 21px 12px 38px;
}

.mainMenu .menuLevel2 span.item {
  display: inline-block;
  width: 227px;
  margin-bottom: 8px;
  text-align: left;
}

.mainMenu .menuLevel2 span.item span {
  padding-right: 15px;
}

.mainMenu .menuLevel2 span.itemNormal span a,
.mainMenu .menuLevel2 span.itemCurrent span a,
.mainMenu .menuLevel2 span.itemCurrentParent span a,
.mainMenu .menuLevel2 span.itemCurrent span span {
  background: transparent none !important;
  padding-right: 0px;
  text-align: left !important;
}

.mainMenu .menuLevel2 span.separator {
  display: none;
}

.mainMenu .menuLevel2 span.item span a,
.mainMenu .menuLevel2 span.item span a:link,
.mainMenu .menuLevel2 span.item span a:active,
.mainMenu .menuLevel2 span.item span a:visited,
.mainMenu .menuLevel2 span.item span a:hover,
.mainMenu .menuLevel2 span.item span span {
  color: #05234f;
  font-size: 100%;
  margin: 0px;
  text-align: left !important;
  background: transparent none !important;
}

.mainMenu .menuLevel2 span.itemCurrentParent span a,
.mainMenu .menuLevel2 span.item span span {
  color: #5b92fa !important;
}

.mainMenu .menuLevel2 span.item:hover span a {
  color: #05234f;
}

.mainMenu .menuLevel2 span.itemCurrentParent span a:hover,
.mainMenu .menuLevel2 span.item span a:hover {
  color: #fff !important;
}

/******* Item of the 3rd menu level *******/

.menuLevel3Outer {
  background: transparent
    url("/resources/Theme/NARO_mainMenuBG-3rdLevel-lighter.png") repeat-y left
    top;
}

.mainMenu .menuLevel3 {
  background-color: transparent;
  padding: 12px 21px 12px 38px;
  margin-top: 0px;
}

.mainMenu .menuLevel3 span.item {
  display: inline-block;
  width: 227px;
  margin-bottom: 8px;
  text-align: left;
}

.mainMenu .menuLevel3 span.item span {
  padding-right: 15px;
}

.mainMenu .menuLevel3 span.itemNormal span a,
.mainMenu .menuLevel3 span.itemCurrent span a,
.mainMenu .menuLevel3 span.itemCurrentParent span a,
.mainMenu .menuLevel3 span.itemCurrent span span {
  background: transparent none;
  padding-right: 0px;
  text-align: left !important;
}

.mainMenu .menuLevel3 span.separator {
  display: none;
}

.mainMenu .menuLevel3 span.item span a,
.mainMenu .menuLevel3 span.item span a:link,
.mainMenu .menuLevel3 span.item span a:active,
.mainMenu .menuLevel3 span.item span a:visited,
.mainMenu .menuLevel3 span.item span a:hover,
.mainMenu .menuLevel3 span.item span span {
  color: #05234f;
  font-size: 100%;
  margin: 0px;
  text-align: left !important;
}

.mainMenu .menuLevel3 span.itemCurrentParent span a,
.mainMenu .menuLevel3 span.item span span {
  color: #5b92fa !important;
}

.mainMenu .menuLevel3 span.item:hover span a {
  color: #05234f;
}

.mainMenu .menuLevel3 span.itemCurrentParent span a:hover,
.mainMenu .menuLevel3 span.item span a:hover {
  color: #fff !important;
}

/*** dynamic menu level 2 ***/

.mainMenu TD.itemNormal:hover UL.dynamic,
.mainMenu TD.itemNormal A:hover UL.dynamic {
  display: block;
  left: 0;
  top: 0px;
  width: 236px;
  background-color: #5b92fa;
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 0px;
}
.mainMenu SPAN.itemNormal UL.dynamic {
  left: 0;
  top: 0;
  width: 236px;
}
.mainMenu TD.itemNormal:hover UL.dynamic LI,
.mainMenu TD.itemNormal A:hover UL.dynamic LI,
.mainMenu TD.itemNormal A:hover TABLE.dynamic UL.dynamic LI {
  position: relative;
  width: 236px;
  height: auto;
  margin: 0;
  padding: 0;
}
.mainMenu SPAN.itemNormal UL.dynamic LI {
  position: relative;
  width: 236px;
  height: auto;
  margin: 0;
  padding: 0;
}

.mainMenu TD.itemNormal UL.dynamic LI.itemNormal .d5,
.mainMenu SPAN.itemNormal UL.dynamic LI.itemNormal .d5 {
  width: 100%;
  background: transparent none;
}

.mainMenu TD UL.dynamic LI A,
.mainMenu TD UL.dynamic LI A:link,
.mainMenu TD UL.dynamic LI A:active,
.mainMenu TD UL.dynamic LI A:visited,
.mainMenu TD UL.dynamic LI A:hover,
.mainMenu TD.itemNormal:hover UL.dynamic LI A,
.mainMenu TD.itemNormal:hover UL.dynamic LI A:link,
.mainMenu TD.itemNormal:hover UL.dynamic LI A:active,
.mainMenu TD.itemNormal:hover UL.dynamic LI A:visited,
.mainMenu TD.itemNormal:hover UL.dynamic LI A:hover,
.mainMenu SPAN.itemNormal UL.dynamic LI A,
.mainMenu SPAN.itemNormal UL.dynamic LI A:link,
.mainMenu SPAN.itemNormal UL.dynamic LI A:active,
.mainMenu SPAN.itemNormal UL.dynamic LI A:visited,
.mainMenu SPAN.itemNormal UL.dynamic LI A:hover {
  display: block;
  width: 200px;
  height: 18px !important;
  line-height: 18px !important;
  margin: 0;
  padding: 4px 18px;
  background-color: transparent;
  font-size: 100%;
  font-weight: normal;
  color: #05234f;
  text-decoration: underline;
  white-space: normal;
  overflow: hidden;
  text-transform: none;
  text-align: left;
}
.mainMenu TD.itemNormal:hover UL.dynamic LI:hover A,
.mainMenu TD.itemNormal A:hover UL.dynamic LI A:hover,
.mainMenu SPAN.itemNormal UL.dynamic LI:hover A,
.mainMenu SPAN.itemNormal UL.dynamic LI A:hover {
  background-color: #05234f !important;
  color: #fefefe !important;
  text-decoration: none !important;
}

/*** dynamic menu level 3 ***/

.mainMenu TD UL LI.itemNormal:hover UL.dynamic,
.mainMenu TD UL LI.itemNormal A:hover UL.dynamic,
.mainMenu TD.itemNormal UL.dynamic LI.itemNormal:hover UL.dynamic,
.mainMenu SPAN.itemNormal UL.dynamic LI.itemNormal:hover UL.dynamic,
.mainMenu TD.itemNormal UL.dynamic LI.itemNormal A:hover UL.dynamic,
.mainMenu SPAN.itemNormal UL.dynamic LI.itemNormal A:hover UL.dynamic {
  left: 236px;
  top: 0px;
  width: 236px;
  padding: 0px;
}
.mainMenu TD UL LI.itemNormal A:hover TABLE.dynamic UL.dynamic,
.mainMenu
  TD.itemNormal
  TABLE.dynamic
  UL.dynamic
  LI.itemNormal
  A:hover
  TABLE.dynamic
  UL.dynamic,
.mainMenu
  SPAN.itemNormal
  TABLE.dynamic
  UL.dynamic
  LI.itemNormal
  A:hover
  TABLE.dynamic
  UL.dynamic {
  display: block;
  left: 236px;
  top: 0px;
}
.mainMenu TD UL LI UL.dynamic LI A,
.mainMenu TD UL LI UL.dynamic LI A:link,
.mainMenu TD UL LI UL.dynamic LI A:active,
.mainMenu TD UL LI UL.dynamic LI A:visited,
.mainMenu TD UL LI UL.dynamic LI A:hover,
.mainMenu TD.itemNormal:hover UL.dynamic LI.itemNormal:hover UL.dynamic LI A,
.mainMenu
  TD.itemNormal:hover
  UL.dynamic
  LI.itemNormal:hover
  UL.dynamic
  LI
  A:link,
.mainMenu
  TD.itemNormal:hover
  UL.dynamic
  LI.itemNormal:hover
  UL.dynamic
  LI
  A:active,
.mainMenu
  TD.itemNormal:hover
  UL.dynamic
  LI.itemNormal:hover
  UL.dynamic
  LI
  A:visited,
.mainMenu
  TD.itemNormal:hover
  UL.dynamic
  LI.itemNormal:hover
  UL.dynamic
  LI
  A:hover,
.mainMenu SPAN.itemNormal:hover UL.dynamic LI.itemNormal:hover UL.dynamic LI A,
.mainMenu
  SPAN.itemNormal:hover
  UL.dynamic
  LI.itemNormal:hover
  UL.dynamic
  LI
  A:link,
.mainMenu
  SPAN.itemNormal:hover
  UL.dynamic
  LI.itemNormal:hover
  UL.dynamic
  LI
  A:active,
.mainMenu
  SPAN.itemNormal:hover
  UL.dynamic
  LI.itemNormal:hover
  UL.dynamic
  LI
  A:visited,
.mainMenu
  SPAN.itemNormal:hover
  UL.dynamic
  LI.itemNormal:hover
  UL.dynamic
  LI
  A:hover {
  display: block;
  width: 200px;
  height: 18px;
  line-height: 18px;
  margin: 0;
  padding: 4px 18px;
  background-color: transparent;
  font-size: 100%;
  font-weight: normal;
  color: #05234f;
  text-decoration: underline;
  white-space: normal;
  overflow: hidden;
  text-transform: none;
  text-align: left;
}
.mainMenu
  TD.itemNormal:hover
  UL.dynamic
  LI.itemNormal:hover
  UL.dynamic
  LI:hover
  A,
.mainMenu
  TD.itemNormal
  A:hover
  UL.dynamic
  LI.itemNormal
  A:hover
  UL.dynamic
  LI
  A:hover {
  background-color: #020f21 !important;
  color: #fefefe !important;
  text-decoration: none !important;
}

.mainMenu span.itemNormal div.dynamicMenuLevelContainer {
  position: absolute !important;
  left: -9999px !important;
}

/* hide member area menu item and separator */
body.memberContentView TD#id_MenuGadget_idMainMenuItem652192,
body.memberContentView TD#id_MenuGadget_idMainMenuItem652192 + TD.separator {
  display: none !important;
}

/* hide menu icons */
.mainMenuContainer .mainMenu div.mainMenuPublicHiddenIcon.before,
.mainMenuContainer .mainMenu div.mainMenuPublicHiddenIcon.after {
  display: none;
}

/*** CONTENT ***/

.cnPrimaryContentContainer {
  background: transparent url("/resources/Theme/NARO_contentBG.png") repeat-y
    left top;
}

.cnPrimaryContentContainer .d1PrimaryContentContainer {
  border: 0px solid #ccc;
  float: left;
  width: 980px;
  margin: 0;
  margin-left: 3px;
  /*border-top:3px solid #5b92fa;*/
}

.cnPrimaryContentContainer .d1PrimaryContentContainer .d1 {
  margin-left: 0px;
}

.cnPrimaryContentContainer .removeBorder {
  border-top: 0px;
}

.cnPrimaryContentContainer .d1PrimaryContentContainer,
.cnPrimaryContentBlock1ContentHolder {
  background-color: #f7f7f7;
}

.cnPrimaryContentContainer .block .inner {
  padding: 19px 20px 10px 20px;
}

.cnPrimaryContentBlock1ContentHolder,
.cnPrimaryContentBlock1Content {
  width: 940px;
}

.cnPrimaryContentBlock1ContentHolder {
  overflow: visible;
}

table#idPageLayoutMainContainer td.pageLayoutLeftOuterContainer,
table#idPageLayoutMainContainer td.pageLayoutRightOuterContainer {
  padding-bottom: 40px !important;
}

table.pageLayoutTwoColumns td.pageLayoutLeftOuterContainer,
table.pageLayoutTopAndBottomRowsPlusTwoColumns td.pageLayoutLeftOuterContainer {
  width: 560px !important;
}
table.pageLayoutTwoColumns td.pageLayoutLeftOuterContainer .pageLayoutContainer,
table.pageLayoutTopAndBottomRowsPlusTwoColumns
  td.pageLayoutLeftOuterContainer
  .pageLayoutContainer {
  margin-right: 37px;
  width: 523px !important;
}

table.pageLayoutTwoColumns td.pageLayoutRightOuterContainer,
table.pageLayoutTopAndBottomRowsPlusTwoColumns
  td.pageLayoutRightOuterContainer {
  width: 380px !important;
}

.cnPrimaryContentBlock1Content {
  line-height: 186.1%;
}

div.pageTitleOuterContainer {
  padding-bottom: 0px;
}
div.introOuterContainer {
  margin: 0px !important;
}

.cnPrimaryContentBlock1Content a {
  color: #072755 !important;
  text-decoration: underline !important;
}
.cnPrimaryContentBlock1Content a:hover {
  color: #072755 !important;
  text-decoration: none !important;
}

.cnPrimaryContentBlock1Content ul li {
  margin-left: 40px;
}
.cnPrimaryContentBlock1Content ol li {
  margin-left: 43px;
}

.cnPrimaryContentBlock1Content ul.boxesList li {
  margin-left: 0px;
}

.cnPrimaryContentBlock1Content h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #002f87;
  font-size: 189%;
  line-height: 111%;
  font-variant: small-caps;
  margin-bottom: 10px;
}
.cnPrimaryContentBlock1Content h1.star {
  background: transparent url("/resources/Theme/NARO_star-red.png") no-repeat
    left 4px;
  padding-left: 28px;
  font-size: 174%;
}
.cnPrimaryContentBlock1Content h1[class*="SystemPageTitle"],
.cnPrimaryContentBlock1Content h1.legacyContentPageTitle,
.cnPrimaryContentBlock1Content
  div.publicWizardContainer
  h1[class*="SystemPageTitle"] {
  font-size: 189%;
}
.cnPrimaryContentBlock1Content h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #454b51;
  font-size: 178%;
  line-height: 100%;
  font-variant: small-caps;
  margin-bottom: 10px;
}
.cnPrimaryContentBlock1Content h3,
.cnPrimaryContentBlock1Content .forumCategoryContainer h5 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #db1020;
  font-size: 116%;
  line-height: 161%;
  margin-bottom: 10px;
}
.cnPrimaryContentBlock1Content h3.contStyleExcHeadingColored {
  color: #727272;
}
.cnPrimaryContentBlock1Content h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #727272;
  font-size: 85%;
  line-height: 131%;
  margin-bottom: 8px;
}

.cnPrimaryContentBlock1Content a:hover {
  text-decoration: none;
}

TD#pageHeader-chapterMenu {
  background: transparent
    url("/resources/Theme/NARO_pageHeader-stateChapterMenuBG.jpg") no-repeat 0 0;
}

TD#pageHeader-chapterMenu h1 {
  color: #fff !important;
  font-weight: normal !important;
  margin-bottom: 0px !important;
  font-size: 213%;
  height: 50px;
  line-height: 50px;
  padding-left: 17px;
}

TD#pageHeader-chapterMenu table {
  list-style-type: none;
  margin: 9px 0px 0px 17px;
}

TD#pageHeader-chapterMenu table td {
  width: 86px;
  padding: 3px 10px 4px 0px;
  line-height: 150%;
  color: #aaa !important;
  font-variant: small-caps;
}

TD#pageHeader-chapterMenu table td a {
  color: #fff !important;
  text-decoration: none !important;
  font-size: 108%;
}
TD#pageHeader-chapterMenu table td a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}

.pageFeature {
  margin: 20px 0px 30px 0px;
  text-align: center;
}
.pageFeature-fullWidth {
  position: relative;
  z-index: 1;
  left: -20px;
  width: 980px;
}

.pageFeature-top {
  width: 100%;
  height: 15px;
  background: transparent url("/resources/Theme/NARO_pageFeatureBG-top.jpg")
    repeat-x 0 0;
}

.pageFeature-bottom {
  width: 100%;
  height: 21px;
  background: transparent url("/resources/Theme/NARO_pageFeatureBG-bottom.jpg")
    repeat-x 0 0;
}

.pageFeature-content {
  padding: 0px 20px 5px 20px;
}
.pageFeature-content h2 {
  margin-bottom: 0px !important;
  color: #db1020 !important;
}
.pageFeature-content h2 span {
  color: #cacaca;
  font-size: 200%;
  line-height: 0px;
  position: relative;
  z-index: 1;
  top: 5px;
}

.pageFeature-content p {
  font-size: 85%;
  color: #454b51;
  font-family:
    "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, sans-serif;
  line-height: 151%;
}

.grid-2col {
  width: 400px;
  float: left;
  overflow: visible;
  position: relative;
}
.grid-2col img {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
#ad-top-left,
#ad-top-right,
#ad-bottom-left,
#ad-bottom-right {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 180px;
  overflow: hidden;
}
#ad-top-right,
#ad-bottom-right {
  margin-right: 0px;
}

/* Removed malformed legacy widgets-2col background fragment. */
body.controlTablesBordersInEditor table.widgets-2col {
  left: 0px !important;
}

.cnPrimaryContentBlock1Content
  table#idPageLayoutMainContainer
  table.widgets-2col
  td {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.cnPrimaryContentBlock1Content
  table#idPageLayoutMainContainer
  table.widgets-2col
  td.firstCol {
  width: 430px !important;
  padding-left: 20px !important;
}
.cnPrimaryContentBlock1Content
  table#idPageLayoutMainContainer
  table.widgets-3col
  td.lastCol {
  padding-right: 16px !important;
}

.cnPrimaryContentBlock1Content table.widgets-2col h3 {
  font-size: 100%;
  line-height: 131%;
  padding-top: 8px;
}

.cnPrimaryContentBlock1Content .moduleContainer {
  margin-top: 7px;
  font-size: 93%;
  line-height: 100%;
}

table.widgets-2col .artBoxTitleContainer {
  display: none;
}
table.widgets-2col
  div.artBoxContainer
  div.artBoxContentContainer
  div.artBoxContentHolder {
  min-height: 250px !important;
}
.cnPrimaryContentBlock1Content
  div.artBoxContainer
  div.moduleViewType-0
  div.itemInfoContainer {
  font-size: 100% !important;
}
.artBoxHolder {
  width: 100% !important;
}
.cnPrimaryContentBlock1Content .moduleContainer a {
  color: #db1020 !important;
}
.cnPrimaryContentBlock1Content .moduleContainer a:hover {
  color: #db1020 !important;
}

.blogPostListContainer .boxHeaderOuterContainer,
.blogEntryContainer .boxHeaderOuterContainer {
  padding-top: 20px;
}

.EventListCalendar {
  width: 99%;
}
.EventListCalendar td {
  padding: 5px;
}
.EventListCalendar a.yearViewHeader {
  margin: 0px;
}

/*** FOOTER ***/

#idFooterContainer {
  background: transparent url("/resources/Theme/NARO_footerBG.png") no-repeat
    left top;
  padding-top: 30px;
}

#idFooterContainer,
#idFooterContainer * {
  background-color: transparent;
}

#idFooterContainer {
  font-size: 93%;
}

body.publicContentView .footerContent,
body.publicContentView .footerContent a,
body.publicContentView .footerContent table tr td,
body.memberContentView .footerContent,
body.memberContentView .footerContent a,
body.memberContentView .footerContent table tr td,
body.adminContentView .footerContent,
body.adminContentView .footerContent a,
body.adminContentView .footerContent table tr td {
  color: #fff;
}

body.controlTablesBordersInEditor .footerContent,
body.controlTablesBordersInEditor .footerContent a,
body.controlTablesBordersInEditor .footerContent table tr td {
  color: #333 !important;
}

.footerContent a:hover {
  text-decoration: none;
}

.footerContent table tr td {
  line-height: 200%;
}

#idFooterContainer .innerFooterContainer {
  float: left;
  padding: 0px;
}

.footerContentHolder {
  width: 986px !important;
  text-align: center;
}

.footerContent {
  width: 952px;
  margin: 0 auto;
  text-align: left;
  padding: 14px;
  background: transparent url("/resources/Theme/NARO_black-trans25.png");
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.footerContent table {
  width: 952px !important;
}

#footer-gutter {
  height: 0px;
}

/* OLD NARO CODE...

.cnFooterPoweredByContainer {
  display: none;
}
.subMenu li a, .subMenu li a:link, .subMenu li a:active, .subMenu li a:visited, .mainMenuContainer {
background-color:#000099;
}

.mainMenuContainer .menuLevel3 span.item span a, .mainMenuContainer .menuLevel3 span.item span a:link, .mainMenuContainer .menuLevel3 span.item span a:active, .mainMenuContainer .menuLevel3 span.item span a:visited, .subMenu li ul li a, .subMenu li ul li a:link, .subMenu li ul li a:active, .subMenu li ul li a:visited {
background-color:#000099;
}

.cnHeaderContainer .d1HeaderContainer,
.headerContentHolder
{
  background: transparent url(/resources/Pictures/US_Header_Image.jpg) top left no-repeat;
}

*/
.myButton {
  box-shadow: inset 0 1px 0 0 #ffffff;
  background: linear-gradient(to bottom, #f9f9f9 5%, #c9c7c9 100%);
  background-color: #f9f9f9;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  cursor: pointer;
  color: #666666;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 34px;
  text-decoration: none;
}

.myButton:hover {
  background: linear-gradient(to bottom, #c9c7c9 5%, #f9f9f9 100%);
  background-color: #c9c7c9;
}

.myButton:active {
  position: relative;
  top: 1px;
}
.boxInfoContainer h5 {
  display: none;
}
.WaGadgetRecentBlogPosts .gadgetStyleBody ul li .author {
  display: none;
}
SPAN.postedByLink {
  display: none;
}
.WaGadgetBlogStateList .boxBodyInfoContainer .postedByComment {
  display: none;
}

/* Oklahoma Upcoming Events Gadget Styling */
#id_YEjHUTJ {
  background: #ffffff;
  border: 1px solid #dddddd;
  border-top: 6px solid #003399;
  border-radius: 14px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  margin: 24px 0 34px;
}

/* Gadget title */
#id_YEjHUTJ .gadgetStyleTitle,
#id_YEjHUTJ .gadgetStyleTitle h4,
#id_YEjHUTJ h3,
#id_YEjHUTJ h4 {
  background: #eeeeee !important;
  color: #003399 !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  margin: 0 !important;
  padding: 22px 28px !important;
  border: none !important;
}

/* Main content area */
#id_YEjHUTJ .gadgetStyleBody,
#id_YEjHUTJ .boxBodyOuterContainer,
#id_YEjHUTJ .boxBodyContainer,
#id_YEjHUTJ .boxBodyInfoOuterContainer {
  background: #ffffff !important;
  padding: 0 !important;
  border: none !important;
}

/* Event list spacing */
#id_YEjHUTJ ul,
#id_YEjHUTJ .upcomingEventsList {
  list-style: none !important;
  margin: 0 !important;
  padding: 8px 28px 20px !important;
}

/* Individual event rows */
#id_YEjHUTJ li,
#id_YEjHUTJ .upcomingEventsList .item,
#id_YEjHUTJ .gadgetEventEditableArea {
  padding: 18px 0 !important;
  border-bottom: 1px solid #eeeeee !important;
}

/* Remove border on last event */
#id_YEjHUTJ li:last-child,
#id_YEjHUTJ .upcomingEventsList .item:last-child {
  border-bottom: none !important;
}

/* Event title links */
#id_YEjHUTJ a {
  color: #003399 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

#id_YEjHUTJ a:hover {
  color: #cc0033 !important;
  text-decoration: underline !important;
}

/* Event date/location text */
#id_YEjHUTJ div,
#id_YEjHUTJ span,
#id_YEjHUTJ p {
  color: #4a4a4a !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

/* No events message */
#id_YEjHUTJ .noUpcomingEvents {
  padding: 24px 28px !important;
  color: #4a4a4a !important;
  font-size: 17px !important;
}

/* Mobile optimization */
@media screen and (max-width: 760px) {
  #id_YEjHUTJ {
    border-radius: 12px;
    margin: 18px 0 28px;
  }

  #id_YEjHUTJ .gadgetStyleTitle,
  #id_YEjHUTJ .gadgetStyleTitle h4,
  #id_YEjHUTJ h3,
  #id_YEjHUTJ h4 {
    font-size: 24px !important;
    padding: 20px !important;
  }

  #id_YEjHUTJ ul,
  #id_YEjHUTJ .upcomingEventsList {
    padding: 6px 20px 18px !important;
  }

  #id_YEjHUTJ a {
    font-size: 17px !important;
  }

  #id_YEjHUTJ div,
  #id_YEjHUTJ span,
  #id_YEjHUTJ p {
    font-size: 15px !important;
  }
}
/* Wrap text on Find Your State */
.naro-map-wow__subtitle {
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}
/*For mobile views */
@media (max-width: 768px) {
  /* Fixes the text wrapper */
  .naro-map-wow__subtitle {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-size: 16px !important;
  }

  /* Forces the interactive map components to scale responsively */
  .naro-map-wow,
  .naro-map-wow__container,
  .naro-map-wow img,
  .naro-map-wow svg,
  .naro-map-wow iframe {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}
/* Selects the NARO chapter map SVG specifically */
svg[aria-label="United States chapter map"] {
  width: 100% !important;
  max-width: 959px !important; /* Prevents the map from over-stretching on huge desktop screens */
  height: auto !important; /* Essential to keep the geographic map proportions intact */
  display: block !important;
  margin: 0 auto !important; /* Centers the map nicely if the container is wider */
}

/* ================================================================
   NARO migration layer
   Version: 1.0.0 (2026-08-20)

   Migrated pages activate the staged rules with:
   data-naro-migration="v1"

   The homepage menu remains separately gated by:
   data-naro-home-header="active"
   ================================================================ */

@media (max-width: 980px) {
  html:where(
    :has(
      body
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
    )
  ),
  body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  ) {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden;
  }
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    .cnClipMainContainer,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    .cnMainContainer,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    .cnContentContainer,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    .cnPrimaryContentContainer,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    .cnPrimaryContentBlock1Content,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    .zoneContentOuter,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    .zoneContentInner,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    table#idPageLayoutMainContainer,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    table.pageLayoutTwoColumns,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    table.pageLayoutTwoColumns
    table.pageLayoutBodyTable,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    table.pageLayoutTwo2-1Columns,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    table.pageLayoutTwo2-1Columns
    table.pageLayoutBodyTable,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    table.pageLayoutTwo1-2Columns,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    table.pageLayoutTwo1-2Columns
    table.pageLayoutBodyTable,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    table.pageLayoutTopAndBottomRowsPlusTwoColumns,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    table.pageLayoutTopAndBottomRowsPlusTwoColumns
    table.pageLayoutBodyTable,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    table.pageLayoutThreeColumns,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    table.pageLayoutThreeColumns
    table.pageLayoutBodyTable {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    td.pageLayoutLeftOuterContainer,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    td.pageLayoutRightOuterContainer,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    td.pageLayoutMainContentOuterContainer,
  html:where(
      :has(
        body
          :is(
            [id^="naro-"],
            .naro-replay-landing,
            .naro-replay-page,
            .naro-faq-page,
            .naro-pac-faq-page,
            .naro-mm-page,
            #association-policies,
            #naroEventBrowser
          )
      )
    )
    body
    .pageLayoutContainer {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 980px) {
  html:has(body [data-naro-migration="v1"]),
  body:has([data-naro-migration="v1"]) {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden;
  }
  html:has(body [data-naro-migration="v1"]) body .cnClipMainContainer,
  html:has(body [data-naro-migration="v1"]) body .cnMainContainer,
  html:has(body [data-naro-migration="v1"]) body .cnContentContainer,
  html:has(body [data-naro-migration="v1"]) body .cnPrimaryContentContainer,
  html:has(body [data-naro-migration="v1"]) body .cnPrimaryContentBlock1Content,
  html:has(body [data-naro-migration="v1"]) body .zoneContentOuter,
  html:has(body [data-naro-migration="v1"]) body .zoneContentInner,
  html:has(body [data-naro-migration="v1"])
    body
    table#idPageLayoutMainContainer,
  html:has(body [data-naro-migration="v1"]) body table.pageLayoutTwoColumns,
  html:has(body [data-naro-migration="v1"])
    body
    table.pageLayoutTwoColumns
    table.pageLayoutBodyTable,
  html:has(body [data-naro-migration="v1"]) body table.pageLayoutTwo2-1Columns,
  html:has(body [data-naro-migration="v1"])
    body
    table.pageLayoutTwo2-1Columns
    table.pageLayoutBodyTable,
  html:has(body [data-naro-migration="v1"]) body table.pageLayoutTwo1-2Columns,
  html:has(body [data-naro-migration="v1"])
    body
    table.pageLayoutTwo1-2Columns
    table.pageLayoutBodyTable,
  html:has(body [data-naro-migration="v1"])
    body
    table.pageLayoutTopAndBottomRowsPlusTwoColumns,
  html:has(body [data-naro-migration="v1"])
    body
    table.pageLayoutTopAndBottomRowsPlusTwoColumns
    table.pageLayoutBodyTable,
  html:has(body [data-naro-migration="v1"]) body table.pageLayoutThreeColumns,
  html:has(body [data-naro-migration="v1"])
    body
    table.pageLayoutThreeColumns
    table.pageLayoutBodyTable {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html:has(body [data-naro-migration="v1"])
    body
    td.pageLayoutLeftOuterContainer,
  html:has(body [data-naro-migration="v1"])
    body
    td.pageLayoutRightOuterContainer,
  html:has(body [data-naro-migration="v1"])
    body
    td.pageLayoutMainContentOuterContainer,
  html:has(body [data-naro-migration="v1"]) body .pageLayoutContainer {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* Match the sandbox type system only after the migrated footer releases the
   new site shell. Embedded page CSS can still choose a more specific face. */
body:where(
  :has(
    :is(
      [id^="naro-"],
      .naro-replay-landing,
      .naro-replay-page,
      .naro-faq-page,
      .naro-pac-faq-page,
      .naro-mm-page,
      #association-policies,
      #naroEventBrowser
    )
  )
) {
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}

body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  :is(td, p, h1, h2, h3, h4, h5, h6) {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .cnPrimaryContentBlock1Content,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .cnPrimaryContentBlock1Content
  *,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetCustomHTML,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetCustomHTML
  *,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetContent,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetContent
  *,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .zoneContentOuter,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .zoneContentInner,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .zoneContentOuter
  *,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .zoneContentInner
  *,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .gadgetContentEditableArea,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .gadgetContentEditableArea
  *,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [id^="naro-"],
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [id^="naro-"]
  *,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [class^="naro-"],
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [class^="naro-"]
  *,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [class*=" naro-"],
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [class*=" naro-"]
  * {
  min-width: 0 !important;
  box-sizing: border-box;
}
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .cnPrimaryContentBlock1Content
  h1,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .cnPrimaryContentBlock1Content
  h2,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .cnPrimaryContentBlock1Content
  h3,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .cnPrimaryContentBlock1Content
  h4,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .cnPrimaryContentBlock1Content
  h5,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .cnPrimaryContentBlock1Content
  h6,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetCustomHTML
  h1,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetCustomHTML
  h2,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetCustomHTML
  h3,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetCustomHTML
  h4,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetCustomHTML
  h5,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetCustomHTML
  h6,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetContent
  h1,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetContent
  h2,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetContent
  h3,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetContent
  h4,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetContent
  h5,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetContent
  h6,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [id^="naro-"]
  h1,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [id^="naro-"]
  h2,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [id^="naro-"]
  h3,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [id^="naro-"]
  h4,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [id^="naro-"]
  h5,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [id^="naro-"]
  h6 {
  height: auto !important;
  max-height: none !important;
  line-height: 1.18 !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  text-overflow: clip !important;
  text-transform: none !important;
}
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .cnPrimaryContentBlock1Content
  section,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .cnPrimaryContentBlock1Content
  article,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetCustomHTML
  section,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetCustomHTML
  article,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetContent
  section,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetContent
  article,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .gadgetContentEditableArea
  section,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .gadgetContentEditableArea
  article,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [id^="naro-"]
  section,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [id^="naro-"]
  article {
  height: auto !important;
  max-height: none !important;
}
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .cnPrimaryContentBlock1Content
  p,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .cnPrimaryContentBlock1Content
  li,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .cnPrimaryContentBlock1Content
  a,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .cnPrimaryContentBlock1Content
  span,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .cnPrimaryContentBlock1Content
  strong,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .cnPrimaryContentBlock1Content
  em,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetCustomHTML
  p,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetCustomHTML
  li,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetCustomHTML
  a,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetCustomHTML
  span,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetCustomHTML
  strong,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetCustomHTML
  em,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetContent
  p,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetContent
  li,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetContent
  a,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetContent
  span,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetContent
  strong,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetContent
  em,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [id^="naro-"]
  p,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [id^="naro-"]
  li,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [id^="naro-"]
  a,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [id^="naro-"]
  span,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [id^="naro-"]
  strong,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [id^="naro-"]
  em {
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  text-overflow: clip !important;
}
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .cnPrimaryContentBlock1Content
  img,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetCustomHTML
  img,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  .WaGadgetContent
  img,
body:where(
    :has(
      :is(
        [id^="naro-"],
        .naro-replay-landing,
        .naro-replay-page,
        .naro-faq-page,
        .naro-pac-faq-page,
        .naro-mm-page,
        #association-policies,
        #naroEventBrowser
      )
    )
  )
  [id^="naro-"]
  img {
  max-width: 100% !important;
  height: auto !important;
}
@media (max-width: 700px) {
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    .cnPrimaryContentBlock1Content
    h1,
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    .WaGadgetCustomHTML
    h1,
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    .WaGadgetContent
    h1,
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    [id^="naro-"]
    h1 {
    font-size: 36px !important;
    line-height: 1.12 !important;
  }
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    .cnPrimaryContentBlock1Content
    h2,
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    .WaGadgetCustomHTML
    h2,
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    .WaGadgetContent
    h2,
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    [id^="naro-"]
    h2 {
    font-size: 30px !important;
    line-height: 1.18 !important;
  }
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    .cnPrimaryContentBlock1Content
    h3,
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    .WaGadgetCustomHTML
    h3,
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    .WaGadgetContent
    h3,
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    [id^="naro-"]
    h3 {
    font-size: 22px !important;
    line-height: 1.22 !important;
  }
}
@media (max-width: 480px) {
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    .cnPrimaryContentBlock1Content
    h1,
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    .WaGadgetCustomHTML
    h1,
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    .WaGadgetContent
    h1,
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    [id^="naro-"]
    h1 {
    font-size: 32px !important;
  }
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    .cnPrimaryContentBlock1Content
    h2,
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    .WaGadgetCustomHTML
    h2,
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    .WaGadgetContent
    h2,
  body:where(
      :has(
        :is(
          [id^="naro-"],
          .naro-replay-landing,
          .naro-replay-page,
          .naro-faq-page,
          .naro-pac-faq-page,
          .naro-mm-page,
          #association-policies,
          #naroEventBrowser
        )
      )
    )
    [id^="naro-"]
    h2 {
    font-size: 28px !important;
  }
}

/* Migrated content stability and text-clipping guard. */
[data-naro-migration="v1"],
[data-naro-migration="v1"] * {
  min-width: 0 !important;
  box-sizing: border-box;
}

[data-naro-migration="v1"] {
  color: #45494e;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

[data-naro-migration="v1"] :is(h1, h2, h3, h4, h5, h6) {
  height: auto !important;
  max-height: none !important;
  line-height: 1.18 !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  text-overflow: clip !important;
  text-transform: none !important;
}

[data-naro-migration="v1"] :is(section, article) {
  height: auto !important;
  max-height: none !important;
}

[data-naro-migration="v1"] :is(p, li, a, span, strong, em) {
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  text-overflow: clip !important;
}

[data-naro-migration="v1"] img {
  max-width: 100% !important;
  height: auto !important;
}

@media (max-width: 700px) {
  [data-naro-migration="v1"] h1 {
    font-size: 36px !important;
    line-height: 1.12 !important;
  }

  [data-naro-migration="v1"] h2 {
    font-size: 30px !important;
    line-height: 1.18 !important;
  }

  [data-naro-migration="v1"] h3 {
    font-size: 22px !important;
    line-height: 1.22 !important;
  }
}

@media (max-width: 480px) {
  [data-naro-migration="v1"] h1 {
    font-size: 32px !important;
  }

  [data-naro-migration="v1"] h2 {
    font-size: 28px !important;
  }
}

@media (max-width: 768px) {
  html:has(body .logo-styl) body .zoneHeaderOuter.zoneOuter,
  html:has(body .logo-styl) body .zoneHeaderOuter,
  html:has(body .logo-styl) body .zoneHeader1Outer,
  html:has(body .logo-styl) body .zoneHeader1Inner,
  html:has(body .logo-styl) body .cnHeaderContainer,
  html:has(body .logo-styl) body .headerContentHolder,
  html:has(body .logo-styl) body .headerContent,
  html:has(body .logo-styl) body .header-for-absolute,
  html:has(body .logo-styl) body .custom-header-top,
  html:has(body .logo-styl) body .custom-header-nav {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    z-index: auto !important;
  }
  html:has(body .logo-styl) body .zoneHeaderOuter.zoneOuter,
  html:has(body .logo-styl) body .zoneHeaderOuter,
  html:has(body .logo-styl) body .zoneHeader1Outer,
  html:has(body .logo-styl) body .zoneHeader1Inner {
    display: block !important;
    clear: both !important;
    background: #ffffff !important;
  }
  html:has(body .logo-styl) body .cnClipMainContainer {
    padding-top: 0 !important;
    min-width: 0 !important;
  }
  html:has(body .logo-styl) body .cnMainContainer,
  html:has(body .logo-styl) body .cnHeaderContainer,
  html:has(body .logo-styl) body .headerContentHolder,
  html:has(body .logo-styl) body .headerContent,
  html:has(body .logo-styl) body .mainMenu,
  html:has(body .logo-styl) body .cnContentContainer,
  html:has(body .logo-styl) body .cnPrimaryContentContainer,
  html:has(body .logo-styl) body #idFooterContainer {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  html:has(body .logo-styl) body #id_LoginBoxGadget .loginContainer {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 8px 12px 14px !important;
    text-align: center !important;
    overflow: visible !important;
  }
  html:has(body .logo-styl)
    body
    #id_LoginBoxGadget
    .loginContainer
    div.profileBox,
  html:has(body .logo-styl)
    body
    #id_LoginBoxGadget
    .loginContainer
    .loggedAction,
  html:has(body .logo-styl)
    body
    #id_LoginBoxGadget
    .loginContainer
    .loginAction,
  html:has(body .logo-styl)
    body
    #id_LoginBoxGadget
    .loginContainer
    .loginActionRememberMe {
    padding-left: 0 !important;
    text-align: center !important;
  }
  html:has(body .logo-styl) body .WaGadgetMenuHorizontal,
  html:has(body .logo-styl) body .WaGadgetMenuHorizontal .menuInner,
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal[class*="menuStyle"]
    .menuInner
    .menuButton,
  html:has(body .logo-styl) body .mainMenuContainer,
  html:has(body .logo-styl) body .mainMenu {
    position: relative !important;
    top: auto !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  html:has(body .logo-styl) body .menuStyle001,
  html:has(body .logo-styl) body .WaGadgetMenuHorizontal,
  html:has(body .logo-styl) body .WaGadgetMenuHorizontal .menuInner {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: #1d3d7c !important;
    overflow: visible !important;
  }
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    .menuButton,
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal[class*="menuStyle"]
    .menuInner.mobileView
    .menuButton {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    right: auto !important;
    text-align: center !important;
    background: #1d3d7c !important;
    color: #ffffff !important;
    font-size: 0 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    overflow: visible !important;
  }
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    .menuButton:before,
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal[class*="menuStyle"]
    .menuInner.mobileView
    .menuButton:before {
    content: "" !important;
    display: block !important;
    width: 34px !important;
    height: 4px !important;
    margin: 0 auto !important;
    border-radius: 2px !important;
    background: #ffffff !important;
    box-shadow:
      0-10px 0#ffffff,
      0 10px 0#ffffff !important;
  }
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #1d3d7c !important;
    z-index: 9999 !important;
  }
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    li,
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    span.item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #1d3d7c !important;
    list-style: none !important;
  }
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    a,
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    a:link,
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    a:visited,
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    span
    span {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 13px 18px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
    background: #1d3d7c !important;
    color: #ffffff !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: normal !important;
    overflow: visible !important;
  }
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    a:hover,
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    a:focus {
    background: #06245f !important;
    color: #ffffff !important;
  }
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    ul,
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    .menuLevel2,
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    .menuLevel3 {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #06245f !important;
  }
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    ul
    a,
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    .menuLevel2
    a,
  html:has(body .logo-styl)
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    .menuLevel3
    a {
    padding-left: 30px !important;
    background: #06245f !important;
  }
  html:has(body .logo-styl) body .zoneContentOuter,
  html:has(body .logo-styl) body .zoneContentInner,
  html:has(body .logo-styl) body .cnContentContainer,
  html:has(body .logo-styl) body .cnPrimaryContentContainer {
    clear: both !important;
    margin-top: 0 !important;
  }
}

html:has(body #naro-site-footer-v2),
body:has(#naro-site-footer-v2) {
  margin-bottom: 0 !important;
}
html:has(body #naro-site-footer-v2) body .naro-footer,
html:has(body #naro-site-footer-v2) body .zoneFooterOuter,
html:has(body #naro-site-footer-v2) body .zoneFooterInner,
html:has(body #naro-site-footer-v2) body .zoneFooter1Outer,
html:has(body #naro-site-footer-v2) body .zoneFooter1Inner,
html:has(body #naro-site-footer-v2) body #idFooterContainer {
  margin-bottom: 0 !important;
}
html:has(body #naro-site-footer-v2) body .zoneBrandingOuter,
html:has(body #naro-site-footer-v2) body .zoneBranding,
html:has(body #naro-site-footer-v2) body .zoneBrandingInner,
html:has(body #naro-site-footer-v2) body #idFooterPoweredByContainer,
html:has(body #naro-site-footer-v2) body .cnFooterPoweredByContainer {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
html:has(body #naro-site-footer-v2) body #mLayout {
  padding-bottom: 0 !important;
}
html:has(body #naro-site-footer-v2) body #mLayout {
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
}
html:has(body #naro-site-footer-v2) body #mLayout > .zoneContentOuter,
html:has(body #naro-site-footer-v2)
  body
  #mLayout
  > .zoneContentOuter
  > .zoneContent,
html:has(body #naro-site-footer-v2)
  body
  #mLayout
  > .zoneContentOuter
  > .zoneContent
  > .zoneContentInner,
html:has(body #naro-site-footer-v2) body #id_Content,
html:has(body #naro-site-footer-v2) body #id_Content > div {
  flex: 1 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}
html:has(body #naro-site-footer-v2)
  body
  #id_Content
  > div
  > .WaGadgetLast.WaGadgetCustomHTML:has(.naro-footer) {
  margin-top: auto !important;
}
html:has(body #naro-site-footer-v2)
  body
  #lightboxOverlay[style*="display: none"]
  ~ #lightbox {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

html:has(body .logo-styl)
  body
  .WaGadgetMenuHorizontal
  .naro-mobile-submenu-toggle {
  display: none !important;
}
@media (max-width: 768px) {
  html:has(body .logo-styl)[data-naro-mobile-menu="enhanced"]
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    li.dir
    > .item {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
  }
  html:has(body .logo-styl)[data-naro-mobile-menu="enhanced"]
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    li.dir
    > .item
    > a {
    flex: 1 1 calc(100% - 54px) !important;
    width: auto !important;
    max-width: calc(100% - 54px) !important;
  }
  html:has(body .logo-styl)[data-naro-mobile-menu="enhanced"]
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    li.dir
    > .item
    > .naro-mobile-submenu-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 54px !important;
    width: 54px !important;
    min-height: 45px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 0 !important;
    background: #1d3d7c !important;
    color: #ffffff !important;
    font-family: inherit !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }
  html:has(body .logo-styl)[data-naro-mobile-menu="enhanced"]
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    ul
    li.dir
    > .item
    > .naro-mobile-submenu-toggle {
    background: #06245f !important;
  }
  html:has(body .logo-styl)[data-naro-mobile-menu="enhanced"]
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    li.dir
    > .item
    > .naro-mobile-submenu-toggle:before {
    content: "+" !important;
  }
  html:has(body .logo-styl)[data-naro-mobile-menu="enhanced"]
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    li.dir.naro-mobile-submenu-open
    > .item
    > .naro-mobile-submenu-toggle:before {
    content: "-" !important;
  }
  html:has(body .logo-styl)[data-naro-mobile-menu="enhanced"]
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    li.dir:not(.naro-mobile-submenu-open)
    > .item
    > ul,
  html:has(body .logo-styl)[data-naro-mobile-menu="enhanced"]
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    li.dir:not(.naro-mobile-submenu-open)
    > .item
    > .secondLevel,
  html:has(body .logo-styl)[data-naro-mobile-menu="enhanced"]
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    li.dir:not(.naro-mobile-submenu-open)
    > .item
    > .thirdLevel,
  html:has(body .logo-styl)[data-naro-mobile-menu="enhanced"]
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    li.dir:not(.naro-mobile-submenu-open)
    > .item
    > .menuLevel2,
  html:has(body .logo-styl)[data-naro-mobile-menu="enhanced"]
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    li.dir:not(.naro-mobile-submenu-open)
    > .item
    > .menuLevel3 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  html:has(body .logo-styl)[data-naro-mobile-menu="enhanced"]
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    li.dir.naro-mobile-submenu-open
    > .item
    > ul,
  html:has(body .logo-styl)[data-naro-mobile-menu="enhanced"]
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    li.dir.naro-mobile-submenu-open
    > .item
    > .secondLevel,
  html:has(body .logo-styl)[data-naro-mobile-menu="enhanced"]
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    li.dir.naro-mobile-submenu-open
    > .item
    > .thirdLevel,
  html:has(body .logo-styl)[data-naro-mobile-menu="enhanced"]
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    li.dir.naro-mobile-submenu-open
    > .item
    > .menuLevel2,
  html:has(body .logo-styl)[data-naro-mobile-menu="enhanced"]
    body
    .WaGadgetMenuHorizontal
    .menuInner.mobileView
    ul.firstLevel
    li.dir.naro-mobile-submenu-open
    > .item
    > .menuLevel3 {
    display: block !important;
    visibility: visible !important;
    flex: 0 0 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

.WaLayoutContainerFirst:has(.logo-styl) {
  box-sizing: border-box !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}
.WaLayoutContainerFirst:has(.logo-styl) > .WaLayoutTable {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}
.WaLayoutContainerFirst:has(.logo-styl) > .WaLayoutTable > tbody {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
}
.WaLayoutContainerFirst:has(.logo-styl)
  > .WaLayoutTable
  > tbody
  > .WaLayoutRow {
  display: grid !important;
  box-sizing: border-box !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 35%) !important;
  width: 100% !important;
  align-items: center !important;
  padding: clamp(10px, 1vw, 16px) clamp(12px, 1.5vw, 24px) !important;
}
.WaLayoutContainerFirst:has(.logo-styl)
  > .WaLayoutTable
  > tbody
  > .WaLayoutRow
  > .WaLayoutItem {
  display: flex !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  align-self: stretch !important;
  align-items: center !important;
}
.WaLayoutContainerFirst:has(.logo-styl)
  > .WaLayoutTable
  > tbody
  > .WaLayoutRow
  > .WaLayoutItem:first-of-type {
  justify-content: flex-start !important;
}
.WaLayoutContainerFirst:has(.logo-styl)
  > .WaLayoutTable
  > tbody
  > .WaLayoutRow
  > .WaLayoutItem:last-of-type {
  justify-content: flex-end !important;
}
.WaLayoutContainerFirst:has(.logo-styl)
  > .WaLayoutTable
  > tbody
  > .WaLayoutRow
  > .WaLayoutSeparator {
  display: none !important;
}
.WaLayoutContainerFirst:has(.logo-styl) .logo-styl,
.WaLayoutContainerFirst:has(.logo-styl) .logo-styl a {
  display: flex !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  align-items: center !important;
}
.WaLayoutContainerFirst:has(.logo-styl) .logo-styl img {
  display: block !important;
  width: clamp(180px, 20vw, 290px) !important;
  max-width: 100% !important;
  height: auto !important;
}
.WaLayoutContainerFirst:has(.logo-styl) .WaGadgetLoginButton {
  display: flex !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  align-self: center !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin: 0 !important;
}
.WaLayoutContainerFirst:has(.logo-styl)
  .WaGadgetLoginButton
  .loginButtonWrapper {
  display: flex !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px 10px !important;
  margin: 0 !important;
}
.WaLayoutContainerFirst:has(.logo-styl)
  .WaGadgetLoginButton
  .loginBoxProfileLink {
  display: flex !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  margin: 0 !important;
  align-items: center !important;
}
.WaLayoutContainerFirst:has(.logo-styl)
  .WaGadgetLoginButton
  .loginButtonWrapper
  a {
  display: inline-flex !important;
  box-sizing: border-box !important;
  min-width: 44px !important;
  min-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 8px !important;
  margin: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}
.WaLayoutContainerFirst:has(.logo-styl)
  .WaGadgetLoginButton
  .loginButtonWrapper
  a:focus,
.WaLayoutContainerFirst:has(.logo-styl)
  .WaGadgetLoginButton
  .loginButtonWrapper
  a:focus-visible {
  outline: 3px solid #123d82 !important;
  outline-offset: 2px !important;
}
@media (max-width: 720px) {
  .WaLayoutContainerFirst:has(.logo-styl)
    > .WaLayoutTable
    > tbody
    > .WaLayoutRow {
    grid-template-columns: clamp(150px, 42vw, 180px) minmax(0, 1fr) !important;
    gap: 8px !important;
  }
  .WaLayoutContainerFirst:has(.logo-styl) .logo-styl img {
    width: clamp(150px, 42vw, 180px) !important;
  }
  .WaLayoutContainerFirst:has(.logo-styl)
    .WaGadgetLoginButton
    .loginButtonWrapper {
    gap: 2px 4px !important;
  }
  .WaLayoutContainerFirst:has(.logo-styl)
    .WaGadgetLoginButton
    .loginButtonWrapper
    a {
    padding-right: 2px !important;
    padding-left: 2px !important;
  }
}
@media (max-width: 360px) {
  .WaLayoutContainerFirst:has(.logo-styl)
    > .WaLayoutTable
    > tbody
    > .WaLayoutRow {
    gap: 6px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}
@media (forced-colors: active) {
  .WaLayoutContainerFirst:has(.logo-styl) .WaGadgetLoginButton a {
    forced-color-adjust: auto !important;
  }
}

@media (min-width: 1621px) {
  body:has(#naro-homepage-v6) .zoneHeader2Outer.zoneOuter,
  body:has(#naro-homepage-v6) .zoneHeader2Outer .zoneHeader12.container_12,
  body:has(#naro-homepage-v6) .zoneHeader2Outer .zoneHeader2Inner,
  body:has(#naro-homepage-v6) #id_Header2.header-for-absolute {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
  }
  body:has(#naro-homepage-v6) #id_Header2 .WaLayoutContainerFirst {
    width: 100% !important;
    max-width: 1620px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body:has(#naro-homepage-v6) #id_Header2 .WaGadgetMenuHorizontal {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body:has(#naro-homepage-v6) #id_Header2 .WaGadgetMenuHorizontal .menuInner {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1570px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ================================================================
   NARO migration portable layout adapters
   Version: 1.1.0 (2026-08-20)

   Stable release roots replace sandbox PAGEID and generated gadget IDs.
   Native-page adapters use a combined migration/page marker only where
   the page does not yet expose a unique semantic content root.
   ================================================================ */

/* The legacy theme removes outlines from links and form controls. Restore a
   keyboard-only focus indicator for both existing and migrated pages. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid #123d82 !important;
  outline-offset: 2px !important;
}

@media (forced-colors: active) {
  :where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline-color: CanvasText !important;
  }
}

/* Four active layout primitives retained from sandbox lines 998-1915.
   They are release-scoped so installing this CSS cannot restyle the old
   live header, menu, content canvas, or homepage before content arrives. */
body:has(#naro-site-footer-v2) .zoneContentOuter .zoneContentInner {
  padding: 0 !important;
}

body:has(.logo-styl) .WaLayoutContainerFirst:has(.logo-styl) {
  padding: 0 21px;
}

body:has(.logo-styl) .WaGadgetMenuHorizontal ul.firstLevel {
  max-width: 90%;
  margin-left: auto !important;
  margin-right: auto !important;
}

body:has(.logo-styl) .WaGadgetMenuHorizontal.menuStyle001 {
  padding: 0 25px !important;
  background-color: #1d3d7c;
}

@media (max-width: 768px) {
  body:has(.logo-styl) .WaGadgetMenuHorizontal.menuStyle001 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

body:has(#naro-homepage-v6) .zoneHeader2Outer.zoneOuter,
body:has(#naro-homepage-v6) .zoneHeader2Outer .zoneHeader12.container_12,
body:has(#naro-homepage-v6) .zoneHeader2Outer .zoneHeader2Inner,
body:has(#naro-homepage-v6) #id_Header2 {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: visible !important;
}

body:has(#naro-homepage-v6) #id_Header2 > .WaLayoutContainerFirst {
  width: 100% !important;
  max-width: 1620px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body:has(#naro-homepage-v6) #id_Header2 .WaGadgetMenuHorizontal {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body:has(#naro-homepage-v6)
  #mLayout
  > .zoneContentOuter
  > .zoneContent.container_12,
body:has(#naro-homepage-v6)
  #mLayout
  > .zoneContentOuter
  > .zoneContent.container_12
  > .zoneContentInner.s1_grid_12 {
  width: 100% !important;
  max-width: none !important;
  margin-inline: auto !important;
  overflow: visible !important;
}

/* The migrated footer is the site-shell release marker. Keep both the
   current footer route and a standalone page marker usable in fixtures and
   in a deliberately staged page that has not received the footer gadget. */
body:has(#naro-site-footer-v2) #mLayout > .zoneContentOuter,
body:has(#naro-site-footer-v2)
  #mLayout
  > .zoneContentOuter
  > .zoneContent.container_12,
body:has(#naro-site-footer-v2)
  #mLayout
  > .zoneContentOuter
  > .zoneContent.container_12
  > .zoneContentInner,
body:has([data-naro-migration="v1"]) #mLayout > .zoneContentOuter,
body:has([data-naro-migration="v1"])
  #mLayout
  > .zoneContentOuter
  > .zoneContent.container_12,
body:has([data-naro-migration="v1"])
  #mLayout
  > .zoneContentOuter
  > .zoneContent.container_12
  > .zoneContentInner {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

body:has(#naro-site-footer-v2)
  #mLayout
  > .zoneContentOuter
  > .zoneContent.container_12,
body:has([data-naro-migration="v1"])
  #mLayout
  > .zoneContentOuter
  > .zoneContent.container_12 {
  overflow: visible !important;
}

/* The footer band and its Wild Apricot ancestors are full width. The
   readable footer shell remains capped by the footer gadget's own CSS. */
body:has(#naro-site-footer-v2) .zoneFooter1Outer,
body:has(#naro-site-footer-v2) .zoneFooter1Outer .zoneFooter1.container_12,
body:has(#naro-site-footer-v2) .zoneFooter1Outer .zoneFooter1Inner,
body:has(#naro-site-footer-v2) .WaGadgetCustomHTML:has(#naro-site-footer-v2) {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

body:has(#naro-ondemand-library) .zoneContent.container_12,
body:has(#naro-ondemand-library) #naro-ondemand-library {
  width: 100% !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Standard 1440px content canvases with responsive gutters. */
body:has(#naro-member-center) #id_Content .pageTitleContainer,
body:has(#naro-member-center) .WaGadgetContent:has(#naro-member-center),
#naro-ondemand-library :is(.naro-shell, .naro-hero-inner),
:is(.naro-replay-landing, .naro-replay-page),
#naro-supporter-directory-page
  :is(.naro-shell, .naro-directory-hero-inner, .naro-directory-anchor),
body:has([data-naro-migration="v1"][data-naro-page="donation"])
  #id_Content
  > div
  > :is(.WaGadgetContent, .WaGadgetDonationForm),
:is(
    #naro-join-premium,
    #naro-individual-pricing,
    #naro-family-page,
    #naro-business-pricing
  )
  :is(.wrap, .hero),
:is(#naro-partner-page, #naro-foundation-page, #naro-contact-page) .naro-shell,
body:has([data-naro-migration="v1"][data-naro-page="leadership"])
  #id_Content
  > div
  > .WaGadgetContent,
.WaGadgetContent:has(#association-policies),
.WaGadgetContent:has(
  :is(
    #naro-mmp-registration-page,
    #naro-mmp-recertification-page,
    #naro-mmp-attendance-page,
    #naro-mmp-emeritus-page,
    #naro-mmp-policies-page
  )
),
:is(#naro-learn-page, #naro-top-10-resources, #naro-mineral-calculators)
  :is(.naro-shell, .naro-hero-inner),
:is(.naro-faq-page, .naro-pac-faq-page),
#naro-royalty-decimal-guide,
:is(#naro-in-person-learning, #naro-online-learning)
  :is(.naro-shell, .naro-hero-inner),
.naro-mm-page-inner,
:is(
  #naro-county-office-finder,
  #naro-owner-request-builder,
  #naro-mineral-owner-help
),
:is(#naro-conventions-intro, #naro-conventions-directory),
:is(
  #naro-chapter-texas,
  #naro-chapter-california,
  #naro-chapter-louisiana,
  #naro-chapter-north-dakota,
  #naro-chapter-oklahoma,
  #naro-chapter-rocky-mountain,
  #naro-chapter-east
) {
  width: 100% !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(22px, 4.5vw, 76px) !important;
  padding-right: clamp(22px, 4.5vw, 76px) !important;
  box-sizing: border-box !important;
}

/* Native member-center copy remains readable at the left edge. */
body:has(#naro-member-center)
  .WaGadgetContent:has(#naro-member-center)
  .gadgetStyleBody {
  width: 100% !important;
  max-width: 760px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Supporter and leadership directories are native Wild Apricot gadgets.
   Their semantic sibling/page roots select them without generated IDs. */
body:has(#naro-supporter-directory-page) .WaGadgetMemberDirectory,
body:has([data-naro-migration="v1"][data-naro-page="leadership"])
  .WaGadgetMemberDirectory {
  width: calc(100% - (2 * clamp(22px, 4.5vw, 76px))) !important;
  max-width: calc(1440px - (2 * clamp(22px, 4.5vw, 76px))) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* About has two authored Content gadgets and one Custom HTML chapter map.
   The native gadget class excludes the map without relying on gadget IDs. */
body:has([data-naro-migration="v1"][data-naro-page="about"])
  .WaGadgetContent
  .gadgetStyleBody
  > section {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body:has([data-naro-migration="v1"][data-naro-page="about"])
  .WaGadgetContent
  .gadgetStyleBody
  > section
  > div {
  width: 100% !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(22px, 4.5vw, 76px) !important;
  padding-right: clamp(22px, 4.5vw, 76px) !important;
  box-sizing: border-box !important;
}

/* Leadership authored bands keep the same sandbox geometry. */
body:has([data-naro-migration="v1"][data-naro-page="leadership"])
  #id_Content
  > div
  > .WaGadgetContent
  > .gadgetStyleBody
  > :first-child {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body:has([data-naro-migration="v1"][data-naro-page="leadership"])
  #id_Content
  > div
  > .WaGadgetContent
  [style*="max-width: 1180px"],
body:has([data-naro-migration="v1"][data-naro-page="leadership"])
  #id_Content
  > div
  > .WaGadgetContent
  [style*="max-width:1180px"] {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

:is(#naro-learn-page, #naro-top-10-resources, #naro-mineral-calculators),
.naro-mm-page {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

:is(#naro-individual-pricing, #naro-business-pricing) .compare,
.naro-mm-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

/* Restore overflow on native gadget ancestors that host scrollers. */
.WaGadgetContent:has(:is(#naro-individual-pricing, #naro-business-pricing)),
.WaGadgetContent:has(.naro-mm-page),
body:has([data-naro-migration="v1"][data-naro-layout="article"])
  .WaGadgetContent:has([data-naro-migration="v1"][data-naro-layout="article"]) {
  max-width: 100% !important;
  overflow: visible !important;
}

#association-policies {
  width: 100% !important;
  max-width: 760px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

:is(.naro-faq-page, .naro-pac-faq-page) > * {
  width: 100% !important;
  max-width: 900px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

#naro-royalty-decimal-guide .naro-article-card {
  width: 100% !important;
  max-width: 836px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

#naro-online-learning .naro-hero {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#naro-county-office-finder :is(.naro-finder-shell, .naro-funnel-progress),
#naro-owner-request-builder :is(.naro-builder-shell, .naro-funnel-progress),
#naro-mineral-owner-help .naro-help-shell {
  margin-left: 0 !important;
  margin-right: auto !important;
}

html:has(
    body
      :is(
        #naro-chapter-texas,
        #naro-chapter-california,
        #naro-chapter-louisiana,
        #naro-chapter-north-dakota,
        #naro-chapter-oklahoma,
        #naro-chapter-rocky-mountain,
        #naro-chapter-east
      )
  )
  body
  :is(
    #naro-texas-events,
    #naro-texas-board,
    #naro-california-events,
    #naro-california-board,
    #naro-louisiana-events,
    #naro-louisiana-board,
    #naro-north-dakota-events,
    #naro-north-dakota-board,
    #naro-oklahoma-events,
    #naro-oklahoma-board,
    #naro-rocky-mountain-events,
    #naro-rocky-mountain-board,
    #naro-east-events,
    #naro-east-board
  ) {
  width: calc(100% - (2 * clamp(22px, 4.5vw, 76px))) !important;
  max-width: calc(1440px - (2 * clamp(22px, 4.5vw, 76px))) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Event-browser breakout: the semantic browser root selects its owning Custom
   HTML gadget in place of the sandbox gadget ID. */
body:has(#naroEventBrowser) .WaGadgetCustomHTML:has(#naroEventBrowser) {
  width: min(1440px, calc(100% + 64px)) !important;
  max-width: 1440px !important;
  margin-left: max(-32px, calc((100% - 1440px) / 2)) !important;
  margin-right: 0 !important;
  padding-left: clamp(22px, 4.5vw, 76px) !important;
  padding-right: clamp(22px, 4.5vw, 76px) !important;
  box-sizing: border-box !important;
}

@media (max-width: 920px) {
  body:has(#naroEventBrowser) .WaGadgetCustomHTML:has(#naroEventBrowser) {
    width: min(1440px, calc(100% + 44px)) !important;
    margin-left: max(-22px, calc((100% - 1440px) / 2)) !important;
  }
}

@media (max-width: 760px) {
  body:has(#naroEventBrowser) .WaGadgetCustomHTML:has(#naroEventBrowser) {
    width: min(1440px, calc(100% + 32px)) !important;
    margin-left: max(-16px, calc((100% - 1440px) / 2)) !important;
  }
}

@media (max-width: 390px) {
  body:has(#naroEventBrowser) .WaGadgetCustomHTML:has(#naroEventBrowser) {
    width: min(1440px, calc(100% + 24px)) !important;
    margin-left: max(-12px, calc((100% - 1440px) / 2)) !important;
  }
}

/* Advocacy authored bands use one page marker; stable native IDs remain
   usable for the PAC and legislative-update regions. */
body:has([data-naro-migration="v1"][data-naro-page="advocacy"])
  .WaGadgetContent
  .gadgetStyleBody
  > div {
  width: 100% !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(22px, 4.5vw, 76px) !important;
  padding-right: clamp(22px, 4.5vw, 76px) !important;
  box-sizing: border-box !important;
}

body:has([data-naro-migration="v1"][data-naro-page="advocacy"])
  .WaGadgetContent
  .gadgetStyleBody
  > div
  > div,
body:has([data-naro-migration="v1"][data-naro-page="advocacy"])
  .WaGadgetContent
  .gadgetStyleBody
  > div
  > div
  > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body:has([data-naro-migration="v1"][data-naro-page="advocacy"])
  .WaGadgetContent
  :is(
    [style*="max-width: 1120px"],
    [style*="max-width:1120px"],
    [style*="max-width: 1150px"],
    [style*="max-width:1150px"]
  ) {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body:has([data-naro-migration="v1"][data-naro-page="advocacy"])
  :is(#about-naro-pac, #legislative-updates) {
  width: 100% !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(22px, 4.5vw, 76px) !important;
  padding-right: clamp(22px, 4.5vw, 76px) !important;
  box-sizing: border-box !important;
}

/* Long-form article family. Put both attributes on the article's outer root. */
body:has([data-naro-migration="v1"][data-naro-layout="article"])
  [data-naro-migration="v1"][data-naro-layout="article"]
  .container,
[data-naro-migration="v1"][data-naro-layout="article"].container {
  width: 100% !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(22px, 4.5vw, 76px) !important;
  padding-right: clamp(22px, 4.5vw, 76px) !important;
  box-sizing: border-box !important;
}

body:has([data-naro-migration="v1"][data-naro-layout="article"])
  [data-naro-migration="v1"][data-naro-layout="article"]
  .webpage-card,
[data-naro-migration="v1"][data-naro-layout="article"].webpage-card {
  width: 100% !important;
  max-width: 820px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

body:has([data-naro-migration="v1"][data-naro-layout="article"])
  [data-naro-migration="v1"][data-naro-layout="article"]
  .webpage-card
  table,
[data-naro-migration="v1"][data-naro-layout="article"].webpage-card table {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

@media (min-width: 1621px) {
  html[data-naro-home-header="active"] body .zoneHeader2Outer.zoneOuter,
  html[data-naro-home-header="active"]
    body
    .zoneHeader2Outer
    .zoneHeader12.container_12,
  html[data-naro-home-header="active"] body .zoneHeader2Outer .zoneHeader2Inner,
  html[data-naro-home-header="active"] body #id_Header2.header-for-absolute {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
  }

  html[data-naro-home-header="active"]
    body
    #id_Header2
    .WaLayoutContainerFirst {
    width: 100% !important;
    max-width: 1620px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html[data-naro-home-header="active"]
    body
    #id_Header2
    .WaGadgetMenuHorizontal {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }

  html[data-naro-home-header="active"]
    body
    #id_Header2
    .WaGadgetMenuHorizontal
    .menuInner {
    width: 100% !important;
    max-width: 1570px !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 620px) {
  body:has(#naro-member-center) #id_Content .pageTitleContainer,
  body:has(#naro-member-center) .WaGadgetContent:has(#naro-member-center),
  #naro-ondemand-library :is(.naro-shell, .naro-hero-inner),
  :is(.naro-replay-landing, .naro-replay-page),
  #naro-supporter-directory-page
    :is(.naro-shell, .naro-directory-hero-inner, .naro-directory-anchor),
  body:has([data-naro-migration="v1"][data-naro-page="donation"])
    #id_Content
    > div
    > :is(.WaGadgetContent, .WaGadgetDonationForm),
  :is(
      #naro-join-premium,
      #naro-individual-pricing,
      #naro-family-page,
      #naro-business-pricing
    )
    :is(.wrap, .hero),
  :is(#naro-partner-page, #naro-foundation-page, #naro-contact-page)
    .naro-shell,
  body:has([data-naro-migration="v1"][data-naro-page="about"])
    .WaGadgetContent
    .gadgetStyleBody
    > section
    > div,
  body:has([data-naro-migration="v1"][data-naro-page="leadership"])
    #id_Content
    > div
    > .WaGadgetContent,
  .WaGadgetContent:has(#association-policies),
  .WaGadgetContent:has(
    :is(
      #naro-mmp-registration-page,
      #naro-mmp-recertification-page,
      #naro-mmp-attendance-page,
      #naro-mmp-emeritus-page,
      #naro-mmp-policies-page
    )
  ),
  :is(#naro-learn-page, #naro-top-10-resources, #naro-mineral-calculators)
    :is(.naro-shell, .naro-hero-inner),
  :is(.naro-faq-page, .naro-pac-faq-page),
  #naro-royalty-decimal-guide,
  :is(#naro-in-person-learning, #naro-online-learning)
    :is(.naro-shell, .naro-hero-inner),
  .naro-mm-page-inner,
  :is(
    #naro-county-office-finder,
    #naro-owner-request-builder,
    #naro-mineral-owner-help
  ),
  :is(#naro-conventions-intro, #naro-conventions-directory),
  :is(
    #naro-chapter-texas,
    #naro-chapter-california,
    #naro-chapter-louisiana,
    #naro-chapter-north-dakota,
    #naro-chapter-oklahoma,
    #naro-chapter-rocky-mountain,
    #naro-chapter-east
  ),
  body:has([data-naro-migration="v1"][data-naro-page="advocacy"])
    .WaGadgetContent
    .gadgetStyleBody
    > div,
  body:has([data-naro-migration="v1"][data-naro-page="advocacy"])
    :is(#about-naro-pac, #legislative-updates),
  body:has([data-naro-migration="v1"][data-naro-layout="article"])
    [data-naro-migration="v1"][data-naro-layout="article"]
    .container,
  [data-naro-migration="v1"][data-naro-layout="article"].container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  html:has(
      body
        :is(
          #naro-chapter-texas,
          #naro-chapter-california,
          #naro-chapter-louisiana,
          #naro-chapter-north-dakota,
          #naro-chapter-oklahoma,
          #naro-chapter-rocky-mountain,
          #naro-chapter-east
        )
    )
    body
    :is(
      #naro-texas-events,
      #naro-texas-board,
      #naro-california-events,
      #naro-california-board,
      #naro-louisiana-events,
      #naro-louisiana-board,
      #naro-north-dakota-events,
      #naro-north-dakota-board,
      #naro-oklahoma-events,
      #naro-oklahoma-board,
      #naro-rocky-mountain-events,
      #naro-rocky-mountain-board,
      #naro-east-events,
      #naro-east-board
    ),
  body:has(#naro-supporter-directory-page) .WaGadgetMemberDirectory,
  body:has([data-naro-migration="v1"][data-naro-page="leadership"])
    .WaGadgetMemberDirectory {
    width: calc(100% - 40px) !important;
  }
}

/* End NARO migration portable layout adapters v1.1.0 */