/* GENERAL STYLES */
.site-header-wrap {
  border: 0;
  -webkit-box-shadow: 0px 0px 5px #888888;
  -moz-box-shadow: 0px 0px 5px #888888;
  box-shadow: 0px 0px 5px #888888;
}
/* .grid-cols {
  row-gap: 1.5rem;
} */
h1.entry-title {
  font-size: clamp(1.5rem, 5vw, 2.5rem);
}
a {
  font-weight: 700;
}
mark.has-inline-color.has-theme-palette-6-color {
  background: none;
}
/* Search form in header */
.search-form .kadence-search-icon-wrap {
  color: var(--global-gray-500);
}
input.search-field {
  border-radius: 24px;
  padding: 0.4em 1em;
}

/* BUTTONS */
.button:hover {
  transform: scale(1.02);
}

/* VIDEO */
a.kadence-video-popup-link.kadence-video-type-external,
a:hover.kadence-video-popup-link.kadence-video-type-external {
  border-bottom: none;
}

/* Nav Links */
.kl-nav-links-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 3em;
}
.kl-next-link {
  text-align: right;
}

/* Archive Page */
.select-posts-to-show {
  margin-bottom: 1.5rem;
}
.songwriters-archive {
  margin-top: 30px;
}

/* Celtic Night page-id-642764 */
.vp-portfolio__item-meta-wrap.vp-portfolio__custom-scrollbar a:hover,
a.woocommerce-LoopProduct-link-title.woocommerce-loop-product__title_ink,
a.woocommerce-LoopProduct-link-title.woocommerce-loop-product__title_ink a:hover,
a.woocommerce-loop-image-link.woocommerce-LoopProduct-link.woocommerce-loop-product__link,
a.woocommerce-loop-image-link.woocommerce-LoopProduct-link.woocommerce-loop-product__link a:hover {
  border-bottom: none;
}

/* King Laoghaire past members */
.page-id-642766 figure.alignleft {
  margin: 0 20px 10px 0 !important;
}
.page-id-642766 h4 {
  margin-top: 0;
}

/* SIDEBAR */
.widget-area .widget-title {
  text-transform: none !important	;
}
.onthisday {
  background-color: #c7e6fc;
  background-image: none;
}
.onthisday h3 {
  margin-bottom: var(--global-kb-xxs-spacing, 0.5rem);
}
.onthisday a {
  color: #1694e3;
}
h2.widget-title {
  display: none;
}

/* FORMS (Fluent Forms, Newsletter) */
form.fluent_form_4 .wpf_has_custom_css.ff-btn-submit {
  background-color: var(--global-palette1);
  border-color: var(--global-palette1);
  color: #ffffff;
  min-width: 100%;
}
form.fluent_form_4 .wpf_has_custom_css.ff-btn-submit:hover {
  background-color: #ffffff;
  border-color: var(--global-palette1);
  color: var(--global-palette1);
}
div.tnp-subscription,
form.tnp-subscription,
form.tnp-profile {
  margin: 0;
  max-width: 100%;
}
.tnp-subscription input[type="text"],
.tnp-subscription input[type="email"],
.tnp-subscription input[type="submit"],
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type="text"],
.tnp-profile input[type="email"],
.tnp-profile input[type="submit"],
.tnp-profile select,
.tnp-profile textarea {
  border: 1px solid #dadbdd;
  border-radius: 7px;
  color: #606266;
  background-color: var(--global-palette9);
  padding: 11px 15px;
  margin-bottom: 20px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
input::placeholder {
  color: #868e96;
}
.tnp-subscription input[type="text"]:focus,
.tnp-subscription input[type="email"]:focus {
  background-color: #fff;
  border-color: var(--global-palette1);
  color: var(--fluentform-secondary);
  outline: none;
}
.tnp-subscription input.tnp-submit,
.tnp-profile input.tnp-submit,
.tnp-unsubscribe button.tnp-submit,
.tnp-reactivate button.tnp-submit {
  background-color: var(--global-palette1);
  color: var(--global-palette9);
  width: 100%;
  margin-bottom: 0;
}
input#tnp-2 {
  margin-bottom: 0.5rem;
}
input.tnp-submit {
  width: 100%;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  border-radius: 7px;
  padding: 8px 20px;
  position: relative;
  text-align: center;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

/* FORUM STYLES */
#af-wrapper #forum-header {
  background: var(--global-palette1);
}
#af-wrapper .title-element {
  background-color: var(--global-palette1);
  border-bottom: 1px solid var(--global-palette1);
}
#af-wrapper a {
  color: var(--global-palette1);
}
#af-wrapper .unread {
  color: var(--global-palette1);
}
#af-wrapper #read-unread .unread {
  background-color: var(--global-palette1);
}
#af-wrapper .title-element-dark {
  background-color: var(--global-palette1);
  border-bottom: 1px solid var(--global-palette1);
}
#af-wrapper .title-element-dark {
  background-color: var(--global-palette5);
  border-bottom: 1px solid var(--global-palette5);
}
#af-wrapper .button-normal {
  background: var(--global-palette1);
}
#af-wrapper .button-normal:hover {
  background: var(--global-palette2);
}
#af-wrapper #bottom-navigation {
  color: var(--global-palette1);
}
#af-wrapper .content-container,
#af-wrapper .editor-element {
  row-gap: 0;
}
#af-wrapper .forum,
#af-wrapper .topic,
#af-wrapper .member,
#af-wrapper .unread-topic,
#af-wrapper .unapproved-topic {
  grid-column: 1 / 3;
}

/* WOOCOMMERCE */
.woocommerce div.product .product_meta > span {
  color: var(--global-palette2);
}
.woocommerce-Tabs-panel p,
.woocommerce-Tabs-panel h2 {
  margin-top: 0;
  margin-bottom: var(--global-md-spacing);
}
.term-irish-tartan-collection .content-area {
  margin-top: 0;
}
/* Yay Currency (prevent select menu from opening in 90°) */
.yay-currency-custom-select.open {
  transform: none;
}

/* Login and Register */
#login-drawer .lost_password a {
  color: var(--global-palette1);
}
#login-drawer .lost_password a:hover {
  color: var(--global-palette2);
}

/* Cart checkout button */
#fkcart-modal .fkcart-checkout-wrap #fkcart-checkout-button {
  background-color: var(--global-palette1);
}
/* ACCOUNT PAGE */
.account-navigation-wrap {
  display: none;
}
.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
  padding-right: 0;
}

/* QUIZ */
.app {
  text-align: center;
}
.grid-folk-singers-quiz {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 10px;
  margin-top: 20px;
}
@media (max-width: 490px) {
  .grid-folk-singers-quiz {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
    gap: 8px;
    margin-top: 10px;
  }
}
.card {
  perspective: 1000px;
  cursor: pointer;
}
.card-inner {
  position: relative;
  width: 100%;
  padding-top: 100%;
  transform-style: preserve-3d;
  transition: transform 0.6s;
}
.card.correct .card-inner,
.card.wrong .card-inner {
  transform: rotateY(180deg);
}
.card-front,
.card-back {
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-back {
  /* background-color: var(--global-palette7); */
  background: center / contain no-repeat url("../../irish-male-folk-singers-quiz/images/playing-card-backside.png");
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  transform: rotateY(180deg);
}
.target-name {
  color: #007b00;
}
.results p {
  margin-bottom: 0.5rem;
}
.results input,
.results select,
.results button {
  padding: 12px;
  margin: 1rem auto;
  width: 100%;
}
.results ol {
  text-align: left;
  max-width: 340px;
  margin: 0.5rem auto;
}
.filters {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.filters button {
  font-size: clamp(12px, 3vw + 1px, 16px);
}
ol.high-scores li {
  padding: 4px 10px;
}
h2.finished {
  color: var(--global-palette1);
}