/* Additions for the static rebuild. Everything visual comes from skin.css +
   custom.css (the original skin); this file only covers what the DNN
   platform used to provide. */

/* fitVids helper (was injected by the old skin script) */
.fluid-width-video-wrapper { width: 100%; position: relative; padding: 0; }
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* contact form: spam trap + result messages */
.hp-field { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.pbp-notice { padding: 15px 18px; margin: 20px 0 10px; font-size: 17px; line-height: 25px; }
.pbp-notice.pbp-ok { background: #eef0f8; border-left: 4px solid #5560a7; color: #333; }
.pbp-notice.pbp-err { background: #fbeaea; border-left: 4px solid #c9302c; color: #333; }
.pbp-notice em { font-size: 14px; }

/* ---- Newsletter sign-up panel (home page; replaces the Elfsight form) ----
   The !important flags only answer skin.css, which forces h1-h6 color and
   p font-size/color with !important of its own. */
.pbp-subscribe { box-sizing: border-box; max-width: 400px; margin: 0 auto; padding: 32px; background: #ced2ec; color: #111; text-align: left; }
.pbp-subscribe *, .pbp-subscribe *::before, .pbp-subscribe *::after { box-sizing: border-box; }
.pbp-subscribe .pbp-subscribe__title { margin: 0 0 8px; font-size: 24px; font-weight: bold; line-height: 1.3; color: #111 !important; text-transform: none; letter-spacing: 0; text-align: left; }
.pbp-subscribe .pbp-subscribe__caption { margin: 0 0 24px; font-size: 15px !important; line-height: 1.5 !important; color: #111 !important; }
.pbp-subscribe .pbp-subscribe__done { margin: 0 0 16px; font-size: 15px !important; line-height: 1.5 !important; color: rgba(17,17,17,.6) !important; }
.pbp-subscribe .pbp-subscribe__test { margin: 0 0 16px; font-size: 13px !important; line-height: 1.4 !important; font-style: italic; color: rgba(17,17,17,.6) !important; }
.pbp-subscribe .pbp-notice { margin: 0 0 20px; font-size: 15px; line-height: 22px; }
.pbp-subscribe .pbp-subscribe__field { display: block; margin: 0 0 20px; padding: 8px 14px 6px; border: 1px solid rgba(17,17,17,.2); border-radius: 4px; background: transparent; cursor: text; font-weight: normal; }
.pbp-subscribe .pbp-subscribe__field:focus-within { border-color: rgb(25,123,255); box-shadow: 0 0 0 1px rgb(25,123,255); }
.pbp-subscribe .pbp-subscribe__field span { display: block; font-size: 13px; line-height: 18px; color: #111; }
.pbp-subscribe .pbp-subscribe__field input { display: block; width: 100%; height: auto; margin: 0; padding: 2px 0 4px; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: 18px; line-height: 26px; color: #111; outline: none; }
.pbp-subscribe .pbp-subscribe__field input::placeholder { color: rgba(17,17,17,.4); }
.pbp-subscribe .pbp-subscribe__actions { margin: 0; font-size: 15px !important; line-height: 1 !important; text-align: center; }
.pbp-subscribe .pbp-subscribe__submit { display: inline-block; margin: 0; padding: 12px 36px; border: 0; border-radius: 0; background: #5560a7; color: #fff; font-size: 15px; font-weight: bold; line-height: 20px; cursor: pointer; }
.pbp-subscribe .pbp-subscribe__submit:hover, .pbp-subscribe .pbp-subscribe__submit:focus { background: #444d8a; }
.pbp-subscribe .pbp-subscribe__ok { display: inline-block; padding: 10px 32px; background: rgb(25,123,255); color: #fff; font-size: 15px; font-weight: bold; text-decoration: none; }
.pbp-subscribe .pbp-subscribe__ok:hover, .pbp-subscribe .pbp-subscribe__ok:focus { background: #0f63d6; color: #fff; text-decoration: none; }