%PDF- %PDF-
Direktori : /var/www/html/higroup/wp-content/plugins/event-tickets/src/resources/css/ |
Current File : /var/www/html/higroup/wp-content/plugins/event-tickets/src/resources/css/tickets-forms.css |
/** * 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: http://moderntribe.github.io/products-engineering/css/ */ /** * Event Tickets - Form styles for Event Tickets. * * @since 5.0.0 */ /* ----------------------------------------------------------------------------- * * Utilities * * This file is just a clearing-house. * Make partials (start with an underscore) for any actual css code. * * ----------------------------------------------------------------------------- */ /* Variables */ :root { /* ----------------------------------------------------------------------------- * Borders - Radius * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Borders - Width * ----------------------------------------------------------------------------- */ } :root { /* ----------------------------------------------------------------------------- * Box Shadows * ----------------------------------------------------------------------------- */ } :root { /* ----------------------------------------------------------------------------- * Layers of z-index * ----------------------------------------------------------------------------- */ } :root { /* ----------------------------------------------------------------------------- * Colors - Typography * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Colors - Iconography * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Colors - UI * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Colors - Borders & Misc * ----------------------------------------------------------------------------- */ } :root { /* ----------------------------------------------------------------------------- * Forms - Colors * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Forms - Box Shadows * ----------------------------------------------------------------------------- */ } :root { /* ----------------------------------------------------------------------------- * Gutter - Default * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Gutter - Page * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Grid Width - Default * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Grid Width - Relative * ----------------------------------------------------------------------------- */ } :root { /* ----------------------------------------------------------------------------- * Opacities * ----------------------------------------------------------------------------- */ } :root { /* ----------------------------------------------------------------------------- * Spacers * ----------------------------------------------------------------------------- */ } /* ----------------------------------------------------------------------------- * 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 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Month * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - No Map * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Paper Plane * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Phone * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Photo * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Plus * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Recurring * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Remove * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Reset * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Search * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Search Filter * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * SVG - Week * ----------------------------------------------------------------------------- */ :root { /* ----------------------------------------------------------------------------- * Transitions * ----------------------------------------------------------------------------- */ } :root { /* ----------------------------------------------------------------------------- * Font Stacks * ----------------------------------------------------------------------------- */ /* stylelint-disable-line value-keyword-case */ /* ----------------------------------------------------------------------------- * Font Weights * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Font Sizing * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * Line Height * ----------------------------------------------------------------------------- */ } /* 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 * ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- * 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 * ----------------------------------------------------------------------------- */ .event-tickets .tribe-tickets__form .tribe-tickets__form-field { display: block; width: 100%; padding-bottom: 12px; } .event-tickets .tribe-tickets__form .tribe-tickets__form-field--required header:first-child::after, .event-tickets .tribe-tickets__form .tribe-tickets__form-field--required label:first-child::after { content: ''; } .event-tickets .tribe-tickets__form .tribe-required { color: #da394d; margin-left: 4px; } .event-tickets .tribe-tickets__form label, .event-tickets .tribe-tickets__form .tribe-tickets__form-field-label { color: #141827; display: block; font-weight: 400; margin-bottom: 4px; } .event-tickets .tribe-tickets__form label.tribe-tickets-meta-field-header, .event-tickets .tribe-tickets__form .tribe-tickets__form-field-label.tribe-tickets-meta-field-header { cursor: pointer; display: inline-block; margin-bottom: 0; margin-right: 20px; } .event-tickets .tribe-tickets__form .tribe-tickets__form-field-input-wrapper { width: 100%; } .event-tickets .tribe-tickets__form .tribe-tickets__form-field-input-helper { color: rgba(20,24,39, 0.62); margin-top: 4px; } .event-tickets .tribe-tickets__form .tribe-tickets__form-field-input-helper--error { color: #da394d; } .event-tickets .tribe-tickets__form .tribe-common-form-control-radio__input, .event-tickets .tribe-tickets__form .tribe-common-form-control-checkbox__input { border-color: #d5d5d5; border-width: 1px; margin-right: 8px; box-shadow: none; } .event-tickets .tribe-tickets__form .tribe-common-form-control-radio__input:hover, .event-tickets .tribe-tickets__form .tribe-common-form-control-radio__input:focus, .event-tickets .tribe-tickets__form .tribe-common-form-control-checkbox__input:hover, .event-tickets .tribe-tickets__form .tribe-common-form-control-checkbox__input:focus { border-color: #7d7d7d; } .event-tickets .tribe-tickets__form .tribe-common-form-control-radio__input:active, .event-tickets .tribe-tickets__form .tribe-common-form-control-checkbox__input:active { border-color: var(--form-color-border-primary); } .event-tickets .tribe-tickets__form .tribe-common-form-control-radio__input:checked, .event-tickets .tribe-tickets__form .tribe-common-form-control-checkbox__input:checked { background-color: #334aff; border-color: #334aff; } .event-tickets .tribe-tickets__form .tribe-common-form-control-radio__input.tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form .tribe-common-form-control-checkbox__input.tribe-tickets__form-field-input--error { border-color: #da394d; } .event-tickets .tribe-tickets__form .tribe-common-form-control-checkbox__input { border-radius: 4px; } .event-tickets .tribe-tickets__form .tribe-common-form-control-checkbox__label { margin-left: 0; } .event-tickets .tribe-tickets__form input[type="text"], .event-tickets .tribe-tickets__form input[type="email"], .event-tickets .tribe-tickets__form input[type="url"], .event-tickets .tribe-tickets__form input[type="password"], .event-tickets .tribe-tickets__form input[type="search"], .event-tickets .tribe-tickets__form input[type="number"], .event-tickets .tribe-tickets__form input[type="tel"], .event-tickets .tribe-tickets__form input[type="range"], .event-tickets .tribe-tickets__form input[type="date"], .event-tickets .tribe-tickets__form input[type="month"], .event-tickets .tribe-tickets__form input[type="week"], .event-tickets .tribe-tickets__form input[type="time"], .event-tickets .tribe-tickets__form input[type="datetime"], .event-tickets .tribe-tickets__form input[type="datetime-local"], .event-tickets .tribe-tickets__form input[type="color"], .event-tickets .tribe-tickets__form select, .event-tickets .tribe-tickets__form textarea { border: 1px solid #d5d5d5; border-radius: 4px; width: 100%; } .event-tickets .tribe-tickets__form input[type="text"]:focus, .event-tickets .tribe-tickets__form input[type="email"]:focus, .event-tickets .tribe-tickets__form input[type="url"]:focus, .event-tickets .tribe-tickets__form input[type="password"]:focus, .event-tickets .tribe-tickets__form input[type="search"]:focus, .event-tickets .tribe-tickets__form input[type="number"]:focus, .event-tickets .tribe-tickets__form input[type="tel"]:focus, .event-tickets .tribe-tickets__form input[type="range"]:focus, .event-tickets .tribe-tickets__form input[type="date"]:focus, .event-tickets .tribe-tickets__form input[type="month"]:focus, .event-tickets .tribe-tickets__form input[type="week"]:focus, .event-tickets .tribe-tickets__form input[type="time"]:focus, .event-tickets .tribe-tickets__form input[type="datetime"]:focus, .event-tickets .tribe-tickets__form input[type="datetime-local"]:focus, .event-tickets .tribe-tickets__form input[type="color"]:focus, .event-tickets .tribe-tickets__form select:focus, .event-tickets .tribe-tickets__form textarea:focus { border-color: rgba(20,24,39, 0.8); box-shadow: none; } .event-tickets .tribe-tickets__form input[type="text"]:invalid, .event-tickets .tribe-tickets__form input[type="email"]:invalid, .event-tickets .tribe-tickets__form input[type="url"]:invalid, .event-tickets .tribe-tickets__form input[type="password"]:invalid, .event-tickets .tribe-tickets__form input[type="search"]:invalid, .event-tickets .tribe-tickets__form input[type="number"]:invalid, .event-tickets .tribe-tickets__form input[type="tel"]:invalid, .event-tickets .tribe-tickets__form input[type="range"]:invalid, .event-tickets .tribe-tickets__form input[type="date"]:invalid, .event-tickets .tribe-tickets__form input[type="month"]:invalid, .event-tickets .tribe-tickets__form input[type="week"]:invalid, .event-tickets .tribe-tickets__form input[type="time"]:invalid, .event-tickets .tribe-tickets__form input[type="datetime"]:invalid, .event-tickets .tribe-tickets__form input[type="datetime-local"]:invalid, .event-tickets .tribe-tickets__form input[type="color"]:invalid, .event-tickets .tribe-tickets__form input[type="checkbox"]:invalid, .event-tickets .tribe-tickets__form input[type="radio"]:invalid, .event-tickets .tribe-tickets__form select:invalid, .event-tickets .tribe-tickets__form textarea:invalid { box-shadow: none; } .event-tickets .tribe-tickets__form input[type="text"].tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form input[type="text"].tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form input[type="email"].tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form input[type="email"].tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form input[type="url"].tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form input[type="url"].tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form input[type="password"].tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form input[type="password"].tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form input[type="search"].tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form input[type="search"].tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form input[type="number"].tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form input[type="number"].tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form input[type="tel"].tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form input[type="tel"].tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form input[type="range"].tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form input[type="range"].tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form input[type="date"].tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form input[type="date"].tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form input[type="month"].tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form input[type="month"].tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form input[type="week"].tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form input[type="week"].tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form input[type="time"].tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form input[type="time"].tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form input[type="datetime"].tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form input[type="datetime"].tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form input[type="datetime-local"].tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form input[type="datetime-local"].tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form input[type="color"].tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form input[type="color"].tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form input[type="checkbox"].tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form input[type="checkbox"].tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form input[type="radio"].tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form input[type="radio"].tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form select.tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form select.tribe-tickets__form-field-input--error:invalid, .event-tickets .tribe-tickets__form textarea.tribe-tickets__form-field-input--error, .event-tickets .tribe-tickets__form textarea.tribe-tickets__form-field-input--error:invalid { border-color: #da394d; } .event-tickets .tribe-tickets__form input[type="text"]::-moz-placeholder, .event-tickets .tribe-tickets__form input[type="search"]::-moz-placeholder, .event-tickets .tribe-tickets__form input[type="url"]::-moz-placeholder, .event-tickets .tribe-tickets__form input[type="tel"]::-moz-placeholder, .event-tickets .tribe-tickets__form input[type="email"]::-moz-placeholder, .event-tickets .tribe-tickets__form input[type="password"]::-moz-placeholder { color: #5d5d5d; font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; } .event-tickets .tribe-tickets__form input[type="text"]:-ms-input-placeholder, .event-tickets .tribe-tickets__form input[type="search"]:-ms-input-placeholder, .event-tickets .tribe-tickets__form input[type="url"]:-ms-input-placeholder, .event-tickets .tribe-tickets__form input[type="tel"]:-ms-input-placeholder, .event-tickets .tribe-tickets__form input[type="email"]:-ms-input-placeholder, .event-tickets .tribe-tickets__form input[type="password"]:-ms-input-placeholder { color: #5d5d5d; font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; } .event-tickets .tribe-tickets__form input[type="text"]::placeholder, .event-tickets .tribe-tickets__form input[type="search"]::placeholder, .event-tickets .tribe-tickets__form input[type="url"]::placeholder, .event-tickets .tribe-tickets__form input[type="tel"]::placeholder, .event-tickets .tribe-tickets__form input[type="email"]::placeholder, .event-tickets .tribe-tickets__form input[type="password"]::placeholder { color: #5d5d5d; font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; } .event-tickets .tribe-tickets__form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: url('../images/select.png'); background-position: right center; background-repeat: no-repeat; background-size: 33px 33px; height: auto; padding: 10px; } .event-tickets .tribe-tickets__form .tribe-options { overflow: hidden; width: 100%; } /* Field-type specific */ .event-tickets .tribe-tickets__form .tribe-common-form-control-checkbox-radio-group > * { margin-bottom: 4px; } .event-tickets .tribe-tickets__form .tribe-common-form-control-checkbox-radio-group label, .event-tickets .tribe-tickets__form .tribe-common-form-control-checkbox-radio-group .tribe-tickets__form-field-label { display: inherit; margin-bottom: 0; margin-left: 0; } .event-tickets .tribe-tickets__form .tribe-common-form-control-text__input { padding: 8px 16px; } /* Date of birth field */ .event-tickets .tribe-tickets__form .tribe-tickets__form-field--birth select { min-width: 80px; width: 100%; margin: 0 0 8px 0; display: inline-block; } .event-tickets .tribe-tickets__form .tribe-tickets__button--next { align-items: center; border: 1px solid #e4e4e4; background-color: #334aff; color: #fff; display: inline-flex; justify-content: center; min-height: 54px; max-width: 100%; } .event-tickets .tribe-tickets__form .tribe-tickets__button--next:hover { color: #fff; } .event-tickets .tribe-tickets__form .tribe-tickets__form-message { display: flex; align-items: flex-start; background-color: rgba(51,74,255, 0.07); border-radius: 4px; padding: 20px 16px; margin-bottom: 20px; } .event-tickets .tribe-tickets__form .tribe-tickets__form-message--error { background-color: rgba(218,57,77, 0.08); } .event-tickets .tribe-tickets__form .tribe-tickets__form-message--error-icon { display: inline-block; margin-right: 12px; } .event-tickets .tribe-tickets__form .tribe-tickets__form-message--error-icon circle { stroke: #141827; } .event-tickets .tribe-tickets__form .tribe-tickets__form-message--error-icon circle#dot { stroke: transparent; fill: #141827; } .event-tickets .tribe-tickets__form .tribe-tickets__form-message--error-icon path { stroke: #141827; } @media(min-width: 768px) { .event-tickets .tribe-tickets__form .tribe-tickets__form-field-input-text label:not([for*="text-area"]), .event-tickets .tribe-tickets__form .tribe-tickets__form-field-input-select label:not([for*="text-area"]) { align-self: center; } .event-tickets .tribe-tickets__form input[type="text"], .event-tickets .tribe-tickets__form input[type="email"], .event-tickets .tribe-tickets__form input[type="url"], .event-tickets .tribe-tickets__form input[type="password"], .event-tickets .tribe-tickets__form input[type="search"], .event-tickets .tribe-tickets__form input[type="number"], .event-tickets .tribe-tickets__form input[type="tel"], .event-tickets .tribe-tickets__form input[type="range"], .event-tickets .tribe-tickets__form input[type="date"], .event-tickets .tribe-tickets__form input[type="month"], .event-tickets .tribe-tickets__form input[type="week"], .event-tickets .tribe-tickets__form input[type="time"], .event-tickets .tribe-tickets__form input[type="datetime"], .event-tickets .tribe-tickets__form input[type="datetime-local"], .event-tickets .tribe-tickets__form input[type="color"], .event-tickets .tribe-tickets__form select, .event-tickets .tribe-tickets__form textarea { max-width: 600px } .event-tickets .tribe-tickets__form .tribe-tickets__form-field--birth select { width: calc(33.33333% - 12px); /* 4px = safety margin */ margin-right: 8px } .event-tickets .tribe-tickets__form .tribe-tickets__form-message { padding: 16px } }