/*
Theme Name: ArkhamCon 25
Theme URI: 
Author: BrightBold
Author URI: https://brightbold.com
Description: A child theme of Twenty Twenty-Five for Arkham Con.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: arkhamcon-25
Tags: 


/************
 * Base
 ************/

body {
  position: relative;
}

strong {
  font-weight: 600;
}

.mimic-content-width {
  max-width: 500px;
  margin: 2rem auto 0;
}

.is-style-text-display,
.contact.wp-block-cover p {
  font-weight: 200 !important;
}

/* links */
main a:where(:not(.wp-element-button)) {
  color: #43416b;
  text-decoration: underline;
  background-color: rgba(255, 238, 88, 0.75);
}

:root main :where(a:where(:not(.wp-element-button)):hover) {
  text-decoration: underline;
  text-decoration-thickness: 5px !important;
  text-underline-position: under;
  text-decoration-color: #7171a8;
}

main .wp-block-cover a:where(:not(.wp-element-button)),
main .callout a:where(:not(.wp-element-button)) {
  color: inherit;
  text-decoration: underline;
  background-color: transparent;
}

main .callout a:where(:not(.wp-element-button)) {
  text-decoration-color: #7171a8;
}

.wp-site-blocks .wp-block-site-logo a:focus {
  outline: none;
  transform: scale(1.05);
}

:where(.wp-site-blocks *:focus) {
  outline: none !important;
}


/* images */
.has-media-on-the-right > .wp-block-media-text__content {
  padding-left: 0;
}

.has-media-on-the-left > .wp-block-media-text__content {
  padding-right: 0;
}


/* details */
.wp-block-details summary {
  font-weight: bold;
  font-size: 1.4rem;
}

.wp-block-details summary ::marker {
  margin-right: 10px;
}


/************
 * Navigation
 ************/

/* internal pages nav */
body:not(.home) .wp-block-navigation__responsive-container:not(.is-menu-open) a.wp-block-navigation-item__content {
  padding: 4px;
}

nav a.wp-block-navigation-item__content:hover,
nav a.wp-block-navigation-item__content:focus,
nav a.wp-block-navigation-item__content:active {
  @media (max-width: 600.9999px) {
    text-decoration: none;
  }
}

body:not(.home) nav a.wp-block-navigation-item__content:hover,
body:not(.home) nav a.wp-block-navigation-item__content:focus,
body:not(.home) nav a.wp-block-navigation-item__content:active {
  @media (min-width: 601px) {
    text-decoration: underline;
    text-decoration-thickness: 5px !important;
    text-underline-position: under;
    text-decoration-color: #7171a8;
  }
}

nav a.wp-block-navigation-item__content:focus {
  outline: none !important;
  background-color: #d7d7f4;
}

/* homepage nav */
.home nav.has-black-alpha-background-color {
  @media (max-width: 600.99px) {
    background-color: transparent !important;
    margin-top: 1rem;
  }
}

.home nav ul.has-black-alpha-background-color {
  background-color: transparent !important;
}

.home nav ul.has-black-alpha-background-color a.wp-block-navigation-item__content:hover,
.home nav ul.has-black-alpha-background-color a.wp-block-navigation-item__content:focus,
.home nav ul.has-black-alpha-background-color a.wp-block-navigation-item__content:active {
  text-decoration: none;
  background-color: #fff !important;
  color: #000;
}

.home .wp-block-navigation-item {
  background-color: transparent !important;
}

/* mobile nav */
.has-modal-open :not(.home) .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
  outline-offset: 0 !important;
}

button.wp-block-navigation__responsive-container-open svg,
button.wp-block-navigation__responsive-container-close svg {
  width: 40px;
  height: 40px;
}

.has-modal-open button.wp-block-navigation__responsive-container-open {
  display: none;
}

.has-modal-open button.wp-block-navigation__responsive-container-close {
  color: #fff;
}

.has-modal-open .wp-block-navigation .wp-block-navigation-item {
  background-color: transparent;
}

.has-modal-open body .wp-block-navigation__responsive-container .wp-block-navigation-item {
  font-size: 1.3rem !important;
}

body:not(.home) .wp-block-navigation__responsive-container.is-menu-open {
  background-color: color(srgb 0 0 0 / 0.8) !important;
}

.home .wp-block-navigation__responsive-container.is-menu-open {
  background-color: color(srgb 0 0 0 / 0.2);
}

.home .wp-block-navigation__responsive-container.is-menu-open {
  @media (max-width: 600.99px) {
    background-color: color(srgb 0 0 0 / 0.8);
  }
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
  background-color: transparent !important;
}

.home .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item {
  color: #000 !important;
  background-color: color(srgb 0 0 0 / 0.2) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item {
  color: #000 !important;
}

.wp-block-navigation__responsive-container.is-menu-open li.current-menu-item a.wp-block-navigation-item__content {
  outline: #fff solid 1px !important;
  color: #fff !important;
  background-color: color(srgb 0 0 0 / 0.2) !important;
  padding: 0.5em 1em !important;
}

.wp-block-navigation__responsive-container.is-menu-open li:not(.current-menu-item) a.wp-block-navigation-item__content {
  background-color: transparent !important;
  outline: none;
  color: #fff;
}

.wp-block-navigation__responsive-container.is-menu-open li:not(.current-menu-item) a.wp-block-navigation-item__content:hover,
/*.wp-block-navigation__responsive-container.is-menu-open li:not(.current-menu-item) a.wp-block-navigation-item__content:focus,*/
.wp-block-navigation__responsive-container.is-menu-open li:not(.current-menu-item) a.wp-block-navigation-item__content:active {
  background-color: #fff !important;
  color: #000 !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label {
  background-color: transparent !important;
}

.home .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content:hover,
.home .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content:active {
  background-color: color(srgb 0 0 0 / 0.5) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content:active {
  background-color: color(srgb 0 0 0 / 0.9) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
  padding: 0.5em 1em !important;
}

.wp-block-navigation__responsive-container.is-menu-open a.wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-container.is-menu-open a.wp-block-navigation-item__content:focus,
.wp-block-navigation__responsive-container.is-menu-open a.wp-block-navigation-item__content:active {
  background-color: #fff !important;
}

/* footer menu */
.menu-utility a.wp-block-navigation-item__content:hover,
.menu-utility a.wp-block-navigation-item__content:focus,
.menu-utility a.wp-block-navigation-item__content:active {
  text-decoration: underline;
}


/************
 * Homepage
 ************/

.home .wp-block-cover .wp-block-cover__inner-container,
.home .wp-block-cover-image .wp-block-cover__inner-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.home .wp-block-cover__inner-container {
  @media (max-width: 600.99px) {
    padding: 20px;
  }
}

.home .wp-block-cover figure.logo {
  align-self: center;
}

.home .wp-block-cover figure.logo {
  @media (max-width: 600.99px) {
    padding: 0.5rem 2rem 2rem;
  }
}

.home main {
  margin-top: 0 !important;
}

.home main > .wp-block-group {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.home footer {
  margin-top: 0 !important;
}

.border-ticket.wp-block-cover {
  height: 105px;
  min-height: auto !important;
  margin-bottom: 3rem;
}

.wp-block-column.ticket {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}

.ticket .wp-block-separator {
  width: 100%;
}

.wp-block-group.price {
  margin-bottom: 1rem;
}

.ticket .wp-block-buttons {
  margin-top: auto;
}

.ticket.sold-out::after {
  content: 'SOLD OUT';
  font-size: 4rem;
  line-height: 1;
  font-weight: 900;
  position: absolute;
  top: 30%;
  left: 7%;
  color: #000;
  transform: rotate(-45deg);
  white-space: nowrap;
  text-align: center;
  overflow: visible;
  width: 21.5rem;
}

.ticket.sold-out::after {
  @media (min-width: 768px) {
    left: -20%;
  }
}

.ticket.sold-out::after {
  @media (min-width: 1000px) {
    left: -10%;
  }
}

.ticket.sold-out::after {
  @media (min-width: 1200px) {
    left: 7%;
  }
}


/*****************
 * Internal Pages
 *****************/

.wp-block-post-featured-image.alignwide {
  max-width: 1000px;
}

.callout {
  background-color: rgb(209, 209, 225);
  padding: 1rem;
}

.callout + h2,
.wp-block-media-text + h2 {
  margin-top: 2.4rem;
}


/************
 * Schedule
 ************/

.page-id-69 .schedule-grid {
  @media (max-width: 51.999em) {
    display: block;
  }
}

.page-id-69 .schedule-grid .wp-block-group {
  @media (max-width: 51.999em) {
    margin-bottom: 3rem;
  }
}

.wp-container-core-group-is-layout-14.is-layout-flex {
  @media (max-width: 51.999em) {
    display: block;
  }
}

.wp-container-core-group-is-layout-14.is-layout-flex > div:first-child {
  @media (max-width: 51.999em) {
    margin-bottom: clamp(30px, 5vw, 50px) !important;
  }
}

.page-id-69 .schedule-grid h2,
.page-id-69 .schedule-grid h3 {
  font-weight: 100 !important;
}

.page-id-69 .schedule-callout h3 {
  font-weight: 700 !important;
}


/************
 * Attending
 ************/

.page-id-246 .is-layout-flex > .wp-block-group {
  width: 100%;
}

.thumb-square.wp-block-media-text.is-image-fill-element {
  @media (min-width: 601px) and (max-width: 682px) {
    grid-template-columns: 250px auto !important;
  }
}

.wp-block-media-text > .wp-block-media-text__content {
  @media (max-width: 600.99px) {
    padding: 0;
  }
}

.wp-block-media-text > .wp-block-media-text__content p:last-child {
  @media (max-width: 600.99px) {
    margin-bottom: 0;
  }
}

.thumb-square.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
  height: 250px;
}

.thumb-square.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
  @media (min-width: 601px) {
    width: 250px;
  }
}

.page-id-246 p {
  margin: 1rem 0;
}

.page-id-246 .map > :first-child {
  width: 100%;
}

.page-id-246 .map > img {
  height: auto;
}

.page-id-246 .map {
  position: relative;
}

.page-id-246 .map::before {
  content: "";
  display: block;
  padding-bottom: calc(100% / 1.78);
}

.page-id-246 .map > :first-child {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

/* doubletree instructions */
.page-id-522 ol.wp-block-list li {
  margin-top: 2rem;
}


/************
 * Ironman
 ************/

.callout .wp-block-list {
  margin: 0 0 1rem;
  list-style: none;
  padding-left: 1rem;
}

.callout li::before {
  content: '';
  display: inline-block;
  height: 18px;
  width: 18px;
  background: url('assets/images/arkhamcon25-favicon-black.svg') no-repeat left bottom;
  padding-right: 10px;
}


/************
 * Header
 ************/



/************
 * Footer
 ************/

footer .wp-block-group.is-layout-grid {
  @media (max-width: 600.99px) {
    display: block;
  }
}

footer .wp-block-site-logo {
  @media (max-width: 600.99px) {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
  }
}

footer .wp-block-navigation.items-justified-right.is-vertical {
  @media (max-width: 600.99px) {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 1rem;
  }
}

footer .disclaimer,
footer .copyright {
  @media (max-width: 600.99px) {
    text-align: center;
    margin-bottom: 1rem;
  }
}

.page-template-wp-custom-template-page-no-bottom-padding footer {
  margin-top: 0 !important;
}


/************
 * Tito
 ************/

tito-button {
  display: inline-block;
  margin: 0;
}

tito-button button {
  background-color:#000;
  border-width: 0;
  color: #fff;
  font-family: inherit;
  font-size: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.196), 1.125rem);
  line-height: inherit;
  padding: 1rem 2.25rem;
  text-decoration: none;
  cursor: pointer;
}

tito-button button:hover,
tito-button button:focus,
tito-button button:active {
  background-color: color-mix(in srgb, #000 60%, transparent);
}

tito-button button:active {
  color: #ebd11b;
}

tito-button.unavailable button,
tito-button.unavailable button:hover,
tito-button.unavailable button:focus,
tito-button.unavailable button:active {
  background-color: #6b6b6d
}

.tito-overlay {
  background: rgba(0, 0, 0, .35);
  display: flex;
  justify-content: center;
  align-items: center;
}

.tito-overlay * {
  font-family: "Libre Franklin", sans-serif;
}

.tito-overlay a {
  color: #7171a8;
}

@media (min-width: 37.5em) {
  .tito-overlay .tito-registration {
    margin-top: 0;
    margin-bottom: 0;
    flex: 0 0 40em;
  }
}

.tito-overlay .tito-flow {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 20px 70px rgba(0, 0, 0, .55);
}

@media (min-width: 37.5em) {
  .tito-overlay .tito-flow {
    flex: 0 0 40em;
  }
}

.tito-overlay .tito-registration .tito-registration-header {
  background: #ebd11b;
}

.tito-overlay .tito-registration .tito-registration-header .tito-registration-header--event-title {
  font-weight: 700;
  font-size: 1.6rem;
}

.tito-overlay .tito-registration .tito-close-x {
  background: #333;
}

.tito-widget {
  display: flex;
  justify-content: center;
}

.tito-widget a,
.tito-widget p {
  font-size: 1em;
  line-height: 1.23;
}

.tito-widget-in-overlay .tito-widget .tito-widget-form {
  padding: 1.5rem 1.5rem 0;
}

.tito-widget .tito-widget-form .tito-release {
  border-bottom: 1px solid #ccc;
  display: flex;
  min-height: 54px;
}

@media (min-width: 37.5em) {
  .tito-widget .tito-widget-form .tito-release {
    margin-top: 0;
    padding-bottom: 0;
  }
}

.tito-widget .tito-widget-form .tito-release.tito-release--waitlisted {
  display: block;
}

.tito-widget .tito-widget-form .tito-release .tito-details--waiting-list {
  margin: 1rem 0 2.5rem;
}

.tito-widget .tito-widget-form .tito-release .tito-details--waiting-list .tito-choose-waiting-list-button {
  font-size: 2em;
  cursor: pointer;
}

.tito-widget .tito-widget-form .tito-release .tito-details--waiting-list .tito-choose-waiting-list-button:hover,
.tito-widget .tito-widget-form .tito-release .tito-details--waiting-list .tito-choose-waiting-list-button:focus,
.tito-widget .tito-widget-form .tito-release .tito-details--waiting-list .tito-choose-waiting-list-button:active{
  text-decoration: underline;
  text-decoration-thickness: 5px !important;
  text-underline-position: under;
  text-decoration-color: #7171a8;
}

.tito-release small::before{
  content: "\a";
  white-space: pre;
}

.tito-widget .tito-widget-form .tito-release .tito-release-description {
  align-items: center;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  padding-bottom: 10px;
  padding-right: 15px;
  padding-top: 10px;
}

@media (min-width: 37.5em) {
  .tito-widget .tito-widget-form .tito-release .tito-release-description {
    min-width: inherit;
    padding-right: 20px;
  }
}

.tito-widget .tito-widget-form .tito-release .tito-release--title {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 0;
  width: 100%;
}

.tito-widget .tito-widget-form .tito-release .tito-release--title small {
  font-size: .85rem;
}

.tito-widget .tito-widget-form .tito-release .tito-release-description .tito-release-description--description {
  min-width: 100%;
}

.tito-widget .tito-widget-form .tito-release .tito-release-description .tito-release-description--description p {
  color: #555;
  font-size: 1rem;
  line-height: 1.25;
  margin-bottom: 1rem;
  margin-top: 0.75rem;
  max-width: 60ch;
}

.tito-widget .tito-widget-form .tito-release .tito-release-description .tito-release-description--description p:last-of-type {
  margin-bottom: 6px;
}

.tito-widget .tito-widget-form .tito-release .tito-release--status span {
  font-size: 1rem;
  background-color: rgba(255, 238, 88, 0.75);
}

.tito-widget .tito-widget-form .tito-release .tito-details--waiting-list,
.tito-widget .tito-widget-form .tito-release .tito-price-details-donation,
.tito-widget .tito-widget-form .tito-release .tito-price-details-regular {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}

.tito-widget .tito-widget-form .tito-release .tito-details--waiting-list .tito-price,
.tito-widget .tito-widget-form .tito-release .tito-price-details-donation .tito-price,
.tito-widget .tito-widget-form .tito-release .tito-price-details-regular .tito-price {
  padding: 0;
  text-align: right;
  width: 100%;
  font-size: 1.2rem;
}

.tito-widget .tito-widget-form .tito-times {
  align-items: center;
  display: flex;
  margin-left: 5px;
  opacity: .5;
  font-size: 1.2rem;
}

@media (min-width: 37.5em) {
  .tito-widget .tito-widget-form .tito-times {
    margin-left: 10px;
    margin-right: 5px;
  }
}

.tito-widget .tito-widget-form .tito-release .tito-quantity {
  align-items: center;
  display: flex;
}

.tito-widget .tito-widget-form .tito-release .tito-quantity .tito-release--decrement-quantity>a,
.tito-widget .tito-widget-form .tito-release .tito-quantity .tito-release--increment-quantity>a {
  align-items: center;
  color: #7171a8;
  display: flex;
  height: 45px;
  justify-content: center;
  text-decoration: none;
  width: 45px;
}

.tito-widget .tito-widget-form .tito-release .tito-quantity .tito-release--decrement-quantity--link,
.tito-widget .tito-widget-form .tito-release .tito-quantity .tito-release--increment-quantity--link {
  border-bottom: none !important;
  text-decoration: none;
  font-size: 1.5rem;
}

.tito-widget .sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.tito-widget .tito-widget-form .tito-release .tito-quantity .tito-quantity-input {
  -moz-appearance: textfield;
  width: 45px;
}

.tito-widget input,
.tito-widget select,
.tito-widget textarea {
  font-size: 1rem;
  line-height: 1.1;
}

.tito-widget input[type=number],
.tito-widget input[type=text] {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  color: #333;
  display: inline-block;
  font-size: 1.2rem;
  height: 45px;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}

.tito-widget .tito-form-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  padding: 20px 0;
  text-align: right;
}

.tito-widget .tito-form-actions .tito-submit {
  background: #7171a8;
  border: 0;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  min-height: 45px;
  padding: 6px 12px;
  text-align: center;
  width: 100%;
}

@media (min-width: 37.5em) {
  .tito-widget .tito-form-actions .tito-submit {
    max-width: min-content;
    min-width: 145px;
  }
}

.tito-widget .tito-form-actions .tito-submit:active, .tito-widget .tito-form-actions .tito-submit:focus, .tito-widget .tito-form-actions .tito-submit:hover {
  background-color: color-mix(in srgb, #7171a8 80%, black);
  border: 0;
}

/* Tito Checkout */
.tito-overlay .tito-registration .tito-continue-button,
.tito-overlay .tito-ticket-show .tito-choose-me,
.tito-overlay .tito-ticket-show .tito-choose-somebody,
.tito-overlay .tito-ticket-show .tito-ticket-show--footer .tito-ticket-show--submit,
.tito-overlay .tito-upgrade-choose-button {
  background: #7171a8;
  border-color: #43416b !important;
  color: #fff;
}

.tito-overlay .tito-registration .tito-registration-section-header {
  background: #ebebf2;
}

.tito-overlay .tito-registration .tito-company-name-toggle,
.tito-overlay .tito-registration .tito-registration-finished .tito-registration-details .tito-quick-links li .tito-accepted-terms-link,
.tito-overlay .tito-registration .tito-registration-finished .tito-registration-details .tito-quick-links li .tito-email-link,
.tito-overlay .tito-registration .tito-registration-finished .tito-registration-details .tito-quick-links li .tito-print-link,
.tito-overlay .tito-registration .tito-registration-finished .tito-registration-details .tito-quick-links li .tito-receipt-link,
.tito-overlay .tito-registration .tito-request-invoice-link,
.tito-overlay .tito-registration .tito-request-receipt-link,
.tito-overlay .tito-registration .tito-vat-number-toggle,
.tito-overlay .tito-registration-tickets .tito-tickets-list li .tito-ticket-action,
.tito-overlay .tito-ticket-show .tito-choose-dunno,
.tito-overlay .tito-ticket-show .tito-company-name-toggle,
.tito-overlay .tito-ticket-show .tito-ticket-show--content .tito-ticket--basic-info .tito-ticket-actions a,
.tito-overlay .tito-ticket-show .tito-ticket-show--footer .tito-ticket-show--back,
.tito-overlay .tito-ticket-show .tito-vat-number-toggle {
  color: #59597f;
}

.tito-overlay .tito-billing-details .tito-company-name-toggle {
  text-decoration: underline;
}

.tito-overlay .tito-billing-details .tito-company-name-toggle:hover,
.tito-overlay .tito-billing-details .tito-company-name-toggle:active,
.tito-overlay .tito-billing-details .tito-company-name-toggle:focus {
  text-decoration: none;
}

.tito-overlay .tito-registration .tito-company-name-toggle,
.tito-overlay .tito-registration .tito-registration-confirmation .tito-registration-confirmation--action .tito-registration-confirmation--action--button,
.tito-overlay .tito-registration .tito-registration-finished .tito-registration-details .tito-quick-links li .tito-accepted-terms-link,
.tito-overlay .tito-registration .tito-registration-finished .tito-registration-details .tito-quick-links li .tito-email-link,
.tito-overlay .tito-registration .tito-registration-finished .tito-registration-details .tito-quick-links li .tito-print-link,
.tito-overlay .tito-registration .tito-registration-finished .tito-registration-details .tito-quick-links li .tito-receipt-link,
.tito-overlay .tito-registration .tito-registration-summary .tito-registration-summary--details-button,
.tito-overlay .tito-registration .tito-request-invoice-link,
.tito-overlay .tito-registration .tito-request-receipt-link,
.tito-overlay .tito-registration .tito-vat-number-toggle,
.tito-overlay .tito-registration-tickets .tito-tickets-list li .tito-ticket-action,
.tito-overlay .tito-ticket-show .tito-choose-dunno,
.tito-overlay .tito-ticket-show .tito-choose-me,
.tito-overlay .tito-ticket-show .tito-choose-somebody,
.tito-overlay .tito-ticket-show .tito-company-name-toggle,
.tito-overlay .tito-ticket-show .tito-ticket-show--content .tito-ticket--basic-info .tito-ticket-actions a,
.tito-overlay .tito-ticket-show .tito-ticket-show--footer .tito-ticket-show--back,
.tito-overlay .tito-ticket-show .tito-ticket-show--footer .tito-ticket-show--submit,
.tito-overlay .tito-ticket-show .tito-vat-number-toggle,
.tito-overlay .tito-upgrade-choose-button,
.tito-overlay .tito-upgrade-selected {
  background: #fff;
  border: 1px solid #505051 !important;
  border-radius: .31em;
  color: #7171a8;
  cursor: pointer;
  font-size: 1em;
  font-weight: 400;
  padding: .62em;
  text-decoration: none;
  white-space: nowrap;
}

.tito-overlay .tito-registration .tito-continue-button {
  background-color: #7171a8;
  border-color: #43416b !important;;
  color: #fff;
  font-size: 1.2em;
}

.tito-overlay .tito-registration .tito-continue-button:active,
.tito-overlay .tito-registration .tito-continue-button:hover,
.tito-overlay .tito-registration .tito-continue-button:visited,
.tito-overlay .tito-ticket-show .tito-choose-me:active,
.tito-overlay .tito-ticket-show .tito-choose-me:hover,
.tito-overlay .tito-ticket-show .tito-choose-me:visited,
.tito-overlay .tito-ticket-show .tito-choose-somebody:active,
.tito-overlay .tito-ticket-show .tito-choose-somebody:hover,
.tito-overlay .tito-ticket-show .tito-choose-somebody:visited,
.tito-overlay .tito-ticket-show .tito-ticket-show--footer .tito-ticket-show--submit:active,
.tito-overlay .tito-ticket-show .tito-ticket-show--footer .tito-ticket-show--submit:hover,
.tito-overlay .tito-ticket-show .tito-ticket-show--footer .tito-ticket-show--submit:visited,
.tito-overlay .tito-upgrade-choose-button:active,
.tito-overlay .tito-upgrade-choose-button:hover,
.tito-overlay .tito-upgrade-choose-button:visited {
  background-color: color-mix(in srgb, #7171a8 80%, black);
  border-color: #43416b !important;;
  color: #fff;
}