/** * This CSS file was auto-generated via PostCSS * * Contributors should avoid editing this file, but instead edit the associated * src/resources/postcss/ file. For more information, check out our engineering * docs on how we handle CSS in our engineering docs. * * @see: https://the-events-calendar.github.io/products-engineering/docs/code-standards/css/ */ /** * Event Tickets Plus - Manual Attendees * * @since 5.2.0 */ /* ----------------------------------------------------------------------------- * * Utilities * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* Variables - needed everywhere. */ /* ----------------------------------------------------------------------------- * SVG - Arrow Right * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Arrow (light, left) * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Caret Down * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Caret Left * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Caret Right * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Caret Up * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Check * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Close * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Day * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Dropdown * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Error * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Featured * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Filters * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Link * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Guest * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - List * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Location * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Mail * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Map * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Map pin * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Messages * ----------------------------------------------------------------------------- */ /* stylelint-disable-line block-no-empty */ /* ----------------------------------------------------------------------------- * SVG - Month * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - No Map * ----------------------------------------------------------------------------- */ /* stylelint-disable-line block-no-empty */ /* ----------------------------------------------------------------------------- * SVG - Paper Plane * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Phone * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Photo * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Plus * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Recurring * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Remove * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Reset * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Search * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Search Filter * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Week * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Cal Export * ----------------------------------------------------------------------------- */ /* stylelint-disable-line block-no-empty */ /* Mixins */ /* ----------------------------------------------------------------------------- * Body * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Desktop Body 1 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Desktop Body 2 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Desktop Body 3 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Mobile Body 1 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Mobile Body 2 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Mobile Body 3 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 1 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 2 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 3 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 4 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 5 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 6 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 7 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Heading 8 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Anchor - Default * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Anchor - Alt * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Anchor - Thin * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Anchor - Thin * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Anchor - Event Title * * This mixin intentionally only affects the text and border _colors_ * to make sure they all follow the Customizer overrides. * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Global * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Solid * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Link * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Border * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Border Small * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Button - Icon Border * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Sliders & Toggles * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Sliders * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Hidden: Hide from both screenreaders and browsers * @author: h5bp.com/u * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Visually Hide: Hide only visually, but have it available for screenreaders * @author: h5bp.com/v * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Visually Show: Show element after has been hidden with %visually-hide * ----------------------------------------------------------------------------- */ body.tribe_events_page_tickets-attendees .event-tickets div.tribe-dialog, body.tribe_events_page_tickets-attendees .tribe-common div.tribe-dialog { z-index: 99999; /* Fix for the WP admin bar. */ } /* Manual Attendees modal specific styles */ .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees { background-color: var(--tec-color-background); border-radius: 0; height: 100%; max-width: 100vw; min-height: 200px; padding: 0; width: 565px; } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees div[role="document"], .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees div[role="document"] { min-height: 200px; } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-common-c-loader, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-common-c-loader { padding-top: 0; padding-top: initial; } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-modal__close-button, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-modal__close-button { right: var(--tec-spacer-4); top: var(--tec-spacer-5); } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-modal__title--manual-attendees, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-modal__title--manual-attendees { align-self: center; margin: 0 0 var(--tec-spacer-2); padding-top: var(--tec-spacer-3); } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form, .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-success, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-success { border-top-color: var(--tec-color-border-default); border-top-style: dashed; border-top-width: 1px; padding: var(--tec-spacer-7); } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__notice--error, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__notice--error { padding-left: inherit; } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form-buttons, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form-buttons { align-items: baseline; display: flex; justify-content: flex-end; padding-top: 20px; } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form-buttons-button-edit, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form-buttons-button-edit { display: flex; width: auto; } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form-buttons-button-edit:after, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form-buttons-button-edit:after { align-self: center; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.084 2.159L2 .243l9.9 9.9L2 20.041.084 18.126l7.983-7.984z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; content: ''; display: block; height: 10px; margin-left: var(--tec-spacer-2); width: 10px; } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form-buttons-button-edit:active:after, .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form-buttons-button-edit:hover:after, .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form-buttons-button-edit:focus:after, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form-buttons-button-edit:active:after, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form-buttons-button-edit:hover:after, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form-buttons-button-edit:focus:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.084 2.159L2 .243l9.9 9.9L2 20.041.084 18.126l7.983-7.984z' fill='%23fff'/%3E%3C/svg%3E"); } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form-buttons-button-edit:disabled:after, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form-buttons-button-edit:disabled:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.084 2.159L2 .243l9.9 9.9L2 20.041.084 18.126l7.983-7.984z' fill='%23d5d5d5'/%3E%3C/svg%3E"); } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message { align-items: center; background-color: var(--tec-color-accent-primary-background); border-radius: var(--tec-border-radius-default); display: flex; padding: var(--tec-spacer-4) var(--tec-spacer-3); } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message--error, .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message--error.tribe-tickets__manual-attendees-message, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message--error, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message--error.tribe-tickets__manual-attendees-message { background-color: var(--tec-color-background-error); } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message--success-icon, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message--success-icon { display: inline-block; height: var(--tec-spacer-3); margin-right: var(--tec-spacer-2); width: var(--tec-spacer-3); } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message--success-icon path, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message--success-icon path { stroke: var(--tec-color-icon-active); } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message--error-icon, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message--error-icon { display: inline-block; margin-right: var(--tec-spacer-2); } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message--error-icon circle, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message--error-icon circle { stroke: var(--tec-color-icon-active); } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message--error-icon circle#dot, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message--error-icon circle#dot { fill: var(--tec-color-icon-active); stroke: transparent; } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message--error-icon path, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message--error-icon path { stroke: var(--tec-color-icon-active); } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message-text, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message-text { font-weight: bold; } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message-link, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message-link { color: var(--tec-color-accent-primary); } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message-price, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message-price { color: var(--tec-color-text-primary-light); padding: var(--tec-spacer-2) 0 var(--tec-spacer-6) 0; } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-tickets-select, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-tickets-select { align-items: center; display: flex; flex-wrap: nowrap; } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-tickets-select-remaining, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-tickets-select-remaining { min-width: 120px; padding-bottom: var(--tec-spacer-2); padding-left: var(--tec-spacer-2); text-align: right; } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-tickets-select-remaining.tribe-tickets__manual-attendees-tickets-select-remaining--rsvp, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-tickets-select-remaining.tribe-tickets__manual-attendees-tickets-select-remaining--rsvp { min-width: var(--tec-spacer-14); } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-ticket-info, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-ticket-info { padding-bottom: var(--tec-spacer-2); } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-ticket-info-price-original, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-ticket-info-price-original { color: var(--tec-color-text-secondary); font-weight: var(--tec-font-weight-regular); text-decoration: line-through; } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-ticket-info-price-suffix, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-ticket-info-price-suffix { color: var(--tec-color-text-secondary); font-weight: var(--tec-font-weight-regular); } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-ticket-info-price-suffix small, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-ticket-info-price-suffix small { font-size: 100%; } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-resend-email, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-resend-email { margin-top: var(--tec-spacer-2); } /* Style the report page add attendee button so it is matches the styles of the other links/buttons in the action area. */ .tribe-report-page .attendees-actions button.add_attendee { float: left; margin: 1px 8px 0 0; } @media (min-width: 768px) { .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees { border-radius: var(--tec-border-radius-default); height: auto } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-modal__close-button, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-modal__close-button { top: var(--tec-spacer-4) } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form, .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-success, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-form, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-success { border-top-style: solid } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message { padding: var(--tec-spacer-3) } .event-tickets .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message-price, .tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--manual-attendees .tribe-tickets__manual-attendees-message-price { padding: calc(var(--tec-spacer-4)/2) 0 var(--tec-spacer-6) 0 } }