.sb-callout-ctn {
width: 370px;
min-height: 200px;
overflow: auto;
background: #fff;
box-shadow: 0px 1px 5px 0px #0000000B, 0px 4px 12px 0px #0000000F, 0px 8px 23px 0px #00000013, 0px 14px 41px 0px #00000017, 0px 26px 77px 0px #0000001B;
}
.sb-callout-ctn[data-type="frontend"] {
position: fixed;
bottom: 25px;
right: 20px;
z-index: 1;
}
.sb-callout-ctn[data-type="backend"] {
position: fixed;
bottom: 85px;
right: 20px;
z-index: 99999;
}
.sb-callout-ctn[data-type="side-menu"],
body.wp-admin.index-php li .sb-callout-ctn[data-type="side-menu"],
body.instagram-feed_page_sbi-feed-builder .sb-callout-ctn[data-type="side-menu"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
body:not([class*="page_sbi-feed-builder"]) .wp-menu-name:hover > .sb-callout-ctn[data-type="side-menu"],
body:not([class*="page_sbi-feed-builder"]) .wp-has-current-submenu:hover .sb-callout-ctn[data-type="side-menu"],
body.wp-admin.index-php .wp-menu-name .sb-callout-ctn[data-type="side-menu"] {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
.sb-callout-ctn[data-type="side-menu"] {
position: absolute;
left: 100%; top: -100px;
z-index: 999999;
}
.sb-callout-ctn[data-position="bottom"] {
bottom: 0px;
top: unset;
}
.sb-callout-ctn .sb-fs {
width: 100%;
float: left;
position: relative;
box-sizing: border-box;
}
.sb-callout-top-heading {
padding: 10px 15px;
border-bottom: 1px solid #E6E6EB;
display: flex;
align-items: center;
column-gap: 10px;
}
.sb-callout-top-heading strong {
color: #141B38 !important;
font-size: 15px;
}
.sb-callout-only-visible {
font-size: 10px;
display: none;
align-items: center;
column-gap: 5px;
text-transform: uppercase;
color: #0068A0 !important;
background: #D6F4FF !important;
padding: 2px 8px;
border-radius: 4px;
line-height: 21px
}
[data-type="frontend"] .sb-callout-top-heading {
align-items: flex-start;
}
[data-type="frontend"] .sb-callout-top-heading > svg {
width: 25px;
margin-top: 10px;
height: auto;
}
[data-type="frontend"] .sb-callout-only-visible {
display: inline-flex;
}
.sb-callout-top-dismiss {
position: absolute;
width: 16px;
height: 20px;
right: 12px;
top: 10px;
cursor: pointer;
color: #2C324C !important;
}
.sb-callout-top-dismiss:before,
.sb-callout-top-dismiss:after {
content: '';
position: absolute;
width: 14px;
height: 2px;
left: 1px;
top: 8px;
background: currentColor;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sb-callout-top-dismiss:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sb-callout-progress {
padding: 35px 25px;
padding-bottom: 45px;
display: flex;
align-items: center;
justify-content: center;
column-gap: 20px;
}
.sb-callout-progress-radial {
width: 71px;
height: 71px;
flex-shrink: 0;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
color: #0068A0 !important;
font-weight: 600;
font-size: 17px;
}
.sb-callout-progress-radial span {
position: relative;
z-index: 9;
}
.sb-callout-progress-radial svg {
position: absolute;
width: 71px;
height: 71px;
}
.sb-progress-svg {
--size: 71px;
--half-size: calc(var(--size) / 2);
--stroke-width: 5px;
--radius: calc((var(--size) - var(--stroke-width)) / 2);
--circumference: calc(var(--radius) * pi * 2);
--dash: calc((var(--progress) * var(--circumference)) / 100);
animation: progress-animation 0s linear 0s 1 forwards;
}
.sb-progress-svg circle {
cx: var(--half-size);
cy: var(--half-size);
r: var(--radius);
stroke-width: var(--stroke-width);
fill: none;
}
.sb-progress-svg .sb-progress-svg-bg {
stroke: #0096CC;
stroke-width: calc(var(--stroke-width) - 1px);
}
.sb-progress-svg .sb-progress-svg-fg {
transform: rotate(-90deg);
transform-origin: var(--half-size) var(--half-size);
stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
transition: stroke-dasharray 0s linear 0s;
stroke: #9ce5ff;
stroke-width: var(--stroke-width)
}
@property --progress {
syntax: "<number>";
inherits: false;
initial-value: 0;
}
@keyframes progress-animation {
from {
--progress: 0;
}
to {
--progress: var(--percent);
}
}
.sb-callout-progress-text {
display: flex;
flex-direction: column;
}
.sb-callout-progress-text strong {
color: #141B38 !important;
font-size: 16px;
}
.sb-callout-progress-text span {
color: #696D80 !important;
font-size: 13px;
margin-top: 5px;
line-height: 1.5em;
}
.sb-callout-plugins {
padding: 10px 0px;
background: #F9F9FA !important;
}
.sb-callout-plugin-item {
padding: 5px 15px;
display: flex;
align-items: center;
font-size: 14px;
font-weight: 400;
color: #434960 !important;
column-gap: 10px
}
#adminmenu .sb-callout-plugin-item a:not(.sb-callout-item-btn) {
display: flex !important;
color: inherit !important;
justify-content: center;
align-items: center;
column-gap: 7px;
line-height: unset !important;
background: unset !important;
}
#adminmenu .sb-callout-plugin-item a:not(.sb-callout-item-btn):after {
display: none;
}
.sb-callout-item-checkbox {
width: 17px;
height: 17px;
position: relative;
flex-shrink: 0;
border-radius: 50px;
border: 2px solid #9295A6 !important;
}
.sb-callout-plugin-item[data-done="true"] {
color: #141B38 !important;
font-weight: 600;
}
.sb-callout-plugin-item[data-done="true"] .sb-callout-item-checkbox {
background-color: #0096CC !important;
border-color: #0096CC !important;
color: #fff !important;
}
.sb-callout-plugin-item[data-done="true"] .sb-callout-item-checkbox:after {
content: '';
position: absolute;
width: 9px;
height: 4px;
border-left: 2px solid currentColor;
border-bottom: 2px solid currentColor;
-webkit-transform: rotate(-39deg);
transform: rotate(-39deg);
left: 3px;
top: 4px;
}
.sb-callout-item-btn {
display: flex !important;
background-color: #0068A0 !important;
color: #fff !important;
font-size: 10px !important;
height: 32px !important;
font-weight: 600 !important;
padding: 10px 11px !important;
position: relative !important;
margin-left: auto !important;
border-radius: 3px !important;
text-decoration: none !important;
line-height: unset !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
}
.sb-callout-item-btn.sb-callout-item-btn-grey {
background: #F3F4F5 !important;
color: #141B38 !important;
border: 1px solid #D0D1D7 !important;
}
.sb-callout-item-btn:after {
content: '' !important;
position: absolute !important;
width: 5px !important;
height: 5px !important;
right: 14px !important;
top: 12px !important;
border-right: 2px solid currentColor !important;
border-bottom: 2px solid currentColor !important;
-webkit-transform: rotate(-45deg) !important;
transform: rotate(-45deg) !important;
}
.sb-callout-bottom-btns {
display: flex !important;
justify-content: flex-start !important;
padding: 20px 20px !important;
column-gap: 10px !important;
padding-bottom: 5px !important;
}
.sb-callout-bottom-btns .sb-callout-item-btn {
margin-left: unset !important;
flex-grow: 1 !important;
text-align: center !important;
font-size: 11px !important;
height: 15px !important;
cursor: pointer;
}
[data-type="frontend"] .sb-callout-bottom-btns .sb-callout-item-btn {
padding: 7px 11px !important;
height: unset !important;
}
[data-type="dashboard"] .sb-callout-bottom-btns .sb-callout-item-btn {
padding: 10px 11px !important;
}
.sb-callout-bottom-btns .sb-callout-item-btn:after {
right: 18px !important;
top: 14px !important;
}
#adminmenu .sb-callout-ctn a:hover {
box-shadow: unset !important;
} .sb-callout-ctn[data-type="dashboard"] {
width: 100% !important;
box-sizing: border-box !important;
background: unset !important;
box-shadow: unset !important;
}
.sb-callout-ctn[data-type="dashboard"] .sb-callout-top {
display: none !important;
}
#sb_dashboard_widget .inside {
padding: 0px !important;
}
.sb-callout-top > a {
background: unset !important;
color: inherit;
}
.sb-callout-ctn > a {
display: none !important;
}
.sb-callout-plugin-item .sb-callout-item-btn {
padding: 0 26px !important;
}
@media (max-width: 1200px) {
.sb-callout-ctn[data-type="frontend"],
.sb-callout-ctn[data-type="backend"],
.sb-callout-ctn[data-type="side-menu"] {
display: none !important;
}
}.accordion-header {
background: none;
border: 0;
box-sizing: border-box;
color: inherit;
cursor: pointer;
font-size: 12px;
font-weight: bold;
padding: 10px 20px;
position: relative;
text-align: left;
width: 100%;
}
.accordion-header:before {
background-color: #000;
border-radius: 100%;
box-sizing: border-box;
color: #fff;
content: '\f132';
font-family: 'dashicons', sans-serif;
font-size: 10px;
font-weight: 400;
height: 14px;
left: 0;
line-height: 17px;
padding: 0;
padding-right: 1px;
position: absolute;
text-align: center;
top: 12px;
width: 15px;
}
.accordion-header:after {
border-bottom: 1px solid #ddd;
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 80%;
}
.accordion-header.is-active:before {
content: '\f460';
line-height: 15px;
}
.accordion-header:focus {
outline: 1px solid #5b9dd9;
}
.accordion-header:hover {
background: none;
}
.tribe-tickets-editor-history:after {
width: calc(100% - 80px);
}
.tribe_attendee_meta:after {
width: calc(100% - 170px);
}
.tribe_advanced_meta:after {
width: calc(100% - 105px);
}
.accordion-label:focus {
outline: none;
}
.accordion-content {
display: none;
}
.ticket_panel .accordion-content {
margin: 1em 0 2em;
}
.accordion-content.is-active {
display: block;
}
.tribe-common-c-loader.tribe-tickets-loader__tickets-block,
.tribe-common-c-loader.tribe-tickets-loader__modal {
align-items: center;
background: var(--tec-color-background-transparent);
display: flex;
height: 100%;
justify-content: center;
left: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%;
z-index: var(--tec-z-index-spinner-container);
}
.tribe-common-c-loader.tribe-tickets-loader__modal {
height: 100vh;
position: fixed;
width: 100vw;
}
.event-tickets .tribe-common-c-loader {
align-items: center;
background: var(--tec-color-background-transparent);
display: flex;
height: 100%;
justify-content: center;
left: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%;
z-index: var(--tec-z-index-spinner-container);
}
.tribe-common .tribe-tickets__notice, .event-tickets .tribe-tickets__notice {
background-color: var(--tec-color-background-secondary);
border-radius: var(--tec-border-radius-default);
margin: var(--tec-spacer-4) 0;
padding: var(--tec-spacer-3);
}
.tribe-common .tribe-tickets__notice > *:last-child, .event-tickets .tribe-tickets__notice > *:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.tribe-common .tribe-tickets-notice__title, .event-tickets .tribe-tickets-notice__title {
margin: 0;
position: relative;
}
.tribe-common .tribe-tickets-notice__title:empty, .event-tickets .tribe-tickets-notice__title:empty {
display: none;
} .tribe-common .tribe-tickets__notice--error, .event-tickets .tribe-tickets__notice--error {
background-color: var(--tec-color-background-error);
display: none;
padding-left: 50px;
position: relative;
}
.tribe-common .tribe-tickets__notice--error:before, .event-tickets .tribe-tickets__notice--error:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(1 1)'%3E%3Ccircle cx='8' cy='8' r='7.467' stroke='%23141827' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='11.733' r='1.067' fill='%23141827' fill-rule='nonzero'/%3E%3Cpath stroke='%23141827' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 3.733v4.8' fill='%23141827'/%3E%3C/g%3E%3C/svg%3E");
background-size: contain;
content: '';
height: var(--tec-spacer-3);
left: var(--tec-spacer-4);
position: absolute;
top: var(--tec-spacer-4);
width: var(--tec-spacer-3);
} .tribe-common .tribe-tickets__notice--barred, .event-tickets .tribe-tickets__notice--barred {
background-color: var(--tec-color-background);
border: var(--tec-spacer-0) solid var(--tec-color-border-secondary);
border-bottom: 0;
border-radius: 0;
border-top: 0;
padding: 0 var(--tec-spacer-2);
}
.tribe-common .tribe-tickets__notice--barred-left, .event-tickets .tribe-tickets__notice--barred-left {
border-right: 0;
padding: 0 0 0 var(--tec-spacer-2);
}
.tribe-common .tribe-tickets__notice--barred-right, .event-tickets .tribe-tickets__notice--barred-right {
border-left: 0;
padding: 0 var(--tec-spacer-2) 0 0;
} .event-tickets .tribe-tickets-svgicon {
background-repeat: no-repeat;
background-size: contain;
}  .tooltipster-base.tribe-tickets-tooltip-theme {
background-color: var(--tec-color-background);
border: 1px solid var(--tec-color-border-default);
border-radius: var(--tec-border-radius-default);
box-shadow: var(--tec-box-shadow-tooltip);
height: auto !important;
max-width: 254px;
padding: var(--tec-spacer-5);
}
.tooltipster-base.tribe-tickets-tooltip-theme .tooltipster-box {
background-color: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
margin: 0;
}
.tooltipster-base.tribe-tickets-tooltip-theme .tooltipster-box .tooltipster-content {
color: var(--tec-color-text-primary);
overflow: inherit;
padding: 0;
word-break: break-word;
}
.tooltipster-base.tribe-tickets-tooltip-theme .tooltipster-arrow {
display: none;
} .tribe-common button.tribe-common-c-btn--small, .tribe-common input[type="button"].tribe-common-c-btn--small, .tribe-common input[type="submit"].tribe-common-c-btn--small, .tribe-common a.tribe-common-c-btn--small {
background-color: var(--tec-color-accent-primary);
padding: 11px 14px;
width: auto;
}
.tribe-common button.tribe-common-c-btn--small:active,
.tribe-common button.tribe-common-c-btn--small:disabled,
.tribe-common button.tribe-common-c-btn--small:focus,
.tribe-common button.tribe-common-c-btn--small:hover,
.tribe-common input[type="button"].tribe-common-c-btn--small:active,
.tribe-common input[type="button"].tribe-common-c-btn--small:disabled,
.tribe-common input[type="button"].tribe-common-c-btn--small:focus,
.tribe-common input[type="button"].tribe-common-c-btn--small:hover,
.tribe-common input[type="submit"].tribe-common-c-btn--small:active,
.tribe-common input[type="submit"].tribe-common-c-btn--small:disabled,
.tribe-common input[type="submit"].tribe-common-c-btn--small:focus,
.tribe-common input[type="submit"].tribe-common-c-btn--small:hover,
.tribe-common a.tribe-common-c-btn--small:active,
.tribe-common a.tribe-common-c-btn--small:disabled,
.tribe-common a.tribe-common-c-btn--small:focus,
.tribe-common a.tribe-common-c-btn--small:hover {
padding: 11px 14px;
} .tribe-common button.tribe-common-c-btn-link, .tribe-common input[type="button"].tribe-common-c-btn-link, .tribe-common input[type="submit"].tribe-common-c-btn-link, .tribe-common a.tribe-common-c-btn-link {
color: var(--tec-color-text-primary);
font-family: var(--tec-font-family-sans-serif);
font-size: var(--tec-font-size-2);
line-height: var(--tec-line-height-3);
font-weight: var(--tec-font-weight-regular);
background: transparent;
border: 0;
border-radius: 0;
color: inherit;
cursor: pointer;
display: inline-block;
height: auto;
outline: none;
padding: 0;
text-decoration: none;
width: auto;
}
.tribe-common button.tribe-common-c-btn-link:focus,
.tribe-common button.tribe-common-c-btn-link:hover,
.tribe-common button.tribe-common-c-btn-link:active,
.tribe-common input[type="button"].tribe-common-c-btn-link:focus,
.tribe-common input[type="button"].tribe-common-c-btn-link:hover,
.tribe-common input[type="button"].tribe-common-c-btn-link:active,
.tribe-common input[type="submit"].tribe-common-c-btn-link:focus,
.tribe-common input[type="submit"].tribe-common-c-btn-link:hover,
.tribe-common input[type="submit"].tribe-common-c-btn-link:active,
.tribe-common a.tribe-common-c-btn-link:focus,
.tribe-common a.tribe-common-c-btn-link:hover,
.tribe-common a.tribe-common-c-btn-link:active {
background: transparent;
color: inherit;
}
.tribe-common button.tribe-common-c-btn-link, .tribe-common input[type="button"].tribe-common-c-btn-link, .tribe-common input[type="submit"].tribe-common-c-btn-link, .tribe-common a.tribe-common-c-btn-link {
background-color: transparent;
text-align: center;
text-decoration: underline;
transition: var(--tec-transition-color);
}
.tribe-common button.tribe-common-c-btn-link:hover,
.tribe-common button.tribe-common-c-btn-link:focus,
.tribe-common input[type="button"].tribe-common-c-btn-link:hover,
.tribe-common input[type="button"].tribe-common-c-btn-link:focus,
.tribe-common input[type="submit"].tribe-common-c-btn-link:hover,
.tribe-common input[type="submit"].tribe-common-c-btn-link:focus,
.tribe-common a.tribe-common-c-btn-link:hover,
.tribe-common a.tribe-common-c-btn-link:focus {
background-color: transparent;
}
.tribe-common button.tribe-common-c-btn-link, .tribe-common input[type="button"].tribe-common-c-btn-link, .tribe-common input[type="submit"].tribe-common-c-btn-link, .tribe-common a.tribe-common-c-btn-link {
background-color: transparent;
color: var(--tec-color-accent-primary);
padding: 11px 20px;
width: 100%;
}
.tribe-common button.tribe-common-c-btn-link:focus,
.tribe-common button.tribe-common-c-btn-link:hover,
.tribe-common input[type="button"].tribe-common-c-btn-link:focus,
.tribe-common input[type="button"].tribe-common-c-btn-link:hover,
.tribe-common input[type="submit"].tribe-common-c-btn-link:focus,
.tribe-common input[type="submit"].tribe-common-c-btn-link:hover,
.tribe-common a.tribe-common-c-btn-link:focus,
.tribe-common a.tribe-common-c-btn-link:hover {
color: var(--tec-color-accent-primary-hover);
}
.tribe-common button.tribe-common-c-btn-link:active, .tribe-common input[type="button"].tribe-common-c-btn-link:active, .tribe-common input[type="submit"].tribe-common-c-btn-link:active, .tribe-common a.tribe-common-c-btn-link:active {
color: var(--tec-color-accent-primary-active);
}
.tribe-common button.tribe-common-c-btn-link:disabled, .tribe-common input[type="button"].tribe-common-c-btn-link:disabled, .tribe-common input[type="submit"].tribe-common-c-btn-link:disabled, .tribe-common a.tribe-common-c-btn-link:disabled {
color: var(--tec-color-accent-primary-background);
}
.tribe-common .tec-tickets__attendees-list-wrapper, .event-tickets .tec-tickets__attendees-list-wrapper {
margin-top: var(--tec-spacer-8);
}
.tribe-common .tec-tickets__attendees-list, .event-tickets .tec-tickets__attendees-list {
background-color: var(--tec-color-background);
margin-top: var(--tec-spacer-3);
}
.tribe-common .tec-tickets__attendees-list-item, .event-tickets .tec-tickets__attendees-list-item {
align-items: center;
border-left: 1px solid var(--tec-color-border-secondary);
border-right: 1px solid var(--tec-color-border-secondary);
border-top: 1px solid var(--tec-color-border-secondary);
container-type: inline-size;
display: flex;
flex-direction: column;
grid-gap: var(--tec-spacer-1);
gap: var(--tec-spacer-1);
margin: 0;
padding: var(--tec-spacer-4);
}
.tribe-common .tec-tickets__attendees-list-item:last-child, .event-tickets .tec-tickets__attendees-list-item:last-child {
border-bottom: 1px solid var(--tec-color-border-secondary);
}
.tribe-common .tec-tickets__attendees-list-item-attendee-details, .event-tickets .tec-tickets__attendees-list-item-attendee-details {
align-self: center;
flex-grow: 1;
}  .event-tickets .tribe-tickets__rsvp-wrapper {
background-color: var(--tec-color-background);
border: 1px solid var(--tec-color-border-secondary);
border-radius: var(--tec-border-radius-default);
margin-top: var(--tec-spacer-6);
max-width: 580px;
overflow: hidden;
position: relative;
transition: all 0.3s ease;
width: 100%;
}
.event-tickets .tribe-tickets__rsvp {
padding: var(--tec-spacer-10) var(--tec-grid-gutter-small-half);
} .event-tickets .tribe-tickets__rsvp-details-wrapper {
align-items: center;
display: flex;
flex: none;
justify-content: center;
text-align: center;
}
.event-tickets .tribe-tickets__rsvp-details {
text-align: center;
width: 100%;
}
.event-tickets .tribe-tickets__rsvp-description {
color: var(--tec-color-text-secondary);
margin-top: var(--tec-spacer-1);
}
.event-tickets .tribe-tickets__rsvp-attendance {
display: flex;
flex-direction: column;
margin-top: var(--tec-spacer-4);
}
.event-tickets .tribe-tickets__rsvp-attendance-number {
font-size: var(--tec-font-size-9);
}
.event-tickets .tribe-tickets__rsvp-attendance-number.tribe-tickets__rsvp-attendance-number--no-description {
font-size: var(--tec-font-size-10);
}
.event-tickets .tribe-tickets__rsvp-attendance-going {
color: var(--tec-color-text-secondary);
}
.event-tickets .tribe-tickets__rsvp-availability {
color: var(--tec-color-text-secondary);
margin-top: var(--tec-spacer-4);
}
.event-tickets .tribe-tickets__rsvp-availability-quantity,
.event-tickets .tribe-tickets__rsvp-availability-days-left {
color: var(--tec-color-text-primary);
} .event-tickets .tribe-tickets__rsvp-actions-wrapper {
align-items: center;
display: flex;
flex: none;
justify-content: center;
text-align: center;
}
.event-tickets .tribe-tickets__rsvp-actions {
border-top: 1px dashed var(--tec-color-border-secondary);
margin-top: var(--tec-spacer-10);
padding: var(--tec-spacer-10) 0;
width: 100%;
}
.event-tickets .tribe-tickets__rsvp-actions .tribe-common-c-btn {
max-width: 125px;
}
.event-tickets .tribe-tickets__rsvp-actions-button-going,
.event-tickets .tribe-tickets__rsvp-actions-button-not-going {
font-family: var(--tec-font-family-sans-serif);
} .event-tickets .tribe-tickets__rsvp-actions-rsvp-going {
margin-top: var(--tec-spacer-2);
}
.event-tickets .tribe-tickets__rsvp-actions-rsvp-not-going {
margin-top: var(--tec-spacer-8);
}
.event-tickets .tribe-tickets__rsvp-actions-button-not-going {
font-size: var(--tec-font-size-2);
} .event-tickets .tribe-tickets__rsvp-actions-full {
padding: var(--tec-spacer-12) var(--tec-spacer-7) var(--tec-spacer-11) var(--tec-spacer-7);
}
.event-tickets .tribe-tickets__rsvp-actions-full-text {
color: var(--tec-color-text-secondary);
text-transform: uppercase;
} .event-tickets .tribe-tickets__rsvp-actions-success-going {
align-items: center;
display: flex;
justify-content: center;
}
.event-tickets .tribe-tickets__rsvp-actions-success-going-check-icon {
background-color: var(--tec-color-accent-primary);
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6.1L3.9 6.8 1.4 4.3c-.1-.1-.3-.1-.4 0l-.8.8c-.1.1-.1.3 0 .4l3.4 3.4c.2.1.4.1.5 0l7.7-7.7c.1-.1.1-.3 0-.4L11 .1c-.1-.1-.3-.1-.4 0z' fill='%23fff'/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
border-radius: 100%;
display: inline-block;
height: var(--tec-spacer-7);
margin: 0 var(--tec-spacer-0);
width: var(--tec-spacer-7);
}
.event-tickets .tribe-tickets__rsvp-actions-success-going-text {
margin-left: var(--tec-spacer-1);
text-transform: capitalize;
}
.event-tickets .tribe-tickets__rsvp-actions-success-going-toggle {
display: flex;
justify-content: center;
margin-top: var(--tec-spacer-4);
}
.event-tickets .tribe-tickets__rsvp-actions-success-going-toggle-input {
flex: none;
}
.event-tickets .tribe-tickets__rsvp-actions-success-going-toggle-label {
text-align: left;
}
.event-tickets .tribe-tickets__rsvp-actions-success-going-toggle-label-underline {
cursor: help;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} .event-tickets .tribe-tickets__rsvp-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-tickets__rsvp-message--error,
.event-tickets .tribe-tickets__rsvp-message--error.tribe-tickets__rsvp-message {
background-color: var(--tec-color-background-error);
}
.event-tickets .tribe-tickets__rsvp-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-tickets__rsvp-message--success-icon path {
stroke: var(--tec-color-icon-active);
}
.event-tickets .tribe-tickets__rsvp-message--must-login-icon,
.event-tickets .tribe-tickets__rsvp-message--error-icon {
display: inline-block;
margin-right: var(--tec-spacer-2);
}
.event-tickets .tribe-tickets__rsvp-message--must-login-icon circle, .event-tickets .tribe-tickets__rsvp-message--error-icon circle {
stroke: var(--tec-color-icon-active);
}
.event-tickets .tribe-tickets__rsvp-message--must-login-icon circle#dot, .event-tickets .tribe-tickets__rsvp-message--error-icon circle#dot {
fill: var(--tec-color-icon-active);
stroke: transparent;
}
.event-tickets .tribe-tickets__rsvp-message--must-login-icon path, .event-tickets .tribe-tickets__rsvp-message--error-icon path {
stroke: var(--tec-color-icon-active);
}
.event-tickets .tribe-tickets__rsvp-message-link {
color: var(--tec-color-accent-primary);
} .event-tickets .tribe-common-c-btn:disabled {
background-color: var(--tec-color-accent-primary);
cursor: not-allowed;
}
.event-tickets button.tribe-common-cta:disabled {
cursor: not-allowed;
}
.event-tickets .tribe-tickets__rsvp-form-wrapper {
padding: var(--tec-spacer-5);
}
.event-tickets .tribe-tickets__rsvp-form-title {
border-bottom: 1px dashed var(--tec-color-border-secondary);
padding-bottom: var(--tec-spacer-5);
}
.event-tickets .tribe-tickets__rsvp-form-content {
margin-bottom: var(--tec-spacer-1);
margin-top: var(--tec-spacer-8);
}
.event-tickets .tribe-tickets__rsvp-form-buttons {
align-items: baseline;
display: flex;
justify-content: flex-end;
padding-top: var(--tec-spacer-4);
}
.event-tickets .tribe-tickets__rsvp-form-buttons > * {
margin-left: var(--tec-spacer-4);
}
.event-tickets .tribe-tickets__rsvp-form-button {
width: auto;
}
.event-tickets .tribe-tickets__rsvp-form-button--cancel {
color: var(--tec-color-text-secondary);
}
.event-tickets .tribe-tickets__rsvp-form-button--cancel:focus,
.event-tickets .tribe-tickets__rsvp-form-button--cancel:hover {
color: var(--tec-color-text-primary);
}
.event-tickets .tribe-tickets__rsvp-form-button--submit {
padding-left: var(--tec-spacer-6);
padding-right: var(--tec-spacer-6);
} .event-tickets .tribe-tickets__rsvp-ar {
padding-left: var(--tec-grid-gutter-small-half);
padding-right: var(--tec-grid-gutter-small-half);
}
.event-tickets .tribe-tickets__rsvp-ar-sidebar-wrapper {
display: flex;
flex: none;
}
.event-tickets .tribe-tickets__rsvp-ar-sidebar {
border-bottom: 1px dashed var(--tec-color-border-secondary);
margin-top: var(--tec-spacer-5);
padding: var(--tec-spacer-5) 0;
width: 100%;
}
.event-tickets .tribe-tickets__rsvp-ar-quantity {
align-items: center;
display: flex;
margin-top: var(--tec-spacer-4);
}
.event-tickets .tribe-tickets__rsvp-ar-quantity-input {
align-items: center;
display: flex;
margin-left: var(--tec-spacer-3);
}
.event-tickets .tribe-tickets__rsvp-ar-quantity-input input[type="number"] {
appearance: textfield;
background: transparent;
border: none;
height: var(--tec-spacer-8);
max-width: var(--tec-spacer-8);
padding: var(--tec-spacer-0) 0;
text-align: center;
}
.event-tickets .tribe-tickets__rsvp-ar-quantity-input input[type="number"]:-webkit-inner-spin-button,
.event-tickets .tribe-tickets__rsvp-ar-quantity-input input[type="number"]:-webkit-outer-spin-button {
appearance: none;
} .event-tickets .tribe-tickets__rsvp-ar-quantity-input-number {
background-color: transparent;
border: 1px solid var(--tec-color-border-default);
border-radius: 50%;
flex: none;
height: 28px;
padding: 0;
position: relative;
width: 28px;
}
.event-tickets .tribe-tickets__rsvp-ar-quantity-input-number:before,
.event-tickets .tribe-tickets__rsvp-ar-quantity-input-number:after {
background-color: var(--tec-color-icon-active);
content: '';
height: 2px;
left: 9px;
position: absolute;
top: 12px; width: 8px;
}
.event-tickets .tribe-tickets__rsvp-ar-quantity-input-number:hover,
.event-tickets .tribe-tickets__rsvp-ar-quantity-input-number:focus {
background: none;
border-color: var(--tec-color-border-active);
}
.event-tickets .tribe-tickets__rsvp-ar-quantity-input-number--plus:after {
transform: rotate(90deg);
}
.event-tickets .tribe-tickets__rsvp-ar-guest-list {
margin-top: var(--tec-spacer-7) !important; }
.event-tickets .tribe-tickets__rsvp-ar-guest-list-item {
display: inline-block;
}
.event-tickets .tribe-tickets__rsvp-ar-guest-list-item-button:hover,
.event-tickets .tribe-tickets__rsvp-ar-guest-list-item-button:focus,
.event-tickets .tribe-tickets__rsvp-ar-guest-list-item-button--inactive:hover,
.event-tickets .tribe-tickets__rsvp-ar-guest-list-item-button--inactive:focus {
color: var(--tec-color-text-primary);
}
.event-tickets .tribe-tickets__rsvp-ar-guest-list-item-button--inactive {
color: var(--tec-color-text-secondary);
}
.event-tickets .tribe-tickets__rsvp-ar-guest-list-item-button--inactive .tribe-tickets__rsvp-ar-guest-icon path {
fill: var(--tec-color-icon-disabled);
stroke: var(--tec-color-icon-disabled);
}
.event-tickets .tribe-tickets__rsvp-ar-guest-icon {
display: inline-block;
height: 17px;
margin-right: var(--tec-spacer-5);
width: 14px;
}
.event-tickets .tribe-tickets__rsvp-ar-guest-icon path {
fill: var(--tec-color-icon-active);
stroke: var(--tec-color-icon-active);
}
.event-tickets .tribe-tickets__rsvp-ar-form-wrapper {
background-color: #f6f7f9;
display: flex;
flex: none;
}
.event-tickets .tribe-tickets__rsvp-ar-form {
padding: var(--tec-spacer-5) 0;
width: 100%;
}
.event-tickets .tribe-tickets__rsvp-ar-form .tribe-tickets__form {
margin-top: var(--tec-spacer-4);
}
.event-tickets .tribe-tickets__rsvp-ar-form-title {
color: var(--tec-color-text-secondary);
} .event-tickets .tribe-tickets__rsvp-attendees {
margin-bottom: var(--tec-grid-gutter-half);
margin-left: var(--tec-grid-gutter-half);
margin-right: var(--tec-grid-gutter-half);
margin-top: 0;
}
@media (min-width: 768px) {
.tribe-common-c-loader.tribe-tickets-loader__tickets-block,
.tribe-common-c-loader.tribe-tickets-loader__modal {
padding: 0
}
.event-tickets .tribe-common-c-loader {
padding: 0
}
.tribe-common button.tribe-common-c-btn-link, .tribe-common input[type="button"].tribe-common-c-btn-link, .tribe-common input[type="submit"].tribe-common-c-btn-link, .tribe-common a.tribe-common-c-btn-link {
background-color: transparent;
width: auto
}
.tribe-common .tec-tickets__attendees-list-item, .event-tickets .tec-tickets__attendees-list-item {
flex-direction: row
}
.event-tickets .tribe-tickets__rsvp {
padding: var(--tec-spacer-5) var(-tec-grid-gutter-half)
}
.event-tickets .tribe-tickets__rsvp-details-wrapper {
width: calc(var(--tec-grid-width-1-of-8)*5)
}
.event-tickets .tribe-tickets__rsvp-details {
text-align: initial
}
.event-tickets .tribe-tickets__rsvp-description {
margin-top: var(--tec-spacer-2)
}
.event-tickets .tribe-tickets__rsvp-attendance {
margin-top: var(--tec-spacer-5)
}
.event-tickets .tribe-tickets__rsvp-attendance-number {
font-size: var(--tec-font-size-7)
}
.event-tickets .tribe-tickets__rsvp-availability {
margin-top: var(--tec-spacer-5)
}
.event-tickets .tribe-tickets__rsvp-actions-wrapper {
border-left: 1px dashed var(--tec-color-border-secondary);
width: calc(var(--tec-grid-width-1-of-8)*3)
}
.event-tickets .tribe-tickets__rsvp-actions {
border-top: 0;
margin-top: 0;
padding: 0
}
.event-tickets .tribe-tickets__rsvp-actions-rsvp-not-going {
margin-top: var(--tec-spacer-5)
}
.event-tickets .tribe-tickets__rsvp-actions-button-not-going {
font-size: var(--tec-font-size-1)
}
.event-tickets .tribe-tickets__rsvp-actions-full {
padding: 0 var(--tec-spacer-7)
}
.event-tickets .tribe-tickets__rsvp-actions-success-going {
justify-content: flex-start
}
.event-tickets .tribe-tickets__rsvp-actions-success-going-toggle {
justify-content: flex-start;
margin-top: var(--tec-spacer-1)
}
.event-tickets .tribe-tickets__rsvp-message {
padding: var(--tec-spacer-3)
}
.event-tickets .tribe-tickets__rsvp-form-title {
border: none;
padding-bottom: 0
}
.event-tickets .tribe-tickets__rsvp-form-content {
margin-top: var(--tec-spacer-5)
}
.event-tickets .tribe-tickets__form input[type="number"].tribe-tickets__rsvp-form-input-number {
max-width: 140px
}
.event-tickets .tribe-tickets__rsvp-ar {
flex-direction: row-reverse;
padding-left: var(--tec-grid-gutter-half);
padding-right: var(--tec-grid-gutter-half)
}
.event-tickets .tribe-tickets__rsvp-ar-sidebar-wrapper {
border-left: 1px dashed var(--tec-color-border-secondary);
width: calc(var(--tec-grid-width-1-of-8)*3)
}
.event-tickets .tribe-tickets__rsvp-ar-sidebar {
border: 0;
margin-top: 0;
padding-left: var(--tec-spacer-4)
}
.event-tickets .tribe-tickets__rsvp-ar-quantity {
display: block
}
.event-tickets .tribe-tickets__rsvp-ar-quantity-input {
margin-left: 0
}
.event-tickets .tribe-tickets__rsvp-ar-guest-list-item {
display: block
}
.event-tickets .tribe-tickets__rsvp-ar-guest-list-item:not(:first-of-type) {
margin-top: var(--tec-spacer-7)
}
.event-tickets .tribe-tickets__rsvp-ar-guest-list-item-title {
clip: auto;
height: auto;
margin: 0;
position: static;
width: auto
}
.event-tickets .tribe-tickets__rsvp-ar-guest-icon {
height: 14px;
margin-right: var(--tec-spacer-0);
width: 11px
}
.event-tickets .tribe-tickets__rsvp-ar-form-wrapper {
width: calc(var(--tec-grid-width-1-of-8)*5)
}
.event-tickets .tribe-tickets__rsvp-ar-form {
text-align: initial
}
}
@media (prefers-reduced-motion: reduce) {
.event-tickets .tribe-tickets__rsvp-wrapper {
transition: none
}
}
@media (min-width: 600px) {
.event-tickets .tribe-tickets__rsvp-ar-quantity-input input[type="number"] {
height: var(--tec-spacer-8)
}
}