/* Desktop */

.ext-social-share-wrapper {
  display: flex;
}
.ext-social-share-wrapper p {
  margin: 0;
}
.ext-social-share-wrapper a,
.editor-styles-wrapper .ext-social-share-wrapper a {
  color: #000;
}
.ext-social-share-wrapper a,
#content .ext-social-share-wrapper a {
  transition: color .2s;
  font-weight: 300;

}
.ext-social-share-wrapper a:hover,
#content .ext-social-share-wrapper a:hover {
  opacity: .7;
}
.ext-social-share-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: .8em;
  padding: 0 0 0 20px;
  margin-top: 5px;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.ext-social-share-wrapper.has-background ul {
  padding: 1em 2em;
  margin: 12px 0 20px 0;
}

.ext-social-share-wrapper li {
  height: 20px;
}

.ext-social-share-wrapper .ext-social-share-label {
  word-break: keep-all;
}

.ext-social-share-wrapper.has-text-align-center {
  justify-content: center;
}.ext-social-share-wrapper.has-text-align-center ul {
  align-self: center;
}

.ext-social-share-wrapper.has-text-align-right ul {
  justify-content: flex-end;
}
.ext-social-share-wrapper.has-text-align-right .ext-social-share-popup-copied {
  right: 0px;
  margin-top: -15px;
}

.ext-social-share-popup-copied {
  display: none;
  padding: 2px 12px;
  background-color: #24242473;
  border-radius: 2px;
  color: #fff;
  font-size: .7em;
  word-break: keep-all;
  position: absolute;
  margin-top: 5px;
  margin-left: 20px
}
.ext-social-share-wrapper.has-background:not(.has-text-align-right) .ext-social-share-popup-copied {
  margin-top: 28px;
  margin-left: -5px;
}

/* stop copied notice from going over the right edge of page*/
.ext-social-share-wrapper.has-text-align-right {
  flex-direction: column;
}

/* Kayak Styles */
.theme-kayak #main .ext-social-share-wrapper ul {
  margin-left: 0;
  margin-top: 1em;
  font-size: 1em;
}
.theme-kayak #main .ext-social-share-wrapper.has-background ul {
  margin-bottom: .5em;
} 


/* Theme baked in */

.ext-social-share-wrapper.ext-social-share-theme-baked-in {
  clear: both;
}

/* media queries */
@media screen and (min-width: 482px) {
  .ext-social-share-container-mobile {
    display: none;
  }
}

@media screen and (max-width: 481px) {
   .ext-social-share-container-mobile {
      display: block;
   }
   .ext-social-share-container-desktop {
      display: none;
   }
 }

/* requires container queries to be set - they exist in Discovery and Kayak */
@container (max-width: 300px) {
  .ext-social-share-wrapper {
    flex-direction: column;
  }
  .ext-social-share-wrapper ul {
    margin: 5px 0 30px 0;
  }
  p:has(span.ext-social-share-popup-copied) {
    margin-top: -1em;
  }
  .ext-social-share-wrapper .ext-social-share-popup-copied {
    margin-left: 0;
  }
}
@container (max-width: 200px) {
  .ext-social-share-wrapper .ext-social-share-popup-copied {
    right: auto;
  }
}

/* Mobile */

.ext-social-share-wrapper .ext-social-share-container-mobile svg {
  vertical-align: top;
  padding-left: 2px;
  transform: translate(0,3px);
}

/* internal message */
.ext-social-share-internal-site-message-wrapper {
    background-color: #fff487;
    padding: 12px;
    font-size: .8em;
    padding-top: 16px;
    margin-left: 1em;
}
.ext-social-share-wrapper.has-background .ext-social-share-internal-site-message-wrapper {
  color: #000;
  background-color: transparent;
  padding: 2em;
}