/* krpa.org CSS box — v1.1, 2026-10-06 (v1.1: skip link + sr-only utility). Original box (3,996 B, last edited 2024-10-14) + the KRPA accessibility layer (KRPA-007) appended at the end. Rollback: user.css.LIVE-backup-2026-10-05.css in Development/wild apricot/krpa.org/a11y-2026-10/. */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* Existing */
.WaGadgetForumStateList .forumListContainer .boxBodyOuterContainer table.forumListTable tr td, .WaGadgetForum #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow td {
    background-color: #ffffff;
  }
  /* make youtube video mobile-friendly */
  .video-container{
      position: relative;
      padding-bottom: 56.25%; /* 16:9 */
      padding-top: 25px;
      height: 0;
  }
  .video-container iframe{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .camera_fakehover{
  height:88%;
  }
  #idContainer9414483 {
    display: none;
  }
  div#camera_wrap_jQVihoF {
      margin-bottom: 0px !important;
  }
  /* --- NEW ---- */

body {
    font-size:16px
}
#contents-area {
    padding:50px 0;
}
.full-height tr { height: inherit;}
#top-links a { padding:10px 0;}
.slider-area.small-slide {
    padding: 40px 0;
}
.WaGadgetMenuHorizontal .menuInner ul ul li>.item:hover>a {
    background: #3F6EE5;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li {
    display:inline-block;
}
.slider-area .overlay:before {
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(36, 50, 160, 0.5);
    top: 0;
    left: 0;
}
.loginBoxLinkButton {
    background: #8db51e !important;
    color: #fff !important;
    border-radius: 60px;
    padding:10px 20px !important;
}
.loginBoxLinkButton:hover{
    background:#81a718 !important;
    text-decoration:underline !important;
}
#footer-area a {
    color: #fff;
}
.gadgetStyle002 .gadgetStyleBody, 
.gadgetStyle002 .gadgetStyleBody a, 
.gadgetStyle002 .gadgetStyleBody .date,
.gadgetStyle002 .gadgetStyleBody .author
{
    color: #fff;
}
.gadgetStyle002 .gadgetStyleBody, 
.gadgetStyle002 .gadgetStyleBody a, 
.gadgetStyle002 .gadgetStyleBody .date,
.gadgetStyle002 .gadgetStyleBody .author
{
    color: #fff;
}

.WaGadgetMenuHorizontal .firstLevel li > div:before {
    content:"";
    display:block;
    height:3px;
    background:#fff;
    position:absolute;
    bottom:0;
    width:0%;
    transition:100ms;
    left:50%;
    transform:translateX(-50%);
}
.WaGadgetMenuHorizontal .firstLevel li:hover > div:before {
    width:100%;
}
#main-nav-area .firstLevel {
    width: 100%;
}
#main-nav-area .WaGadgetMenuHorizontal .firstLevel>li>.item>a { text-align: center;}
#main-nav-area .hide-home .firstLevel>li:first-child {display:none;}

#footer-area .font-awesome a {
    font-size:46px;
    display:block;
    width: 46px;
    height: 46px;
}
#footer-area .font-awesome a:hover { text-decoration:none;}
@media only screen and (max-width: 769px){
    #page-bottom .WaGadgetOnly {
        height: auto;
    }
}

@media only screen and (max-width: 616px){
    .menuButton {
        padding: 0 !important;
    }
    .menuInner {
        padding: 10px;
    }
    .WaGadgetMenuHorizontal[class*=menuStyle] .menuInner ul.firstLevel { background:#2432a6}
    .top-area {text-align:center;padding: 40px;}
    .search-area { padding:10px 0;}
    #top-links {
        padding: 10px 0;
    }
    .WaGadgetCustomMenu ul { text-align: center !important;}
    #page-bottom {
        padding: 5px 0;
    }
    #page-bottom .WaGadgetOnly {
        height: auto;
        padding: 25px;
        border-radius: 30px;
    }
    #page-bottom .WaGadgetOnly:before{
        display:none;
    }
    .WaGadgetSiteSearch .searchBox,
.WaGadgetSiteSearch .searchBox form,
.WaGadgetSiteSearch .searchBox .searchBoxFieldContainer { width:100%;}
.loginBoxLinkContainer {text-align: center;}
}

@media only screen and (max-width:570px){
    #id_FooterLogo img { width:30%; margin-bottom:40px;}
    #id_FooterLogo {text-align:center;}
}

/* ===== KRPA accessibility fixes (WCAG 2.1 AA) - added 2026-10-05, estimate KRPA-007 =====
   Append-only block. To undo, delete everything from this header through the END marker.
   Colors keep their hue; each is just a shade deeper so text reaches 4.5:1 contrast. */

/* 1. Header buttons: "Log in or Join" and "Store"  (green #8db51e -> #637f15; white text 2.4:1 -> 4.6:1) */
.loginBoxLinkButton {
    background: #637f15 !important;
}
.loginBoxLinkButton:hover,
.loginBoxLinkButton:focus {
    background: #566f12 !important;  /* hover was #81a718; deeper still, 5.7:1 */
}
a.btn.btn-green-round,
a.btn.btn-green-round:visited {
    background: #637f15;
}
a.btn.btn-green-round:hover,
a.btn.btn-green-round:focus {
    background: #566f12;
}

/* 2. Green headline text inside page content (inline color #88BE34, 2.2:1 -> 4.6:1) */
font[color="#88BE34"],
font[color="#88be34"] {
    color: #5c8023;
}

/* 3. Light grey text on white in forms (#777 / #888 -> #757575, 4.6:1) */
.formTitleOuterContainer .formTitleContainer .inner h3.formTitle,
.formTitleOuterContainer .formTitleContainer .inner .mandatoryFieldsTitle strong,
.levelRenewal,
.levelRecurring,
.levelDescription,
.fieldSubContainer .fieldBody .fieldItem span.label .typeInstruction,
.fieldSubContainer .fieldBody .fieldItem.eventRegistrationTypeRadioWrapper .availableRegistrationCount {
    color: #757575;
}

/* 4. "Log in with Google" button (white on #4285f4 = 3.6:1 -> #1f6ff2 = 4.6:1) */
.wa-authenticateLoginLink.googlePlus,
.wa-authenticateLoginLink.GooglePlus {
    background-color: #1f6ff2;
    border-color: #1f6ff2;
}

/* 5. Links inside body text and breadcrumbs get an underline (not by color alone) */
#contents-area .gadgetContentEditableArea a:not(.btn):not(.stylizedButton),
#contents-area .WaGadgetCustomHTML .gadgetStyleBody a:not(.btn):not(.stylizedButton),
#contents-area .WaGadgetBreadcrumbs a {
    text-decoration: underline;
}
/* ===== END KRPA accessibility fixes ===== */

/* ===== KRPA accessibility layer v1.1 (2026-10-06): skip link + screen-reader-only utility ===== */
.krpa-sr-only { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.krpa-skip { position:absolute; left:-9999px; top:0; z-index:10000; background:#1e3a8a; color:#fff; padding:.6rem 1rem; font-weight:600; text-decoration:none; border-radius:0 0 .375rem 0; }
.krpa-skip:focus { left:0; outline:3px solid #f59e0b; outline-offset:0; }
#id_Content:focus { outline:none; }
/* ===== END v1.1 ===== */