:root {
  /* Fonts */
  --font-primary: "Work Sans", sans-serif;
  --font-heading-primary: "big-caslon-fb", serif;
  --font-heading-secondary: "the-seasons", serif;
  --font-heading-tertiary: "poppins", sans-serif;

  /* Colors */
  --color-text: #000;
  --color-primary: #ff2e36;
  --color-primary-link: var(--color-primary);
  --color-primary-link-hover: #b01a20;
  --color-secondary: #a3dadf;
  --color-secondary-text: #000;
  --color-tertiary: #ffe9e0;
  --color-tertiary-text: #000;
  --color-accent:  #2f2dff;
  --color-accent-text: #fff;

  /* Buttons */
  --color-button-primary-bg: var(--color-primary-link);
  --color-button-primary-hover: var(--color-primary-link-hover);
  --color-button-accent-bg: var(--color-secondary);
  --color-button-accent-hover: #201ea7;
  --focus-ring-outer: #4a0c0f;
  --focus-ring-outer-accent: #0b0a3a;
}

/* General
   ========================================================================== */
body {
  font-family: var(--font-primary);
  font-optical-sizing: auto;
  color: var(--color-text);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-light);
}

h1,
h2,
h3,
h4,
h5,
h6,
.bxslider_title {
  font-family: var(--font-heading-primary);
  color: var(--color-text);
  margin: var(--space-xxl) 0 var(--space-sm);
}

h1 {
  margin-top: 0;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

h1, h4 {
  font-weight: var(--font-weight-bold);
}

h2, h3, .events h1 {
  font-weight: var(--font-weight-light);
}

h2, .events h1 {
  font-family: var(--font-heading-secondary);
}

h3, h4 {
  font-family: var(--font-heading-tertiary);
}

form table td {
  padding: 0 5px 5px 0;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: var(--color-primary-link);
  font-weight: var(--font-weight-medium);
}

a:hover {
  color: var(--color-primary-link-hover);
  transition: var(--transition-fast);
}

a:hover img {
  opacity: 0.7;
  transition: var(--transition-fast);
}

p,
ul,
ol,
table,
.table,
table.Report,
.iframe-wrap {
  margin-bottom: var(--space-lg);
}

/* Buttons
   ========================================================================== */
.btn,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.button,
span.button a,
.bxslider_caption a {
  background-color: var(--color-button-primary-bg);
  border-radius: 50px;
  font-weight: var(--font-weight-bold);
}

/* override CFP stylesheet  */
.sidenav a.button,
.subscribe-button.btn-alt {
  background: var(--color-button-accent-bg) !important;
  border-radius: 50px;
  padding: var(--space-sm) var(--space-lg);
  color: var(--color-text);
  font-weight: var(--font-weight-bold);
  border: none;
  text-transform: none;
  font-size: 16px;
}

.sidenav a.button:hover,
.sidenav a.button:active,
.subscribe-button.btn-alt:hover,
.subscribe-button.btn-alt:active {
  background: var(--color-button-accent-hover) !important;
  color: var(--color-light);
}

.bxslider_caption a:hover,
.bxslider_caption a:active {
  background-color: var(--color-button-primary-hover);
}

.btn-alt {
    background: var(--color-button-accent-bg);
    color: var(--color-text);
}

.btn-alt:hover,
.btn-alt:active {
  background-color: var(--color-button-accent-hover);
}

.btn-alt:focus-visible {
  background-color: var(--color-button-accent-hover);
  box-shadow: 0 0 0 2px var(--focus-ring-inner), 0 0 0 4px var(--focus-ring-outer-accent);
}

input[type="reset"],
input[value=" Cancel "] {
  background-color: var(--color-button-secondary-bg);
}

span.button,
span.button:hover,
span.button:active,
span.button:focus {
  background: none;
  padding: 0;
  border: none;
  color: var(--color-primary);
}

button.mfp-close:hover,
button.mfp-close:active,
button.mfp-close:focus {
  color: var(--color-primary);
}

button.close:hover,
button.close:active,
button.close:focus {
  background: none;
  box-shadow: none;
  color: #000;
}

/* Login Error Template
   ========================================================================== */
.LoginRecoverForm {
  text-align: left;
}

.LoginRecoverForm tr td {
  padding: 0 10px 10px 0;
}

.error ul {
  margin: 0;
  padding: 0 0 0 20px;
}

.LoginForm .info {
  background-color: var(--color-light-alt);
  border: 1px solid var(--color-border);
  color: var(--color-text);
}

.LoginForm .info a {
  color: var(--color-secondary);
}

.utility .Login a.LoginUserLink,
.utility .Login a.Logout {
    background: none;
    color: var(--color-secondary);
    padding: 0;
}

.utility .Login a.LoginUserLink {
  padding-left: 3px;
}

/* Header
   ========================================================================== */
/* Fixed header: transparent at the top of the page, smooth fade */
  header.position-fixed {
    background-color: transparent;
    transition:
        background-color .4s ease,
        box-shadow .4s ease,
        padding .4s ease;
  }

  /* Once scrolling begins → horizontal shaded band fades in behind logo + hamburger */
  header.position-fixed.scrolled {
 background: rgba(255,255,255,.95);
backdrop-filter: blur(8px);
    box-shadow: 0 2px 12px rgba(0,0,0,.12);
    padding: 10px !important;
  }

header .logo img {
    max-width: 100px;
    transition: max-width .4s ease;
}

header.position-fixed.scrolled .logo img {
    max-width: 75px;
}

.utility {
  font-size: var(--font-size-sm);
  border-bottom: 1px solid var(--color-border);
}

.utility,
.utility a,
#menu a {
  text-decoration: none;
  font-optical-sizing: auto;
  font-weight: var(--font-weight-medium);
}

.utility .button {
  padding: var(--space-sm) var(--space-lg);
}

.Login {
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-lg);
}

header {
  font-size: var(--font-size-md);
  z-index: 1000;
}

header .logo img {
  max-width: 70px;
}

.logo:hover img {
  opacity: 1;
}

/* Sidebar Menu
   ========================================================================== */
body.scroll-lock {
  overflow: hidden;
  touch-action: none;
}

html {
  scrollbar-gutter: stable;
}

.hamburger-button,
.sidenav .closebtn {
  background-color: var(--color-primary);
  border: none;
  padding: var(--space-sm);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
}

.icon-bars {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
}

.icon-bar {
  width: 32px;
  height: 4px;
  background: var(--color-light);
  border-radius: 2px;
}

.sidenav {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: min(90vw, 400px);
  transform: translateX(100%);
  transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
  padding: 96px var(--space-xxl);
  background-color: rgba(255,255,255,1);
  z-index: 3000;
  overflow-x: hidden;
}

.sidenav h2 {
  font-size: var(--font-size-lg);
}

.sidenav ul li {
  margin-bottom: var(--space-sm);
}

.sidenav ul li::marker {
  color: var(--color-primary-link);
}

.sidenav ul li a {
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-lg);
}

.side-open {
  transform: translateX(0);
}

.sidenav .closebtn {
  position: absolute;
  top: var(--space-xl);
  right: var(--space-xl);
}

#darkOverlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 2000;
}

#darkOverlay.expose {
  opacity: 1;
  pointer-events: auto;
}

#darkOverlay.expose {
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 600px) {
  .sidenav {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sidenav {
    transition: none;
  }
}

/* Search
   ========================================================================== */
#searchform {
  width: 100%;
  background: none;
  border: none;
  padding: 0;
}

#searchform input[type="search"] {
  padding: var(--space-xs) var(--space-md);
  font-size: var(--font-size-lg);
}

/* Cart
   ========================================================================== */
span.item-in-cart {
  font-weight: var(--font-weight-medium);
}

span.cart-items {
  display: inline-block;
}


/* Content
   ========================================================================== */
.body-content a {
    font-weight: var(--font-weight-medium);
}

.body-content:after {
  display: block;
  clear: both;
  content: "";
}

.body-content > h2:first-child,
.body-content > h3:first-child {
  margin-top: 0;
}

.events h1 {
  font-size: 32px;
  margin-top: 0;
}

.events h1,
.feature h2 {
  text-align: center;
  font-size: 28px;
}

.body-content .EvtCal h1 {
  display: none;
}

.feature {
  border-radius: var(--radius-lg);
}

.EvtCal .EvtCalRSS {
  display: none;
}

.icon-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem; /* space between lines and icon */
}

.icon-divider::before,
.icon-divider::after {
  content: "";
  flex: 1;
  height: 2px;
  background: var(--color-tertiary);
}

.quick-links-text {
    max-width: 760px;
    margin: 0 auto;
}

.quick-links .row:first-child img {
  border-top-right-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}

.quick-links .row:last-child img {
  border-top-left-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}

.ZineItem {
  border-bottom: 1px solid var(--color-border);
  padding-bottom: var(--space-md);
  margin-bottom: var(--space-md);
}

.ZineItem:last-child {
  margin: 0;
  padding: 0;
  border: none;
}

.ZineLink {
  display: block;
}

.ZineAuthor {
  display: none;
}

.ZineAbout {
    font-size: 0;
}

.ZineDate {
    font-size: var(--font-size-sm);
}

.ZineTitle h2 {
  margin-top: 0;
}

.career-board .ZineHeader {
  display: none;
}

/* BX Slider
   ========================================================================== */
.bx-wrapper {
  border: none !important;
  margin: 0 !important;
}

.bx-wrapper img,
.hero-inside img {
    width: 100%;
    filter: grayscale(90%) brightness(0.95);
}

.bx-wrapper .bx-pager {
  bottom: 0 !important;
  z-index: 999;
  max-width: 1140px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background-color: rgba(255,255,255,.5) !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: var(--color-light) !important;
}

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
    background: none !important;
    margin-top: -100px !important; /* half of 200px height */
}

.bx-wrapper .bx-controls-direction a {
    font-family: var(--font-icon);
    color: var(--color-light);
    text-decoration: none;
    text-indent: 0 !important;
    overflow: visible !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px !important;
    height: 200px !important;
    font-size: 0;
    display: none;
}

.bx-wrapper .bx-prev::before {
    content: "\f053";
}

.bx-wrapper .bx-next::before {
    content: "\f054";
}

.bx-wrapper .bx-prev::before,
.bx-wrapper .bx-next::before {
    font-size: 48px; /* icon size */
}

.bx-wrapper .bx-controls-direction a:hover {
    color: var(--color-primary);
}


/* Default hidden state */
#bxslider353 > div .bx-caption span > * {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

#bxslider353 > div[style*="z-index: 50"] .bx-caption span > * {
  opacity: 1;
  transform: translateY(0);
}

.bxslider_title {
  transition-delay: .1s !important;
}

.bxslider_caption {
  transition-delay: .3s !important;
}


.hero .bx-wrapper .bx-caption {
  position: absolute !important;
  inset: 0;
  text-align: center;
  display: flex;
  align-items: center;
  background: linear-gradient(
  to bottom,
  rgba(0,0,0,0.2),
  rgba(0,0,0,0.1),
  rgba(0,0,0,0.2)
) !important;
  padding: var(--space-lg); 0;
  }

.hero .bx-wrapper .bx-caption span p {
  margin: 0 0 var(--space-sm);
  font-weight: var(--font-weight-bold);
}

.bxslider_title {
  font-size: 36px;
  line-height: 1;
  margin: 0 0 var(--space-md);
}

.bxslider_caption a {
  margin-top: var(--space-sm);
  font-weight: var(--font-weight-bold);
}

.hero .bx-wrapper .bx-caption span p:last-child {
  margin: 0;
}

.hero .bx-wrapper .bx-caption span {
  font-family: inherit !important;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
  color: #fff !important;
  background: none !important;
  font-size: var(--font-size-sm) !important;
}

.hero .bx-wrapper .bx-caption span,
.hero .bxslider_title {
    color: var(--color-light) !important;
}

.bx-wrapper,
.bx-viewport,
.bxslider {
  min-height: 350px;
}

.bxslider > div {
  height: 100%;
}

.bxslider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.hero-inside {
  position: relative;
  min-height: 320px;
  overflow: hidden;
  display: flex;
  align-items: end;
  justify-content: center;
}

.hero-inside h1 {
  position: relative;
  z-index: 2;
  color: white;
}

.hero-inside img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  z-index: 1;
}

.hero-inside::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
  to bottom,
  rgba(0,0,0,0.2),
  rgba(0,0,0,0.1),
  rgba(0,0,0,0.2)
);
  z-index: 2;
}

.hero-inside .container {
  position: relative;
  z-index: 3;
}


/* Breadcrumb
   ========================================================================== */
.breadcrumb,
.ZinePath {
  margin: 0 0 var(--space-lg);
  padding: 0;
  background: none;
  font-size: var(--font-size-sm);
}

.pmenu a,
.ZinePath a {
  margin: 0 7px;
}

.pmenu a:first-child,
.ZinePath a:first-child {
  margin-left: 0;
}

.pmenu a:last-child,
.ZinePath a:last-child {
  font-weight: var(--font-weight-bold);
  margin-right: 0;
}

/* Sidebar
   ========================================================================== */
.vmenu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}

.vmenu a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  line-height: normal;
  border: 1px solid var(--color-primary-link);
  border-radius: 999px;
  font-size: 16px;
}

.vmenu a#thispage {
  background: var(--color-primary-link);
  color: #fff;
}

.vmenu a:hover,
.vmenu a:focus {
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: #fff;
  text-decoration: none;
}

/* Footer
   ========================================================================== */
footer#footer h2 {
  margin-top: 0;
}

footer#footer .section-footer {
  border-radius: var(--radius-lg);
  height: 100%;
}

footer#footer li {
  margin-bottom: var(--space-sm);
}

footer#footer img {
  max-width: 100px;
}

.footer-top {
    padding: 0 0 72px;
}

.footer-bottom,
.footer-bottom a {
  color: var(--color-light);
}

footer#footer .footer-links li::marker {
  color: var(--color-primary-link);
}

footer#footer .social {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

footer#footer .social li {
  margin-right: var(--space-md);
}

footer#footer .social li:last-child {
  margin: 0;
}

.footer-bottom {
  font-size: var(--font-size-sm);
  background-color: #2f2f2f;
}

.social a {
  font-size: 28px;
}

.social li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  
  width: 40px;
  height: 40px;
  
  border-radius: 50%;
  background: var(--color-primary-link);  
  text-decoration: none;
  color: #fff;
}

.social li a svg {
  width: 18px;
  height: 18px;
}

/* Membership / Modules
   ========================================================================== */
.white-popup .Event h2 {
  margin-top: 0;
}
.white-popup .Event p.EventDate {
  margin-bottom: 0;
}

/* Popup hover flicker fix */
.EvtSessionRegistrant .popup {
  right: 18px !important;
}
div#popup1 .EvtFeeThankYou {
  font-size: 16px;
  padding: 10px 10px 7px;
}
.EvtReg table input {
  margin-right: 5px;
}
div.EvtRegFinish p {
  margin: 0;
}

.account_history div.popup {
  left: 0;
}

div.EvtRegFinish h1 {
  margin: 0;
}

.error .EventFee {
  background-color: #f2dede;
  padding: 0;
}

.Event .blindbox {
  margin-bottom: 20px;
}

/* Pay
   ========================================================================== */
.Pay form#payment-form,
.stripe form#payment-form {
  overflow: auto;
}

.Pay form#payment-form .col-sm-4,
.stripe form#payment-form .col-sm-4 {
  width: auto;
}

div.overlay {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: var(--z-overlay);
}

div.overlayBox {
  width: 400px !important;
  margin: 50px auto;
  padding: 0 0 30px 0;
}

/* Membership
   ========================================================================== */
ul.MembershipType {
  margin: 0 0 0 40px;
  list-style-type: disc;
}

ul.MembershipType li {
  padding-bottom: 10px;
}

.ContactForm table td {
  display: block;
  margin-bottom: 20px;
}

.edit_profile td {
  display: block;
}

.edit_profile input,
.edit_profile textarea {
  max-width: 600px;
}

.new_contact h1,
.edit_profile h1,
.edit_contacts h1,
.Membership .account_history .Pay h1,
.edit_photo h1 {
  font-size: 24px;
  margin-top: 0;
}

.edit_contacts h2 {
  margin-top: 0;
  font-size: 20px;
}

ul.Membership_update_profile_menu li a:hover {
  background-color: #eee;
}

.branch_management h1 {
  font-size: 32px;
  margin-top: 30px;
}

.branch_management .tabpane h2:first-child {
  margin-top: 0;
}

.branch_management table.Report td {
  vertical-align: middle;
  font-size: 14px;
}

.branch_management table.Report th {
  background: #888;
  color: #fff;
}

.mfp-close-btn-in .mfp-close:hover,
.mfp-close-btn-in .mfp-close:active,
.mfp-close-btn-in .mfp-close:focus {
  background: none;
}

/* Mini Profile
   ========================================================================== */
.MembershipMiniProfile .photo img {
  max-width: 100px;
}

.MembershipMiniProfile p {
  margin-bottom: 0;
}

.MembershipMiniProfile a,
ul.MembershipDirectoryMenu a {
  text-decoration: none;
}

.MembershipMiniProfile .org {
  font-style: italic;
  color: #777;
  font-size: 14px;
}

div#secondary_m .btn {
  margin: 5px 0;
  padding: 3px 8px;
  font-size: 14px;
}

/* Profile
   ========================================================================== */
.profile-image img {
  max-width: 180px;
}

.ContactPhone,
.ContactVcard,
.ContactNet {
  margin: 0;
}

.ContactVcard {
  display: none;
}

h1.membername {
  font-size: 24px;
  margin: 0;
  display: none;
}

.info_container p {
  margin-bottom: 10px;
}

.info_container .small {
  font-size: 14px;
  line-height: 1.4;
}

div#secondary_m p {
  margin-bottom: 10px;
}

.info_container p.ContactPhone {
  margin-bottom: 0;
}

.social-profile div:first-child::before {
  content: "Connect with me:";
  display: block;
  font-size: 24px;
  margin: 24px 0 3px;
  color: var(--color-primary);
}

.social-profile.social-mini div:first-child::before {
  content: "Connect with us:";
  font-size: 18px;
  margin: 8px 0 3px;
}

.social-profile a {
  font-size: 22px;
}

.profile-contact div.Contact {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.profile-contact div.Contact:last-of-type {
  border: none;
  margin: 0;
  padding: 0;
}

/* MISC page styles
   ========================================================================== */
.Zine table.accordionbox {
  margin-bottom: 0;
}

.SnippetRotator .author {
 text-align: right;
 margin-top: var(--space-lg);
 font-size: var(--font-size-md);
}

.SnippetRotator .body_text::before {
 content: "\201C";
 font-family: Georgia, serif;
 font-size: 140px;
 line-height: 10px;
 color: var(--color-secondary);
 display: block;
 text-align: center;
}

.peak-honouree-table table tr:nth-child(even) {
  background-color: var(--color-light-alt);
}

.shadow {
  box-shadow: 5px 10px 30px 1px rgba(48, 60, 79, 0.2);
}

.rounded-xl {
  border-radius: var(--radius-xl);
}

.color-accent {
  color: var(--color-accent) !important;
}

.bg-secondary {
  background: var(--color-secondary) !important;
}

.bg-tertiary {
  background: var(--color-tertiary);
}

.fancy-border {
  border: 6px double #a3dadf;
}

input[value="Donate"] {
    vertical-align: baseline;
}

ul[style*="list-style-type: circle;"],
ul[style*="list-style-type: square;"] {
  list-style-type: none !important;
  margin-left: var(--space-xl);
  padding-left: 0;
}

ul[style*="list-style-type: circle;"] > li,
ul[style*="list-style-type: square;"] > li {
  position: relative;
  margin-bottom: var(--space-sm);
}

ul[style*="list-style-type: circle;"] > li::before,
ul[style*="list-style-type: square;"] > li::before {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  font-family: var(--font-icon);
  content: "\f00c";
  color: var(--color-secondary);
  font-weight: var(--font-weight-heavy);
  position: absolute;
  left: -30px;
  top: 6px;
}

ul[style*="list-style-type: square;"] > li::before {
  content: "\f1c1";
  color: #4c4545;
  font-weight: 400;
}

table h1,
table h2,
table h3,
table h4,
table h5 {
  margin-top: 0;
}

.two-col td {
  width: 50%;
}

.three-col td {
  width: 33%;
}

.four-col td {
  width: 25%;
}

.directory_adv_search div {
  margin-bottom: var(--space-md);
}

.rounded-image img,
.rounded-image {
  border-radius: 10px;
}

.rounded-circle img {
  border-radius: 50%;
}

.attention-members p {
    margin-bottom: 10px;
}

.attention-members ul {
  margin: 0;
}

iframe {
  width: 100%;
}

.alert {
  margin: 0 0 var(--space-lg);
}

.SponsorshipStatus {
  font-size: var(--font-size-md);
  padding: 20px;
  display: inline-block;
  background: #f9f9f9;
  border: 1px solid var(--color-border);
}

.SponsorshipStatus a.renew {
  margin: 10px 0 0;
}

.hide-rss table.ZineTools,
.hide-title-rss .ZineArticle.Zine_photodirectory,
.hide-title-rss table.ZineTools,
.hide-title-rss .ZineArticle.Zine_accordion,
.hide-title .ZineArticle.Zine_accordion {
  display: none;
}

th {
  line-height: 1.4;
}
caption {
  caption-side: top;
}
table td p:last-child {
  margin: 0;
}

p.PayAccountWarning {
  display: none;
}

.account_history table {
  border-collapse: collapse;
  width: 100%;
}

main .Search form input[type="text"],
.Donation input#dAmount {
  vertical-align: top;
  max-width: 250px;
  width: 100%;
  font-size: var(--font-size-md);
  height: 51px;
  line-height: 51px;
  padding: 0 var(--space-md);
}

main .Search form input[type="text"] {
  margin-right: 4px;
}

.Donation input#dAmount {
  max-width: none;
  width: auto;
}

.Search h1:last-of-type {
  font-size: 24px;
}

/* More space between Yes and No columns in form tables */
table.QA_question_group th {
  padding: 5px;
}
table.QA_question_group .QA_input {
  text-align: center;
}

/* Responsive YouTube Embeds */
.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Popups */
.white-popup h3 {
  margin-top: 0;
  padding-bottom: var(--space-md);
  border-bottom: 1px solid var(--color-secondary);
}

.white-popup p:last-of-type {
  margin: 0;
}

/* Gallery
   ========================================================================== */
.ppt {
  display: none !important;
}

#JGallery h1 {
  font-size: 24px;
  display: none;
}

#JGallery h1::after {
  content: none;
}

ul.gallery li {
  margin-bottom: 10px;
}

ul.gallery li img {
  vertical-align: baseline;
}

div.pp_default .pp_social {
  line-height: 1;
  font-size: var(--font-size-md);
}

.pp_social .facebook {
  width: 67px !important;
}

div.ppt,
a.pp_expand {
  display: none !important;
}