.claim-button {
  background-color: #0e45c4;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
}

.claim-button:hover {
  background-color: #537ddc;
}

.lookup_link {
  margin-left: 5vw;
  display: inline-block;
}

.guidance-wheel-navigation {
  display: flex;
  justify-content: center;
  margin: clamp(1rem, 3vw, 1.75rem) auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  max-width: 1100px;
}

.guidance-wheel-navigation .wheel-navigation {
  width: 100%;
  margin-bottom: 0;
  display: inline-block;
}

.delivery_zone{
  padding-top: 40px;
  width: 50%;
  margin-bottom: 40px;
  margin-right: 10px;
}

.flipback {
  position: absolute;
  right: 20px;
  top: 29px;
  text-decoration: none;
  color: black;
  font-size: 1.4em;
  filter: drop-shadow(2px 2px 1px #aaa);
}

.flipback:after {
  content: "\21BA";
  background-color: white;
  padding: 0px 8px;
  border-radius: 5px;
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
  .delivery_zone{
    padding-top: 40px;
    width: 50%;
    margin-bottom: 40px;
  }
}

.pad{
  padding-top: 7px;
  text-align: center;
  margin: auto;
}

h2{
  text-align: center;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: rgb(32, 10, 226) !important;
  border: 1px solid black;
}

.owl-item {
  text-align: justify;
}

.wrapper .owl-nav {
  color: rgba(13, 2, 117, 0.993);
}

.wrapper .owl-prev, .wrapper .owl-next {
  top: 25px;
}

.carousel_style {
  padding-left: 0px;
}

.owl-nav, button.owl.owl-next,button.owl.prev {
  font-size: 30px;
}

.carousel_size {
  font-size: 40px;
}

.constant {
  align-items: center;
  padding-left: 0px;

  div.card_name {
    text-align: center;

    b {
      font-size: x-large;
    }
  }
}

.highlight {
  box-shadow: 0px 0px 10px 3px white;
}

.pane_guidance {
  display: inline-block;
  width: 300px;
/* //  height: 1070px; */
  padding: 15px;
  border: 2px solid black;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.93);
  
  .owl-carousel .owl-nav {
    margin-top: -25px;
  }
}

.reading_context {
  position: relative;

  img.reminder {
    float: left;
    height: 100px;
    margin-right: 5px;
    display: none;
    border-radius: 3px;
  }

  .birthday_dates {
    text-align: center;
  }

  .daily-card-spread {
    position: absolute;
    top: 0;
    right: 0;
  }

  .daily-card-spread .spread-mini-container {
    right: 40px;
  }
}

@media (max-width: 767px) {
  .pane_guidance {
    height: auto;
  }
}

#widget_title_gui {
  font-size: 2em;
  text-align: center;
  color: bisque;
  text-shadow: 0px 5px 4px #448;
}

.prompt_heading {
  color: antiquewhite;
  border: 2px solid black;
  border-radius: 11px;
  background-color: black;
  opacity: 0.8;
  margin: -20px 13% 6px 13%;
  text-align: center;

  #prompt_title {
    font-size:2em;
    text-align: center;
    color: bisque;
    text-shadow: 0px 5px 4px #448;
  }

  #prompt_instructions {
    text-align: center;
    color: bisque;
    text-shadow: 0px 3px 4px #448;
  }
}

.source_cards_card_design {
  width: 250px;
  border-radius: 26px;
  margin-top: 16px;
}

.wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}

#new_url_source_card {
  margin-top: 30px;
  width: 224px;
}

.new_source_card {
  background-color: #335276;
  color: white;
  border: 2px solid #fff;
  transition: all 0.3s;
}

.new_source_card:hover {
  cursor: pointer;
  background-color: #fff;
  color: #335276;
  border: 2px solid #335276;
}

#personality_lookup_link {
  float: right;
  margin-right: 3vw;
  display: inline-block;
}

.cusp_pick {
  width: 45%;
}

#cusp_prompt {
  background-color: white;
  padding: 2px;
  border-radius: 7px;
  font-size: 0.8em;
  margin-bottom: 16px;
}

.planet_description {
  position: absolute;
  z-index: 1000;
  background: white;
  opacity: 0.95;
  width: 79%;
  border-radius: 20px;
  font-size: 1.11em;
  padding: 20px;
  
  .planet_description_dismiss {
    float: right;
    text-decoration: none;
    color: black;
    font-size: 0.5em;
  }
}

.card_image_paragraph {
  text-align: center;
}

.owl-carousel .owl-item img.pad {
  width: 200px;
  border-radius: 8.5px;
}

.tech-support-link {
  color: #333; 
  text-decoration: none;
}

.tech-support-link:hover {
  color: green;
}