/*
Theme Name: BaseWriters
Theme URI: https://basewriters.com/
Author: BaseWriters
Description: BaseWriters freelance writing marketplace frontend.
Version: 1.0.46
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: basewriters
*/

html,
body {
  margin: 0;
  min-height: 100%;
}

body {
  background: #f8fafc;
}

body.bw-page-loading {
  background-color: #183142 !important;
}

#root {
  min-height: 100vh;
}

.bw-signin-placement-shell {
  position: relative;
  min-height: 0;
  aspect-ratio: 16 / 9;
  padding: 0 !important;
  background: #111827 !important;
  isolation: isolate;
}

.bw-signin-placement-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 24px;
  color: #cbd5e1;
  background:
    radial-gradient(circle at 50% 35%, rgba(52, 211, 153, .16), transparent 30%),
    linear-gradient(145deg, #172b4d, #111827);
  text-align: center;
}

.bw-signin-placement-placeholder__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(52, 211, 153, .5);
  border-radius: 50%;
  color: #6ee7b7;
  font-size: 21px;
}

.bw-signin-placement-placeholder strong {
  color: #fff;
  font-family: Georgia, 'Playfair Display', serif;
  font-size: 19px;
}

button.bw-submit-for-review {
  display: flex !important;
  width: 100% !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 18px !important;
  border: 1px solid #ea580c !important;
  border-radius: 9px !important;
  background-color: #f97316 !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: 0 3px 8px rgba(194, 65, 12, .22) !important;
  cursor: pointer !important;
  transition: background-color .15s ease, box-shadow .15s ease, transform .15s ease !important;
}

button.bw-submit-for-review:hover:not(:disabled) {
  background-color: #ea580c !important;
  box-shadow: 0 5px 12px rgba(194, 65, 12, .28) !important;
  transform: translateY(-1px);
}

button.bw-submit-for-review:focus-visible {
  outline: 3px solid rgba(249, 115, 22, .35) !important;
  outline-offset: 2px;
}

button.bw-submit-for-review:disabled {
  cursor: wait !important;
  opacity: .72 !important;
}

.bw-signin-placement-placeholder span:last-child {
  max-width: 270px;
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.45;
}

.bw-signin-placement-ad,
.bw-signin-placement-video {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #17233f;
  background: #fff;
}

.bw-signin-placement-ad iframe,
.bw-signin-placement-ad img,
.bw-signin-placement-ad ins {
  max-width: 100%;
  max-height: 100%;
}

.bw-signin-placement-video {
  object-fit: cover;
  background: #111827;
}

.bw-signin-placement-slide {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #172b4d;
}

.bw-signin-placement-dots {
  position: absolute;
  right: 14px;
  bottom: 14px;
  left: 14px;
  display: flex;
  justify-content: center;
  gap: 7px;
  pointer-events: none;
}

.bw-signin-placement-dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 50%;
  background: rgba(15, 23, 42, .58);
  cursor: pointer;
  pointer-events: auto;
}

.bw-signin-placement-dots button.is-active {
  background: #34d399;
}

@media (max-width: 1023px) {
  .bw-signin-placement-shell {
    display: none;
  }
}

@media (min-width: 1024px) {
  .bw-signin-placement-region {
    align-items: stretch !important;
    justify-content: flex-end !important;
    padding: 0 !important;
  }

  .bw-signin-placement-column {
    align-items: stretch !important;
    justify-content: flex-end !important;
    width: 100% !important;
    max-width: none !important;
    height: 100%;
    gap: 20px !important;
  }

  .bw-signin-placement-shell {
    width: 100% !important;
    height: clamp(430px, 64vh, 720px);
    flex: 0 0 auto;
    aspect-ratio: auto;
    border-radius: 0 !important;
  }
}