/*
 * Pictures of Norway 2.0 — Ultimate Member / Nordic Noir.
 * Scoped to the native Ultimate Member page body class, no effects elsewhere.
 */
body.pon-um-page{
  --pon-um-bg:#080b0e;
  --pon-um-card:#111920;
  --pon-um-card-deep:#0e151b;
  --pon-um-line:#30434d;
  --pon-um-accent:#8faeb8;
  --pon-um-text:#edf1f2;
  --pon-um-muted:#a8b9c0;
}
body.pon-um-page .pon-post-header,
body.pon-um-page .pon-content.pon-post-content{
  box-sizing:border-box!important;
  width:min(1020px,calc(100vw - 72px))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.pon-um-page .pon-post-header{
  padding-top:clamp(28px,5vw,72px)!important;
  padding-bottom:clamp(24px,4vw,44px)!important;
  margin-bottom:0!important;
  border-bottom:1px solid var(--pon-um-line);
}
body.pon-um-page .pon-post-header:before{
  display:block;content:"PICTURES OF NORWAY  /  COMMUNITY";
  width:max-content;max-width:100%;
  margin:0 0 clamp(17px,3vw,28px);
  padding-left:20px;
  border-left:2px solid var(--pon-um-accent);
  color:var(--pon-um-accent);
  font:650 10px/1.7 Inter,Arial,sans-serif;
  letter-spacing:.22em;
}
body.pon-um-page .pon-post-header h1.wp-block-post-title{
  color:var(--pon-um-text)!important;
  font:400 clamp(47px,7.5vw,88px)/1.06 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.055em!important;
  margin:0!important;
}
body.pon-um-page .pon-content.pon-post-content{
  padding-top:clamp(32px,5vw,58px)!important;
  padding-bottom:clamp(70px,9vw,120px)!important;
}
body.pon-um-page .entry-content.wp-block-post-content{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
}
body.pon-um-page .entry-content.wp-block-post-content>.um.um-login,
body.pon-um-page .entry-content.wp-block-post-content>.um.um-register,
body.pon-um-page .entry-content.wp-block-post-content>.um.um-password{
  box-sizing:border-box!important;
  max-width:640px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:clamp(27px,4.5vw,48px)!important;
  color:var(--pon-um-text);
  background:linear-gradient(145deg,rgba(30,46,56,.65),rgba(12,19,24,.97) 58%);
  border:1px solid var(--pon-um-line);
  border-radius:3px!important;
  box-shadow:0 22px 70px rgba(0,0,0,.12);
}
body.pon-um-page .um{
  color:var(--pon-um-text)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
body.pon-um-page .um .um-field{padding-top:13px!important}
body.pon-um-page .um .um-field-label{margin-bottom:8px!important}
body.pon-um-page .um .um-field-label label,
body.pon-um-page .um .um-field-label *{
  color:#cedade!important;
  font:600 12px/1.6 Inter,Arial,sans-serif!important;
  letter-spacing:.065em!important;
}
body.pon-um-page .um .um-field-area input:not([type=hidden]):not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]),
body.pon-um-page .um .um-field-area select,
body.pon-um-page .um .um-field-area textarea,
body.pon-um-page .um .um-account-main input[type=text],
body.pon-um-page .um .um-account-main input[type=email],
body.pon-um-page .um .um-account-main input[type=password],
body.pon-um-page .um .um-account-main textarea{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:49px!important;
  border:1px solid #3d515b!important;
  border-radius:2px!important;
  background:#0a1117!important;
  color:#f0f5f6!important;
  padding:12px 15px!important;
  font:400 15px/1.5 Inter,Arial,sans-serif!important;
  box-shadow:none!important;
  transition:border-color .18s,box-shadow .18s!important;
}
body.pon-um-page .um .um-field-area textarea{min-height:128px!important;resize:vertical}
body.pon-um-page .um .um-field-area input::placeholder,
body.pon-um-page .um .um-field-area textarea::placeholder{
  color:#8b9da5!important;opacity:1!important;
}
body.pon-um-page .um .um-field-area input:focus,
body.pon-um-page .um .um-field-area select:focus,
body.pon-um-page .um .um-field-area textarea:focus,
body.pon-um-page .um .um-account-main input:focus{
  border-color:#a6c8d3!important;
  outline:2px solid rgba(143,174,184,.28)!important;
  outline-offset:1px!important;
  box-shadow:0 0 0 2px rgba(143,174,184,.1)!important;
}
body.pon-um-page .um .um-field-area input[disabled],
body.pon-um-page .um .um-field-area textarea[disabled]{
  opacity:.5!important;cursor:not-allowed!important;
}
body.pon-um-page .um a:not(.um-button){
  color:#accdd7!important;
  text-decoration-color:rgba(143,174,184,.5)!important;
}
body.pon-um-page .um a:not(.um-button):hover{color:#f1f9fb!important}
body.pon-um-page .um .um-button,
body.pon-um-page .um input.um-button,
body.pon-um-page .um button.um-button,
body.pon-um-page .um .um-button.um-alt{
  box-sizing:border-box!important;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:49px!important;
  padding:12px 17px!important;
  border:1px solid #8faeb8!important;
  border-radius:2px!important;
  background:#8faeb8!important;
  color:#0a1419!important;
  font:650 13px/1.5 Inter,Arial,sans-serif!important;
  letter-spacing:.035em!important;
  text-shadow:none!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transition:background .2s,color .2s,border-color .2s!important;
}
body.pon-um-page .um .um-button.um-alt,
body.pon-um-page .um .um-button.um-alt:hover{
  background:transparent!important;
  color:#dce8ec!important;
  border-color:#58727d!important;
}
body.pon-um-page .um .um-button:not(.um-alt):hover,
body.pon-um-page .um input.um-button:hover,
body.pon-um-page .um button.um-button:hover{
  border-color:#c5e0e8!important;background:#c5e0e8!important;color:#071014!important;
}
body.pon-um-page .um .um-button.um-alt:hover{background:#1b3039!important;color:#f4fbfc!important;border-color:#98bac6!important}
body.pon-um-page .um .um-button:focus-visible,
body.pon-um-page .um a:focus-visible{
  outline:2px solid #b5d4df!important;outline-offset:3px!important;
}
body.pon-um-page .um .um-col-alt{padding-top:6px!important}
body.pon-um-page .um .um-col-alt-b{padding-top:15px!important}
body.pon-um-page .um .um-link-alt{
  color:#a4c6d0!important;
  font:500 13px/1.65 Inter,Arial,sans-serif!important;
}
body.pon-um-page .um .um-field-checkbox-option,
body.pon-um-page .um .um-field-radio-option{
  color:#b4c3c9!important;font-size:13px!important;
}
body.pon-um-page .um .um-field-checkbox-state i,
body.pon-um-page .um .um-field-radio-state i{color:#8faeb8!important}
body.pon-um-page .um .um-field-error,
body.pon-um-page .um .um-error{
  border-radius:2px!important;background:#322123!important;
  color:#ffcacb!important;border:1px solid #985a5b!important;
}
body.pon-um-page .um .um-notice,
body.pon-um-page .um .um-message,
body.pon-um-page .um .um-notice.success{
  border-radius:2px!important;background:#162e31!important;
  color:#cce5e7!important;border-left:3px solid #8faeb8!important;
}
body.pon-um-page .um .um-field-block{
  color:#b5c5ca!important;font:400 15px/1.85 Inter,Arial,sans-serif!important;
}
body.pon-um-page .um .um-field-block>div,
body.pon-um-page .um .um-field-block div[style*="text-align:center"]{
  text-align:left!important;
}
body.pon-um-page .um .um-field-password .um-field-password-toggle,
body.pon-um-page .um .um-field-password .um-toggle-password{color:#a4c3cc!important}

/* Account: sidebar, tabs and password/privacy settings */
body.pon-um-account-page .entry-content>.um.um-account,
body.pon-um-profile-page .entry-content>.um.um-profile,
body.pon-um-page .entry-content>.um.um-members{
  max-width:1020px!important;
  width:100%!important;
  margin:0 auto!important;
}
body.pon-um-account-page .um-account{
  box-sizing:border-box!important;
  padding:clamp(19px,3vw,34px)!important;
  background:linear-gradient(145deg,#17222a,#0c1217 72%)!important;
  border:1px solid var(--pon-um-line)!important;
  border-radius:3px!important;
}
body.pon-um-account-page .um-account-side,
body.pon-um-account-page .um-account-main{box-sizing:border-box!important}
body.pon-um-account-page .um-account-side ul,
body.pon-um-account-page .um-account-side li{background:transparent!important}
body.pon-um-account-page .um-account-side li a,
body.pon-um-account-page .um-account-side li a span,
body.pon-um-account-page .um-account-side li a i,
body.pon-um-account-page .um-account-tab a{
  color:#b0c4cb!important;background:transparent!important;
}
body.pon-um-account-page .um-account-side li a{
  padding:12px 15px!important;
  border-bottom:1px solid #2e414a!important;
  border-radius:0!important;
  transition:background .2s!important;
}
body.pon-um-account-page .um-account-side li a:hover{background:#1d3039!important}
body.pon-um-account-page .um-account-side li a.current,
body.pon-um-account-page .um-account-side li a.current span,
body.pon-um-account-page .um-account-side li a.current i,
body.pon-um-account-page .um-account-side li.active a{
  color:#e7f5f7!important;background:#253b45!important;
}
body.pon-um-account-page .um-account-main,
body.pon-um-account-page .um-account-tab{
  color:#c3d0d5!important;background:transparent!important;
}
body.pon-um-account-page .um-account-main h3,
body.pon-um-account-page .um-account-main .um-account-heading,
body.pon-um-account-page .um-account-tab h3{
  color:#edf3f4!important;
  font:400 clamp(24px,3vw,36px)/1.2 Georgia,serif!important;
  letter-spacing:-.025em!important;
}
body.pon-um-account-page .um-account-main p,
body.pon-um-account-page .um-account-tab p{color:#b6c7cd!important;line-height:1.8!important}
body.pon-um-account-page .um-account .um-account-side li a .um-account-icon,
body.pon-um-account-page .um-account-link i{color:#a6c6d0!important}
body.pon-um-account-page .um-account .um-account-side li a .um-account-title{color:inherit!important}

/* Profile and profile-editing form: keep Ultimate Member functionality intact. */
body.pon-um-profile-page .um-profile{
  color:#e7f0f1!important;
  background:#111a20!important;
  border:1px solid var(--pon-um-line)!important;
  border-radius:3px!important;
  overflow:hidden;
}
body.pon-um-profile-page .um-profile .um-header{
  background:#141f26!important;
  border-bottom:1px solid var(--pon-um-line)!important;
}
body.pon-um-profile-page .um-profile .um-profile-photo img{
  border:3px solid #425e69!important;
  box-shadow:0 4px 24px rgba(0,0,0,.25)!important;
}
body.pon-um-profile-page .um-profile .um-profile-meta,
body.pon-um-profile-page .um-profile .um-profile-meta a,
body.pon-um-profile-page .um-profile .um-name a{color:#e9f2f4!important}
body.pon-um-profile-page .um-profile .um-profile-nav,
body.pon-um-profile-page .um-profile .um-profile-nav-item,
body.pon-um-profile-page .um-profile .um-profile-body{
  background:#111a20!important;color:#b8c9cf!important;
}
body.pon-um-profile-page .um-profile .um-profile-nav-item a,
body.pon-um-profile-page .um-profile .um-profile-nav-item a i{color:#b6d1d9!important}
body.pon-um-profile-page .um-profile .um-profile-nav-item.active a{
  color:#081217!important;background:#8faeb8!important;
}
body.pon-um-profile-page .um-profile .um-profile-body{
  padding:clamp(18px,3vw,34px)!important;
}
body.pon-um-profile-page .um-profile .um-profile-note,
body.pon-um-profile-page .um-profile .um-profile-headericon a{
  color:#a8c7d0!important;
}

/* Member directory (when one is configured and visible). */
body.pon-um-page .um-members-wrapper,
body.pon-um-page .um-members{
  color:#d2e0e4!important;
}
body.pon-um-page .um-members-wrapper .um-member,
body.pon-um-page .um-members-wrapper .um-member-card{
  background:#121e25!important;
  border:1px solid var(--pon-um-line)!important;
  border-radius:3px!important;
  box-shadow:none!important;
}
body.pon-um-page .um-members-wrapper input,
body.pon-um-page .um-members-wrapper select{
  color:#e6eef1!important;background:#101a20!important;border:1px solid #3e525e!important;
}
body.pon-um-page .um-members-wrapper .um-member-name a{color:#e1f0f3!important}

/* Responsive behaviour, WCAG focus and reduced motion. */
@media(max-width:800px){
  body.pon-um-page .pon-post-header,
  body.pon-um-page .pon-content.pon-post-content{width:calc(100vw - 36px)!important}
  body.pon-um-account-page .um-account{padding:18px!important}
}
@media(max-width:580px){
  body.pon-um-page .pon-post-header h1.wp-block-post-title{font-size:clamp(39px,10vw,58px)!important}
  body.pon-um-page .entry-content.wp-block-post-content>.um.um-login,
  body.pon-um-page .entry-content.wp-block-post-content>.um.um-register,
  body.pon-um-page .entry-content.wp-block-post-content>.um.um-password{padding:23px 19px!important}
  body.pon-um-page .um .um-left.um-half,
  body.pon-um-page .um .um-right.um-half{
    float:none!important;display:block!important;width:100%!important;margin:0 0 12px!important
  }
  body.pon-um-page .um .um-left.um-half .um-button,
  body.pon-um-page .um .um-right.um-half .um-button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  body.pon-um-page .um .um-button,
  body.pon-um-page .um .um-field-area input{transition:none!important}
}