/* countdown timer */
/** Homepage Countdown Timer */
#countdown-timer {
  text-align: center;
  color: #000;
  padding-top: 6rem;
  padding-bottom: 4rem;
  position: relative;
  overflow: hidden;
  background-color: #ede2c6;
}
.woocommerce-ResetPassword label,
.woocommerce-MyAccount-content label {
  color: #fff !important;
}
.woocommerce-Address-title h2,
.woocommerce-Address-title a {
  color: #e44444 !important;
}
#countdown-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-image: url("/wp-content/uploads/2024/08/Valdraeth_Border_Corner.png"),
    url("/wp-content/uploads/2024/09/Valdraeth_Border_Corner-e1726602822696.png"),
    url("/wp-content/uploads/2024/09/Valdraeth_Border_Corner-2-e1726602859317.png"),
    url("/wp-content/uploads/2024/09/Valdraeth_Border_Corner-1-e1726602842571.png");
  background-position: top left, top right, bottom left, bottom right;
  background-size: 75px 75px;
  background-repeat: no-repeat;
}
.countdown-timer-number {
  font-size: 3rem;
}
.countdown-title,
.countdown-timer-number {
  color: #000;
}

.d-none {
  display: none !important;
}
/* Custom Header Changes */
.new-wrapper-class {
  margin-left: auto;
  margin-right: auto;
}
.ast-builder-grid-row.ast-grid-center-col-layout-only.ast-flex.ast-grid-center-col-layout {
  width: 70% !important;
  margin-left: auto;
  margin-right: auto;
}
.ast-builder-menu-1 {
  width: 100% !important;
  background-color: #e8ddc4 !important;
  flex-wrap: nowrap !important;
}
.ast-main-header-bar-alignment {
  margin-left: auto;
  margin-right: auto;
}
.ast-builder-menu-1::before {
  content: "";
  position: relative;
  top: 25px;
  left: -50px;
  border-style: solid;
  border-width: 20px 49px 20px 20px;
  border-color: #e8ddc4 #e8ddc4 #e8ddc4 transparent;
}
.ast-builder-menu-1::after {
  content: "";
  position: relative;
  top: 25px;
  right: -50px;
  border-style: solid;
  border-width: 20px 20px 20px 49px;
  border-color: #e8ddc4 transparent #e8ddc4 #e8ddc4;
}
.site-primary-header-wrap
  .ast-builder-grid-row.ast-grid-center-col-layout-only.ast-flex.ast-grid-center-col-layout::before,
.site-primary-header-wrap
  .ast-builder-grid-row.ast-grid-center-col-layout-only.ast-flex.ast-grid-center-col-layout::after {
  content: "";
  position: relative;
  top: 35px;
  border-style: solid;
  border-width: 10px;
  z-index: 10;
  display: inline-block;
}

/* Left arrow */
.site-primary-header-wrap
  .ast-builder-grid-row.ast-grid-center-col-layout-only.ast-flex.ast-grid-center-col-layout::before {
  left: 20px;
  border-color: #554b2f #554b2f transparent transparent;
  margin-right: -20px; /* Helps keep it inline */
}

/* Right arrow */
.site-primary-header-wrap
  .ast-builder-grid-row.ast-grid-center-col-layout-only.ast-flex.ast-grid-center-col-layout::after {
  right: 20px;
  border-color: #554b2f transparent transparent #554b2f;
  margin-left: -20px; /* Helps keep it inline */
}

/* Tablet adjustments */
@media (max-width: 1306px) {
  .site-primary-header-wrap
    .ast-builder-grid-row.ast-grid-center-col-layout-only.ast-flex.ast-grid-center-col-layout::before {
    left: 20px;
  }
  .site-primary-header-wrap
    .ast-builder-grid-row.ast-grid-center-col-layout-only.ast-flex.ast-grid-center-col-layout::after {
    right: -449px;
    top: -10px;
    margin-left: -10px;
  }
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .site-primary-header-wrap
    .ast-builder-grid-row.ast-grid-center-col-layout-only.ast-flex.ast-grid-center-col-layout::before,
  .site-primary-header-wrap
    .ast-builder-grid-row.ast-grid-center-col-layout-only.ast-flex.ast-grid-center-col-layout::after {
    top: 25px;
  }

  .site-primary-header-wrap
    .ast-builder-grid-row.ast-grid-center-col-layout-only.ast-flex.ast-grid-center-col-layout::before {
    left: 10px;
    margin-right: -5px;
  }
  .site-primary-header-wrap
    .ast-builder-grid-row.ast-grid-center-col-layout-only.ast-flex.ast-grid-center-col-layout::after {
    right: 10px;
    margin-left: -5px;
  }
}
#gform_5 label,
#gform_5 .gfield_label {
  color: #fff !important;
}
.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu {
  margin-left: -150px !important;
}
/* User Registration page */
.page-id-533 .gfield_label,
.page-id-533 .gform-field-label {
  color: #fff !important;
  font-family: "scala sans" !important;
}
#gform_submit_button_4 {
  font-family: "scala sans" !important;
}
/* User menu icon */
/* Hide the menu item text */
.user-menu-icon a {
  text-indent: -9999px; /* Hide the text */
  display: block;
  position: relative;
  height: 24px; /* Adjust size as needed */
  width: 24px; /* Adjust size as needed */
  text-align: center;
}
/* Add the user icon */
.user-menu-icon a:before {
  content: "\f007"; /* Font Awesome user icon */
  font-family: "Font Awesome 5 Free";
  font-size: 24px; /* Adjust icon size */
  text-indent: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 24px;
}
.sacred-bridge {
  font-family: Sacred Bridge Extras, sans-serif !important;
  text-decoration: none !important;
}
.aerohate {
  font-family: Aerohate, sans-serif !important;
  text-decoration: none !important;
}
.rotate-180 {
  transform: rotate(180deg);
}
.brown-border {
  border-bottom: 2px solid #844725;
  font-family: "scala sans" !important;
  text-decoration: none !important;
  font-size: 20px;
}
.text-highlight-no-pad {
  background-color: #ede2c6bf;
  padding: 20px 10px 10px 10px;
}
.text-highlight {
  background-color: #ede2c6bf;
  padding: 50px 30px 50px 30px;
  position: relative;
  text-align: center;
}
.text-highlight-border::before,
.text-highlight-border::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  left: 50%;
  transform: translateX(-50%);
}
.text-highlight-border::before {
  background-image: url("/wp-content/uploads/2024/09/Syradonia_Top.png");
  top: 0;
}
.text-highlight-border::after {
  background-image: url("/wp-content/uploads/2024/09/Syradonia_Top.png");
  bottom: 0;
  transform: translateX(-50%) rotate(180deg);
}
.card-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 1000px !important;
  margin: 0 auto; /* center the card container if needed */
  gap: 30px; /* space between columns */
  margin-top: -60px;
  margin-bottom: 40px;
}
.card-content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  border: 2px solid #fff;
  border-radius: 20px;
  margin: 10px 40px;
  background: url("/wp-content/uploads/2024/09/00_Background_lighter-min-scaled.jpg");
  height: 100px;
}
.card-character-builder {
  background-image: url("/wp-content/uploads/2024/09/nation_08-1.png");
  background-size: cover;
  background-position: right -50px top -40px;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.card-content a,
.card-character-builder a {
  margin-bottom: 0;
  width: 150px;
  font-size: 20px;
  font-family: Aerohate, sans-serif;
  padding: 10px;
  display: block;
}
.card-content a {
  color: #000 !important;
}
.card-content > *:nth-child(1) {
  align-self: flex-start; /* align the first item to start */
}
.card-content > *:nth-child(2) {
  align-self: center; /* align the second item to the middle */
}
.card-content > *:nth-child(3) {
  align-self: flex-end; /* align the third item to the end */
}
.bg-texture .info-page h1 {
  color: #000 !important;
}
.black {
  color: #000 !important;
}

/* Footer area */

.footer-widget-area .wp-block-heading,
.footer-widget-area .menu li a {
  color: #fff !important;
}
.ast-footer-copyright {
  color: #fff !important;
}
