@charset "utf-8";

.counter1 { transition: opacity 0.5s ease-in-out; color: rgb(33, 35, 53) !important; font-weight: bolder !important; }

.count-available { color: rgb(33, 35, 53) !important; font-weight: bolder !important; }

.screenLock { min-height: 100vh; display: flex; align-items: center; justify-content: center; position: fixed; z-index: 999999; top: 0px; left: 0px; width: 100%; background: rgba(0, 0, 0, 0.7); }

.msg { position: relative; width: 592px; background: linear-gradient(-45deg, rgb(60, 114, 181), rgb(123, 159, 204)); display: none; border: 5px solid rgb(255, 255, 255); border-radius: 7px; padding: 7px 7px 30px; box-sizing: border-box; max-width: 95vw; }

h1.msg-title { font-size: 30px; font-family: Arial; text-align: center; color: rgb(255, 255, 255); font-weight: bold; margin: 20px 0px 30px; line-height: 30px; text-transform: none; }

h1.msg-title2 { font-size: 30px; font-family: Arial; text-align: center; color: rgb(255, 252, 77); font-weight: bold; margin: 20px 0px 30px; line-height: 30px; text-transform: none; }

.msg-img { margin-top: 11px; float: right; }

.msg-text { color: rgb(255, 255, 255); font-family: Verdana; font-size: 27px; padding: 10px; margin: 40px auto 0px; line-height: 40px; max-width: 500px; text-align: center; }

div.submit-popup { margin: 20px auto 0px; width: 87%; cursor: pointer; font-size: 30px; font-family: Verdana; font-weight: bold; color: rgb(255, 255, 255); display: block; background: rgb(60, 101, 181); border: 1px solid rgb(255, 255, 255); border-radius: 5px; padding: 5px; line-height: 40px; text-decoration: none; text-align: center; }

div.submit-popup:hover { background: rgb(0, 204, 0); }

.exit-cross { position: absolute; top: 5px; right: 5px; font-family: Arial; color: rgb(204, 0, 0); font-size: 30px; cursor: pointer; font-weight: bold; }

@media (max-width: 650px) {
  .msg { width: 96vw; max-width: 96vw; padding: 5vw; }
  .msg-text, .highlight-line { padding: 3vw; font-size: 19px !important; line-height: 1.3 !important; }
  div.submit-popup { font-size: 19px; padding: 10px 0px; line-height: 30px; width: 95%; }
}

.highlight-line { color: rgb(255, 215, 0); font-weight: bold; margin-top: 40px !important; margin-bottom: 0px !important; }

p[data-testid="article-paragraph-annotation-test-id"] { margin-top: 0px; margin-bottom: 20px; }

.storyline-wrapper ul.font-body-baseline-regular, .storyline-wrapper ol.font-body-baseline-regular { margin-top: 0px; margin-bottom: 20px; }

.visit-site-wrap { width: 100%; margin: 24px 0px 32px; display: flex; justify-content: center; }

.visit-site-wrap .button-red-link { width: 80%; max-width: 100%; margin: 0px; display: block; box-sizing: border-box; }

.storyline-wrapper .article-photo { width: 100%; padding-bottom: 0px; display: block !important; margin: 0px 0px 32px !important; }

.storyline-wrapper .article-photo img { display: block; width: 100%; margin: 0px; }

.storyline-wrapper .article-photo:has(+ .photo-caption) { margin-bottom: 8px !important; }

.storyline-wrapper .photo-caption { font-size: 14px !important; line-height: 1.45 !important; color: rgb(154, 154, 154) !important; margin-top: 0px !important; margin-bottom: 20px !important; }

.comments-section { width: 100%; display: flex; flex-direction: column; align-items: stretch; margin-top: 16px; }

.comments-title { width: 100%; display: block; margin: 0px 0px 12px; text-align: left; }

.comment-add { width: 100%; display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; text-align: left !important; }

.comment-add textarea { width: 100%; height: 80px; padding: 10px; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-sizing: border-box; resize: vertical; }

.comment-add__submit { display: flex; justify-content: flex-end; }

.comment-add__submit a { display: inline-block; text-decoration: none; }

.comment-add__submit button { margin: 0px; background-color: rgb(96, 96, 160); color: rgb(255, 255, 255); width: 140px; height: 40px; cursor: pointer; border-radius: 4px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 16px; font-weight: bold; }

.comments-section .comments-list { width: 100%; margin: 0px !important; }