/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@font-face {
font-family: "Bebas Neue";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/bebasneue/v14/JTUSjIg69CK48gW7PXoo9WdhyyTh89ZNpQ.woff2) format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: "Bebas Neue";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/bebasneue/v14/JTUSjIg69CK48gW7PXoo9WlhyyTh89Y.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 400;
src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v13/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format("woff2");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 500;
src: local("Poppins Medium"), local("Poppins-Medium"), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format("woff2");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 600;
src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format("woff2");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 700;
src: local("Poppins Bold"), local("Poppins-Bold"), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format("woff2");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 400;
src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v13/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format("woff2");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 400;
src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v13/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 400;
src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v13/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 500;
src: local("Poppins Medium"), local("Poppins-Medium"), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format("woff2");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 500;
src: local("Poppins Medium"), local("Poppins-Medium"), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 500;
src: local("Poppins Medium"), local("Poppins-Medium"), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 600;
src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format("woff2");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 600;
src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 600;
src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 700;
src: local("Poppins Bold"), local("Poppins-Bold"), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format("woff2");
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 700;
src: local("Poppins Bold"), local("Poppins-Bold"), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: 700;
src: local("Poppins Bold"), local("Poppins-Bold"), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: "hubber8";
src: url(/themes/custom/hubber_reference8/fonts/hubber8/hubber8.eot);
src: url(/themes/custom/hubber_reference8/fonts/hubber8/hubber8.eot#iefix) format("embedded-opentype"), url(/themes/custom/hubber_reference8/fonts/hubber8/hubber8.ttf) format("truetype"), url(/themes/custom/hubber_reference8/fonts/hubber8/hubber8.woff) format("woff"), url(/themes/custom/hubber_reference8/fonts/hubber8/hubber8.svg#hubber8) format("svg");
font-weight: normal;
font-style: normal;
font-display: block
}
[class^=icon-hubber8-],
[class*=" icon-hubber8-"] {
font-family: "hubber8" !important;
speak: never;
font-size: 1.5rem;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-hubber8-view-plan:before {
content: ""
}
.icon-hubber8-backwards:before {
content: ""
}
.icon-hubber8-upload-user:before {
content: ""
}
.icon-hubber8-upload-file-outline:before {
content: ""
}
.icon-hubber8-upload-file-solid:before {
content: ""
}
.icon-hubber8-file-outline:before {
content: ""
}
.icon-hubber8-file-solid:before {
content: ""
}
.icon-hubber8-download-file-outline:before {
content: ""
}
.icon-hubber8-download-file-solid:before {
content: ""
}
.icon-hubber8-zip:before {
content: ""
}
.icon-hubber8-precentage:before {
content: ""
}
.icon-hubber8-empty-ticket:before {
content: ""
}
.icon-hubber8-diamond:before {
content: ""
}
.icon-hubber8-session-outline:before {
content: ""
}
.icon-hubber8-calendar-outline:before {
content: ""
}
.icon-hubber8-plus-alt:before {
content: ""
}
.icon-hubber8-payment-3times:before {
content: ""
}
.icon-hubber8-assurance-outline:before {
content: ""
}
.icon-hubber8-assurance:before {
content: ""
}
.icon-hubber8-credit-outline:before {
content: ""
}
.icon-hubber8-credit:before {
content: ""
}
.icon-hubber8-gift-card-outline:before {
content: ""
}
.icon-hubber8-gift-card:before {
content: ""
}
.icon-hubber8-ticket-owner:before {
content: ""
}
.icon-hubber8-parking:before {
content: ""
}
.icon-hubber8-car:before {
content: ""
}
.icon-hubber8-guard:before {
content: ""
}
.icon-hubber8-sort-grid4col4:before {
content: ""
}
.icon-hubber8-user-outline:before {
content: ""
}
.icon-hubber8-empty-cart:before {
content: ""
}
.icon-hubber8-hourglass-empty:before {
content: ""
}
.icon-hubber8-minus:before {
content: ""
}
.icon-hubber8-plus:before {
content: ""
}
.icon-hubber8-refresh:before {
content: ""
}
.icon-hubber8-hourglass-10:before {
content: ""
}
.icon-hubber8-hourglass-9:before {
content: ""
}
.icon-hubber8-hourglass-8:before {
content: ""
}
.icon-hubber8-hourglass-7:before {
content: ""
}
.icon-hubber8-hourglass-6:before {
content: ""
}
.icon-hubber8-hourglass-5:before {
content: ""
}
.icon-hubber8-hourglass-4:before {
content: ""
}
.icon-hubber8-hourglass-3:before {
content: ""
}
.icon-hubber8-hourglass-2:before {
content: ""
}
.icon-hubber8-hourglass-1:before {
content: ""
}
.icon-hubber8-arrow-left:before {
content: ""
}
.icon-hubber8-arrow-right:before {
content: ""
}
.icon-hubber8-arrow-down:before {
content: ""
}
.icon-hubber8-arrow-up:before {
content: ""
}
.icon-hubber8-chevron-left:before {
content: ""
}
.icon-hubber8-chevron-right:before {
content: ""
}
.icon-hubber8-chevron-down:before {
content: ""
}
.icon-hubber8-chevron-up:before {
content: ""
}
.icon-hubber8-arrow-solid-left:before {
content: ""
}
.icon-hubber8-arrow-solid-right:before {
content: ""
}
.icon-hubber8-arrow-solid-down:before {
content: ""
}
.icon-hubber8-arrow-solid-up:before {
content: ""
}
.icon-hubber8-double-arrow:before {
content: ""
}
.icon-hubber8-valid:before {
content: ""
}
.icon-hubber8-pause:before {
content: ""
}
.icon-hubber8-filter:before {
content: ""
}
.icon-hubber8-email:before {
content: ""
}
.icon-hubber8-warning-rond:before {
content: ""
}
.icon-hubber8-warning:before {
content: ""
}
.icon-hubber8-heart:before {
content: ""
}
.icon-hubber8-cart:before {
content: ""
}
.icon-hubber8-ticket:before {
content: ""
}
.icon-hubber8-resale:before {
content: ""
}
.icon-hubber8-user:before {
content: ""
}
.icon-hubber8-users:before {
content: ""
}
.icon-hubber8-calendar:before {
content: ""
}
.icon-hubber8-credit-card:before {
content: ""
}
.icon-hubber8-m-ticket:before {
content: ""
}
.icon-hubber8-euro:before {
content: ""
}
.icon-hubber8-alert:before {
content: ""
}
.icon-hubber8-share:before {
content: ""
}
.icon-hubber8-download:before {
content: ""
}
.icon-hubber8-upload:before {
content: ""
}
.icon-hubber8-information:before {
content: ""
}
.icon-hubber8-calendar-add:before {
content: ""
}
.icon-hubber8-dashboard:before {
content: ""
}
.icon-hubber8-document:before {
content: ""
}
.icon-hubber8-briefcase:before {
content: ""
}
.icon-hubber8-subscription:before {
content: ""
}
.icon-hubber8-lock:before {
content: ""
}
.icon-hubber8-eyes-on:before {
content: ""
}
.icon-hubber8-eyes-off:before {
content: ""
}
.icon-hubber8-search:before {
content: ""
}
.icon-hubber8-promotion:before {
content: ""
}
.icon-hubber8-tickets:before {
content: ""
}
.icon-hubber8-timer-48:before {
content: ""
}
.icon-hubber8-close:before {
content: ""
}
.icon-hubber8-waiting-list:before {
content: ""
}
.icon-hubber8-trash:before {
content: ""
}
.icon-hubber8-star:before {
content: ""
}
.icon-hubber8-auto-price:before {
content: ""
}
.icon-hubber8-edit:before {
content: ""
}
.icon-hubber8-external-link:before {
content: ""
}
.icon-hubber8-ticket-arrow:before {
content: ""
}
.icon-hubber8-e-ticket:before {
content: ""
}
.icon-hubber8-print:before {
content: ""
}
.icon-hubber8-ticket-alt:before {
content: ""
}
.icon-hubber8-menu:before {
content: ""
}
.icon-hubber8-more-options:before {
content: ""
}
.icon-hubber8-power:before {
content: ""
}
.icon-hubber8-cross:before {
content: ""
}
.icon-hubber8-message:before {
content: ""
}
.icon-hubber8-sort-3cols:before {
content: ""
}
.icon-hubber8-sort-4cols:before {
content: ""
}
.icon-hubber8-sort-grid3:before {
content: ""
}
.icon-hubber8-sort-grid4:before {
content: ""
}
.icon-hubber8-sort-list3:before {
content: ""
}
.icon-hubber8-sort-list4:before {
content: ""
}
.icon-hubber8-view-3d:before {
content: ""
}
.icon-hubber8-view-2d:before {
content: ""
}
.icon-hubber8-view-2d-alt:before {
content: ""
}
.icon-hubber8-view-3d-alt:before {
content: ""
}
.icon-hubber8-map:before {
content: ""
}
.icon-hubber8-dailymotion:before {
content: ""
}
.icon-hubber8-snapchat:before {
content: ""
}
.icon-hubber8-tiktok:before {
content: ""
}
.icon-hubber8-facebook:before {
content: ""
}
.icon-hubber8-twitter:before {
content: ""
}
.icon-hubber8-youtube:before {
content: ""
}
.icon-hubber8-linkedin:before {
content: ""
}
.icon-hubber8-instagram:before {
content: ""
}
.icon-hubber8-promotion-outline:before {
content: ""
}
.icon-hubber8-credit-card-outline:before {
content: ""
}
.icon-hubber8-lock-outline:before {
content: ""
}
.icon-hubber8-timer-48-outline:before {
content: ""
}
.icon-hubber8-cart-outline:before {
content: ""
}
.icon-hubber8-plus-outline:before {
content: ""
}
.icon-hubber8-minus-outline:before {
content: ""
}
.icon-hubber8-map-outline:before {
content: ""
}
.icon-hubber8-information-outline:before {
content: ""
}
.icon-hubber8-star-outline:before {
content: ""
}
.icon-hubber8-valid-outline:before {
content: ""
}
.icon-hubber8-empty-page:before {
content: ""
}
.icon-hubber8-tickets-outline:before {
content: ""
}
.icon-hubber8-zoom-out:before {
content: ""
}
.icon-hubber8-zoom-out-alt:before {
content: ""
}
.icon-hubber8-zoom-in:before {
content: ""
}
.icon-hubber8-zoom-in-alt:before {
content: ""
}
.icon-hubber8-hide-plan:before {
content: ""
}
.icon-hubber8-fullscreen:before {
content: ""
}
.icon-hubber8-fullscreen-alt:before {
content: ""
}
.icon-hubber8-small-window:before {
content: ""
}
.icon-hubber8-hide-window:before {
content: ""
}
.icon-hubber8-fullscreen-window:before {
content: ""
}
.icon-hubber8-reduced-window:before {
content: ""
}
.btn-primary a {
color: #000;
background-color: #1882ff;
border-color: #1882ff;
box-shadow: unset
}
.btn-primary a:hover {
color: #000;
background-color: #3b95ff;
border-color: #2f8fff
}
.btn-check:focus+.btn-primary a,
.btn-primary a:focus {
color: #000;
background-color: #3b95ff;
border-color: #2f8fff;
box-shadow: unset, 0 0 0 .25rem rgba(20, 111, 217, .5)
}
.btn-check:checked+.btn-primary a,
.btn-check:active+.btn-primary a,
.btn-primary a:active,
.btn-primary a.active,
.show>.btn-primary a.dropdown-toggle {
color: #000;
background-color: #469bff;
border-color: #2f8fff
}
.btn-check:checked+.btn-primary a:focus,
.btn-check:active+.btn-primary a:focus,
.btn-primary a:active:focus,
.btn-primary a.active:focus,
.show>.btn-primary a.dropdown-toggle:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(20, 111, 217, .5)
}
.btn-primary a:disabled,
.btn-primary a.disabled {
color: #000;
background-color: #1882ff;
border-color: #1882ff
}
.btn-secondary a {
color: #000;
background-color: #f6f8f9;
border-color: #f6f8f9;
box-shadow: unset
}
.btn-secondary a:hover {
color: #000;
background-color: #f7f9fa;
border-color: #f7f9fa
}
.btn-check:focus+.btn-secondary a,
.btn-secondary a:focus {
color: #000;
background-color: #f7f9fa;
border-color: #f7f9fa;
box-shadow: unset, 0 0 0 .25rem rgba(209, 211, 212, .5)
}
.btn-check:checked+.btn-secondary a,
.btn-check:active+.btn-secondary a,
.btn-secondary a:active,
.btn-secondary a.active,
.show>.btn-secondary a.dropdown-toggle {
color: #000;
background-color: #f8f9fa;
border-color: #f7f9fa
}
.btn-check:checked+.btn-secondary a:focus,
.btn-check:active+.btn-secondary a:focus,
.btn-secondary a:active:focus,
.btn-secondary a.active:focus,
.show>.btn-secondary a.dropdown-toggle:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(209, 211, 212, .5)
}
.btn-secondary a:disabled,
.btn-secondary a.disabled {
color: #000;
background-color: #f6f8f9;
border-color: #f6f8f9
}
.btn-success a {
color: #000;
background-color: #28a745;
border-color: #28a745;
box-shadow: unset
}
.btn-success a:hover {
color: #000;
background-color: #48b461;
border-color: #3eb058
}
.btn-check:focus+.btn-success a,
.btn-success a:focus {
color: #000;
background-color: #48b461;
border-color: #3eb058;
box-shadow: unset, 0 0 0 .25rem rgba(34, 142, 59, .5)
}
.btn-check:checked+.btn-success a,
.btn-check:active+.btn-success a,
.btn-success a:active,
.btn-success a.active,
.show>.btn-success a.dropdown-toggle {
color: #000;
background-color: #53b96a;
border-color: #3eb058
}
.btn-check:checked+.btn-success a:focus,
.btn-check:active+.btn-success a:focus,
.btn-success a:active:focus,
.btn-success a.active:focus,
.show>.btn-success a.dropdown-toggle:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(34, 142, 59, .5)
}
.btn-success a:disabled,
.btn-success a.disabled {
color: #000;
background-color: #28a745;
border-color: #28a745
}
.btn-info a {
color: #000;
background-color: #17a2b8;
border-color: #17a2b8;
box-shadow: unset
}
.btn-info a:hover {
color: #000;
background-color: #3ab0c3;
border-color: #2eabbf
}
.btn-check:focus+.btn-info a,
.btn-info a:focus {
color: #000;
background-color: #3ab0c3;
border-color: #2eabbf;
box-shadow: unset, 0 0 0 .25rem rgba(20, 138, 156, .5)
}
.btn-check:checked+.btn-info a,
.btn-check:active+.btn-info a,
.btn-info a:active,
.btn-info a.active,
.show>.btn-info a.dropdown-toggle {
color: #000;
background-color: #45b5c6;
border-color: #2eabbf
}
.btn-check:checked+.btn-info a:focus,
.btn-check:active+.btn-info a:focus,
.btn-info a:active:focus,
.btn-info a.active:focus,
.show>.btn-info a.dropdown-toggle:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(20, 138, 156, .5)
}
.btn-info a:disabled,
.btn-info a.disabled {
color: #000;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-warning a {
color: #000;
background-color: #ffc107;
border-color: #ffc107;
box-shadow: unset
}
.btn-warning a:hover {
color: #000;
background-color: #ffca2c;
border-color: #ffc720
}
.btn-check:focus+.btn-warning a,
.btn-warning a:focus {
color: #000;
background-color: #ffca2c;
border-color: #ffc720;
box-shadow: unset, 0 0 0 .25rem rgba(217, 164, 6, .5)
}
.btn-check:checked+.btn-warning a,
.btn-check:active+.btn-warning a,
.btn-warning a:active,
.btn-warning a.active,
.show>.btn-warning a.dropdown-toggle {
color: #000;
background-color: #ffcd39;
border-color: #ffc720
}
.btn-check:checked+.btn-warning a:focus,
.btn-check:active+.btn-warning a:focus,
.btn-warning a:active:focus,
.btn-warning a.active:focus,
.show>.btn-warning a.dropdown-toggle:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(217, 164, 6, .5)
}
.btn-warning a:disabled,
.btn-warning a.disabled {
color: #000;
background-color: #ffc107;
border-color: #ffc107
}
.btn-danger a {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
box-shadow: unset
}
.btn-danger a:hover {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37
}
.btn-check:focus+.btn-danger a,
.btn-danger a:focus {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37;
box-shadow: unset, 0 0 0 .25rem rgba(225, 83, 97, .5)
}
.btn-check:checked+.btn-danger a,
.btn-check:active+.btn-danger a,
.btn-danger a:active,
.btn-danger a.active,
.show>.btn-danger a.dropdown-toggle {
color: #fff;
background-color: #b02a37;
border-color: #a52834
}
.btn-check:checked+.btn-danger a:focus,
.btn-check:active+.btn-danger a:focus,
.btn-danger a:active:focus,
.btn-danger a.active:focus,
.show>.btn-danger a.dropdown-toggle:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(225, 83, 97, .5)
}
.btn-danger a:disabled,
.btn-danger a.disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-light a {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa;
box-shadow: unset
}
.btn-light a:hover {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb
}
.btn-check:focus+.btn-light a,
.btn-light a:focus {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb;
box-shadow: unset, 0 0 0 .25rem rgba(211, 212, 213, .5)
}
.btn-check:checked+.btn-light a,
.btn-check:active+.btn-light a,
.btn-light a:active,
.btn-light a.active,
.show>.btn-light a.dropdown-toggle {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb
}
.btn-check:checked+.btn-light a:focus,
.btn-check:active+.btn-light a:focus,
.btn-light a:active:focus,
.btn-light a.active:focus,
.show>.btn-light a.dropdown-toggle:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(211, 212, 213, .5)
}
.btn-light a:disabled,
.btn-light a.disabled {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-dark a {
color: #fff;
background-color: #343a40;
border-color: #343a40;
box-shadow: unset
}
.btn-dark a:hover {
color: #fff;
background-color: #2c3136;
border-color: #2a2e33
}
.btn-check:focus+.btn-dark a,
.btn-dark a:focus {
color: #fff;
background-color: #2c3136;
border-color: #2a2e33;
box-shadow: unset, 0 0 0 .25rem rgba(82, 88, 93, .5)
}
.btn-check:checked+.btn-dark a,
.btn-check:active+.btn-dark a,
.btn-dark a:active,
.btn-dark a.active,
.show>.btn-dark a.dropdown-toggle {
color: #fff;
background-color: #2a2e33;
border-color: #272c30
}
.btn-check:checked+.btn-dark a:focus,
.btn-check:active+.btn-dark a:focus,
.btn-dark a:active:focus,
.btn-dark a.active:focus,
.show>.btn-dark a.dropdown-toggle:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(82, 88, 93, .5)
}
.btn-dark a:disabled,
.btn-dark a.disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-primary a {
color: #1882ff;
border-color: #1882ff
}
.btn-outline-primary a:hover {
color: #000;
background-color: #1882ff;
border-color: #1882ff
}
.btn-check:focus+.btn-outline-primary a,
.btn-outline-primary a:focus {
box-shadow: 0 0 0 .25rem rgba(24, 130, 255, .5)
}
.btn-check:checked+.btn-outline-primary a,
.btn-check:active+.btn-outline-primary a,
.btn-outline-primary a:active,
.btn-outline-primary a.active,
.btn-outline-primary a.dropdown-toggle.show {
color: #000;
background-color: #1882ff;
border-color: #1882ff
}
.btn-check:checked+.btn-outline-primary a:focus,
.btn-check:active+.btn-outline-primary a:focus,
.btn-outline-primary a:active:focus,
.btn-outline-primary a.active:focus,
.btn-outline-primary a.dropdown-toggle.show:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(24, 130, 255, .5)
}
.btn-outline-primary a:disabled,
.btn-outline-primary a.disabled {
color: #1882ff;
background-color: rgba(0, 0, 0, 0)
}
.btn-outline-secondary a {
color: #f6f8f9;
border-color: #f6f8f9
}
.btn-outline-secondary a:hover {
color: #000;
background-color: #f6f8f9;
border-color: #f6f8f9
}
.btn-check:focus+.btn-outline-secondary a,
.btn-outline-secondary a:focus {
box-shadow: 0 0 0 .25rem rgba(246, 248, 249, .5)
}
.btn-check:checked+.btn-outline-secondary a,
.btn-check:active+.btn-outline-secondary a,
.btn-outline-secondary a:active,
.btn-outline-secondary a.active,
.btn-outline-secondary a.dropdown-toggle.show {
color: #000;
background-color: #f6f8f9;
border-color: #f6f8f9
}
.btn-check:checked+.btn-outline-secondary a:focus,
.btn-check:active+.btn-outline-secondary a:focus,
.btn-outline-secondary a:active:focus,
.btn-outline-secondary a.active:focus,
.btn-outline-secondary a.dropdown-toggle.show:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(246, 248, 249, .5)
}
.btn-outline-secondary a:disabled,
.btn-outline-secondary a.disabled {
color: #f6f8f9;
background-color: rgba(0, 0, 0, 0)
}
.btn-outline-success a {
color: #28a745;
border-color: #28a745
}
.btn-outline-success a:hover {
color: #000;
background-color: #28a745;
border-color: #28a745
}
.btn-check:focus+.btn-outline-success a,
.btn-outline-success a:focus {
box-shadow: 0 0 0 .25rem rgba(40, 167, 69, .5)
}
.btn-check:checked+.btn-outline-success a,
.btn-check:active+.btn-outline-success a,
.btn-outline-success a:active,
.btn-outline-success a.active,
.btn-outline-success a.dropdown-toggle.show {
color: #000;
background-color: #28a745;
border-color: #28a745
}
.btn-check:checked+.btn-outline-success a:focus,
.btn-check:active+.btn-outline-success a:focus,
.btn-outline-success a:active:focus,
.btn-outline-success a.active:focus,
.btn-outline-success a.dropdown-toggle.show:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(40, 167, 69, .5)
}
.btn-outline-success a:disabled,
.btn-outline-success a.disabled {
color: #28a745;
background-color: rgba(0, 0, 0, 0)
}
.btn-outline-info a {
color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info a:hover {
color: #000;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-check:focus+.btn-outline-info a,
.btn-outline-info a:focus {
box-shadow: 0 0 0 .25rem rgba(23, 162, 184, .5)
}
.btn-check:checked+.btn-outline-info a,
.btn-check:active+.btn-outline-info a,
.btn-outline-info a:active,
.btn-outline-info a.active,
.btn-outline-info a.dropdown-toggle.show {
color: #000;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-check:checked+.btn-outline-info a:focus,
.btn-check:active+.btn-outline-info a:focus,
.btn-outline-info a:active:focus,
.btn-outline-info a.active:focus,
.btn-outline-info a.dropdown-toggle.show:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(23, 162, 184, .5)
}
.btn-outline-info a:disabled,
.btn-outline-info a.disabled {
color: #17a2b8;
background-color: rgba(0, 0, 0, 0)
}
.btn-outline-warning a {
color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning a:hover {
color: #000;
background-color: #ffc107;
border-color: #ffc107
}
.btn-check:focus+.btn-outline-warning a,
.btn-outline-warning a:focus {
box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}
.btn-check:checked+.btn-outline-warning a,
.btn-check:active+.btn-outline-warning a,
.btn-outline-warning a:active,
.btn-outline-warning a.active,
.btn-outline-warning a.dropdown-toggle.show {
color: #000;
background-color: #ffc107;
border-color: #ffc107
}
.btn-check:checked+.btn-outline-warning a:focus,
.btn-check:active+.btn-outline-warning a:focus,
.btn-outline-warning a:active:focus,
.btn-outline-warning a.active:focus,
.btn-outline-warning a.dropdown-toggle.show:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(255, 193, 7, .5)
}
.btn-outline-warning a:disabled,
.btn-outline-warning a.disabled {
color: #ffc107;
background-color: rgba(0, 0, 0, 0)
}
.btn-outline-danger a {
color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger a:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-check:focus+.btn-outline-danger a,
.btn-outline-danger a:focus {
box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}
.btn-check:checked+.btn-outline-danger a,
.btn-check:active+.btn-outline-danger a,
.btn-outline-danger a:active,
.btn-outline-danger a.active,
.btn-outline-danger a.dropdown-toggle.show {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-check:checked+.btn-outline-danger a:focus,
.btn-check:active+.btn-outline-danger a:focus,
.btn-outline-danger a:active:focus,
.btn-outline-danger a.active:focus,
.btn-outline-danger a.dropdown-toggle.show:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(220, 53, 69, .5)
}
.btn-outline-danger a:disabled,
.btn-outline-danger a.disabled {
color: #dc3545;
background-color: rgba(0, 0, 0, 0)
}
.btn-outline-light a {
color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light a:hover {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-check:focus+.btn-outline-light a,
.btn-outline-light a:focus {
box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}
.btn-check:checked+.btn-outline-light a,
.btn-check:active+.btn-outline-light a,
.btn-outline-light a:active,
.btn-outline-light a.active,
.btn-outline-light a.dropdown-toggle.show {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-check:checked+.btn-outline-light a:focus,
.btn-check:active+.btn-outline-light a:focus,
.btn-outline-light a:active:focus,
.btn-outline-light a.active:focus,
.btn-outline-light a.dropdown-toggle.show:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(248, 249, 250, .5)
}
.btn-outline-light a:disabled,
.btn-outline-light a.disabled {
color: #f8f9fa;
background-color: rgba(0, 0, 0, 0)
}
.btn-outline-dark a {
color: #343a40;
border-color: #343a40
}
.btn-outline-dark a:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-check:focus+.btn-outline-dark a,
.btn-outline-dark a:focus {
box-shadow: 0 0 0 .25rem rgba(52, 58, 64, .5)
}
.btn-check:checked+.btn-outline-dark a,
.btn-check:active+.btn-outline-dark a,
.btn-outline-dark a:active,
.btn-outline-dark a.active,
.btn-outline-dark a.dropdown-toggle.show {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-check:checked+.btn-outline-dark a:focus,
.btn-check:active+.btn-outline-dark a:focus,
.btn-outline-dark a:active:focus,
.btn-outline-dark a.active:focus,
.btn-outline-dark a.dropdown-toggle.show:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(52, 58, 64, .5)
}
.btn-outline-dark a:disabled,
.btn-outline-dark a.disabled {
color: #343a40;
background-color: rgba(0, 0, 0, 0)
}
@keyframes fadeOut {
0% {
opacity: 1
}
90% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
99.9999999999% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes hourglassRotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
90% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
}
@keyframes hourglassSand {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
60% {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
}
@keyframes slidy {
0% {
left: 0%
}
20% {
left: 0%
}
25% {
left: -100%
}
45% {
left: -100%
}
50% {
left: -200%
}
70% {
left: -200%
}
75% {
left: -300%
}
95% {
left: -300%
}
100% {
left: -400%
}
}
@keyframes alertInOut {
0% {
opacity: 0;
margin-top: -20%;
visibility: hidden
}
4% {
margin-top: 4px;
visibility: visible
}
8% {
opacity: 1;
margin-top: 0
}
92% {
opacity: 1;
margin-top: 0
}
96% {
margin-top: 4px;
visibility: visible
}
100% {
opacity: 0;
margin-top: -20%;
visibility: hidden
}
}
@-webkit-keyframes alertInOut {
0% {
opacity: 0;
margin-top: -20%;
visibility: hidden
}
4% {
margin-top: 4px;
visibility: visible
}
8% {
opacity: 1;
margin-top: 0
}
92% {
opacity: 1;
margin-top: 0
}
96% {
margin-top: 4px;
visibility: visible
}
100% {
opacity: 0;
margin-top: -20%;
visibility: hidden
}
}
@keyframes overlayBackgroundSize {
0% {
height: 0;
width: 0
}
10% {
height: calc((100vw - 23.25rem - 4rem)*2);
width: calc((100vw - 23.25rem - 4rem)*2)
}
90% {
height: calc((100vw - 23.25rem - 4rem)*2);
width: calc((100vw - 23.25rem - 4rem)*2)
}
100% {
height: 0;
width: 0
}
}
@keyframes overlayBackgroundSizeMobile {
0% {
height: 0;
width: 0
}
10% {
height: 200vw;
width: 200vw
}
90% {
height: 200vw;
width: 200vw
}
100% {
height: 0;
width: 0
}
}
@keyframes time {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes spin {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg)
}
}
@keyframes slideDown {
0% {
transform: translateY(-100%)
}
100% {
transform: translateY(0)
}
}
:root {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-primary: #1882FF;
--bs-secondary: #F6F8F9;
--bs-success: #28A745;
--bs-info: #17A2B8;
--bs-warning: #FFC107;
--bs-danger: #DC3545;
--bs-light: #F8F9FA;
--bs-dark: #343A40;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))
}
*,
*::before,
*::after {
box-sizing: border-box
}
@media(prefers-reduced-motion:no-preference) {
:root {
scroll-behavior: smooth
}
}
body {
margin: 0;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #263140;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: .25
}
hr:not([size]) {
height: 1px
}
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
margin-top: 0;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}
h1,
.h1 {
font-size: calc(1.375rem + 1.5vw)
}
@media(min-width:1200px) {
h1,
.h1 {
font-size: 2.5rem
}
}
h2,
.h2 {
font-size: calc(1.325rem + 0.9vw)
}
@media(min-width:1200px) {
h2,
.h2 {
font-size: 2rem
}
}
h3,
.h3 {
font-size: calc(1.3rem + 0.6vw)
}
@media(min-width:1200px) {
h3,
.h3 {
font-size: 1.75rem
}
}
h4,
.h4 {
font-size: calc(1.275rem + 0.3vw)
}
@media(min-width:1200px) {
h4,
.h4 {
font-size: 1.5rem
}
}
h5,
.h5 {
font-size: 1.25rem
}
h6,
.h6 {
font-size: 1rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[title],
abbr[data-bs-original-title] {
text-decoration: underline dotted;
cursor: help;
text-decoration-skip-ink: none
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
ol,
ul {
padding-left: 2rem
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
b,
strong {
font-weight: bolder
}
small,
.small {
font-size: 0.875em
}
mark,
.mark {
padding: .2em;
background-color: #fcf8e3
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
a {
color: #0d6efd;
text-decoration: none
}
a:hover {
color: #0a58ca;
text-decoration: underline
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none
}
pre,
code,
kbd,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em;
direction: ltr;
unicode-bidi: bidi-override
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal
}
code {
font-size: 0.875em;
color: #d63384;
word-wrap: break-word
}
a>code {
color: inherit
}
kbd {
padding: .2rem .4rem;
font-size: 0.875em;
color: #fff;
background-color: #212529;
border-radius: .2rem
}
kbd kbd {
padding: 0;
font-size: 1em;
font-weight: 700
}
figure {
margin: 0 0 1rem
}
img,
svg {
vertical-align: middle
}
table {
caption-side: bottom;
border-collapse: collapse
}
caption {
padding-top: .5rem;
padding-bottom: .5rem;
color: #6c757d;
text-align: left
}
th {
text-align: inherit;
text-align: -webkit-match-parent
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0
}
label {
display: inline-block
}
button {
border-radius: 0
}
button:focus:not(:focus-visible) {
outline: 0
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
select {
text-transform: none
}
[role=button] {
cursor: pointer
}
select {
word-wrap: normal
}
select:disabled {
opacity: 1
}
[list]::-webkit-calendar-picker-indicator {
display: none
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer
}
::-moz-focus-inner {
padding: 0;
border-style: none
}
textarea {
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit
}
@media(min-width:1200px) {
legend {
font-size: 1.5rem
}
}
legend+* {
clear: left
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0
}
::-webkit-inner-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-color-swatch-wrapper {
padding: 0
}
::file-selector-button {
font: inherit
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
iframe {
border: 0
}
summary {
display: list-item;
cursor: pointer
}
progress {
vertical-align: baseline
}
[hidden] {
display: none !important
}
.lead {
font-size: 1.25rem;
font-weight: 300
}
.display-1 {
font-size: calc(1.625rem + 4.5vw);
font-weight: 300;
line-height: 1.2
}
@media(min-width:1200px) {
.display-1 {
font-size: 5rem
}
}
.display-2 {
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
line-height: 1.2
}
@media(min-width:1200px) {
.display-2 {
font-size: 4.5rem
}
}
.display-3 {
font-size: calc(1.525rem + 3.3vw);
font-weight: 300;
line-height: 1.2
}
@media(min-width:1200px) {
.display-3 {
font-size: 4rem
}
}
.display-4 {
font-size: calc(1.475rem + 2.7vw);
font-weight: 300;
line-height: 1.2
}
@media(min-width:1200px) {
.display-4 {
font-size: 3.5rem
}
}
.display-5 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2
}
@media(min-width:1200px) {
.display-5 {
font-size: 3rem
}
}
.display-6 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 300;
line-height: 1.2
}
@media(min-width:1200px) {
.display-6 {
font-size: 2.5rem
}
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none
}
.list-inline-item {
display: inline-block
}
.list-inline-item:not(:last-child) {
margin-right: .5rem
}
.initialism {
font-size: 0.875em;
text-transform: uppercase
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem
}
.blockquote>:last-child {
margin-bottom: 0
}
.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 0.875em;
color: #6c757d
}
.blockquote-footer::before {
content: "— "
}
.img-fluid {
max-width: 100%;
height: auto
}
.img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .25rem;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
max-width: 100%;
height: auto
}
.figure {
display: inline-block
}
.figure-img {
margin-bottom: .5rem;
line-height: 1
}
.figure-caption {
font-size: 0.875em;
color: #6c757d
}
.container,
.container-fluid,
.container-xxxl,
.container-xxl,
.container-xl,
.container-hd,
.container-lg,
.container-md,
.container-sm {
width: 100%;
margin-right: auto;
margin-left: auto
}
@media(min-width:576px) {
.container-sm,
.container {
max-width: 540px
}
}
@media(min-width:768px) {
.container-md,
.container-sm,
.container {
max-width: 720px
}
}
@media(min-width:992px) {
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 960px
}
}
@media(min-width:1024px) {
.container-hd,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1024px
}
}
@media(min-width:1200px) {
.container-xl,
.container-hd,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1140px
}
}
@media(min-width:1440px) {
.container-xxl,
.container-xl,
.container-hd,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1440px
}
}
@media(min-width:1792px) {
.container-xxxl,
.container-xxl,
.container-xl,
.container-hd,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1792px
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y)*-1)
}
.row>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
margin-top: var(--bs-gutter-y)
}
.col {
flex: 1 0 0%
}
.row-cols-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
@media(min-width:576px) {
.col-sm {
flex: 1 0 0%
}
.row-cols-sm-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-sm-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-sm-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-sm-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-sm-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-sm-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-sm-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
}
@media(min-width:768px) {
.col-md {
flex: 1 0 0%
}
.row-cols-md-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-md-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-md-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-md-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-md-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-md-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-md-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
}
@media(min-width:992px) {
.col-lg {
flex: 1 0 0%
}
.row-cols-lg-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-lg-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-lg-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-lg-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-lg-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-lg-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-lg-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
}
@media(min-width:1024px) {
.col-hd {
flex: 1 0 0%
}
.row-cols-hd-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-hd-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-hd-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-hd-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-hd-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-hd-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-hd-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
}
@media(min-width:1200px) {
.col-xl {
flex: 1 0 0%
}
.row-cols-xl-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-xl-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-xl-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-xl-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-xl-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-xl-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-xl-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
}
@media(min-width:1440px) {
.col-xxl {
flex: 1 0 0%
}
.row-cols-xxl-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-xxl-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-xxl-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-xxl-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-xxl-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-xxl-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-xxl-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
}
@media(min-width:1792px) {
.col-xxxl {
flex: 1 0 0%
}
.row-cols-xxxl-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-xxxl-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-xxxl-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-xxxl-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-xxxl-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-xxxl-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-xxxl-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
}
.col-auto {
flex: 0 0 auto;
width: auto
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-3 {
flex: 0 0 auto;
width: 25%
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-6 {
flex: 0 0 auto;
width: 50%
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-9 {
flex: 0 0 auto;
width: 75%
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-12 {
flex: 0 0 auto;
width: 100%
}
.offset-1 {
margin-left: 8.33333333%
}
.offset-2 {
margin-left: 16.66666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.33333333%
}
.offset-5 {
margin-left: 41.66666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.33333333%
}
.offset-8 {
margin-left: 66.66666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.33333333%
}
.offset-11 {
margin-left: 91.66666667%
}
.g-0,
.gx-0 {
--bs-gutter-x: 0
}
.g-0,
.gy-0 {
--bs-gutter-y: 0
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem
}
@media(min-width:576px) {
.col-sm-auto {
flex: 0 0 auto;
width: auto
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.33333333%
}
.offset-sm-2 {
margin-left: 16.66666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.33333333%
}
.offset-sm-5 {
margin-left: 41.66666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.33333333%
}
.offset-sm-8 {
margin-left: 66.66666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.33333333%
}
.offset-sm-11 {
margin-left: 91.66666667%
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem
}
}
@media(min-width:768px) {
.col-md-auto {
flex: 0 0 auto;
width: auto
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-md-3 {
flex: 0 0 auto;
width: 25%
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-md-6 {
flex: 0 0 auto;
width: 50%
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-md-9 {
flex: 0 0 auto;
width: 75%
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-md-12 {
flex: 0 0 auto;
width: 100%
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.33333333%
}
.offset-md-2 {
margin-left: 16.66666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.33333333%
}
.offset-md-5 {
margin-left: 41.66666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.33333333%
}
.offset-md-8 {
margin-left: 66.66666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.33333333%
}
.offset-md-11 {
margin-left: 91.66666667%
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem
}
}
@media(min-width:992px) {
.col-lg-auto {
flex: 0 0 auto;
width: auto
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.33333333%
}
.offset-lg-2 {
margin-left: 16.66666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.33333333%
}
.offset-lg-5 {
margin-left: 41.66666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.33333333%
}
.offset-lg-8 {
margin-left: 66.66666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.33333333%
}
.offset-lg-11 {
margin-left: 91.66666667%
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem
}
}
@media(min-width:1024px) {
.col-hd-auto {
flex: 0 0 auto;
width: auto
}
.col-hd-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-hd-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-hd-3 {
flex: 0 0 auto;
width: 25%
}
.col-hd-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-hd-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-hd-6 {
flex: 0 0 auto;
width: 50%
}
.col-hd-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-hd-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-hd-9 {
flex: 0 0 auto;
width: 75%
}
.col-hd-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-hd-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-hd-12 {
flex: 0 0 auto;
width: 100%
}
.offset-hd-0 {
margin-left: 0
}
.offset-hd-1 {
margin-left: 8.33333333%
}
.offset-hd-2 {
margin-left: 16.66666667%
}
.offset-hd-3 {
margin-left: 25%
}
.offset-hd-4 {
margin-left: 33.33333333%
}
.offset-hd-5 {
margin-left: 41.66666667%
}
.offset-hd-6 {
margin-left: 50%
}
.offset-hd-7 {
margin-left: 58.33333333%
}
.offset-hd-8 {
margin-left: 66.66666667%
}
.offset-hd-9 {
margin-left: 75%
}
.offset-hd-10 {
margin-left: 83.33333333%
}
.offset-hd-11 {
margin-left: 91.66666667%
}
.g-hd-0,
.gx-hd-0 {
--bs-gutter-x: 0
}
.g-hd-0,
.gy-hd-0 {
--bs-gutter-y: 0
}
.g-hd-1,
.gx-hd-1 {
--bs-gutter-x: 0.25rem
}
.g-hd-1,
.gy-hd-1 {
--bs-gutter-y: 0.25rem
}
.g-hd-2,
.gx-hd-2 {
--bs-gutter-x: 0.5rem
}
.g-hd-2,
.gy-hd-2 {
--bs-gutter-y: 0.5rem
}
.g-hd-3,
.gx-hd-3 {
--bs-gutter-x: 1rem
}
.g-hd-3,
.gy-hd-3 {
--bs-gutter-y: 1rem
}
.g-hd-4,
.gx-hd-4 {
--bs-gutter-x: 1.5rem
}
.g-hd-4,
.gy-hd-4 {
--bs-gutter-y: 1.5rem
}
.g-hd-5,
.gx-hd-5 {
--bs-gutter-x: 3rem
}
.g-hd-5,
.gy-hd-5 {
--bs-gutter-y: 3rem
}
}
@media(min-width:1200px) {
.col-xl-auto {
flex: 0 0 auto;
width: auto
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.33333333%
}
.offset-xl-2 {
margin-left: 16.66666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.33333333%
}
.offset-xl-5 {
margin-left: 41.66666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.33333333%
}
.offset-xl-8 {
margin-left: 66.66666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.33333333%
}
.offset-xl-11 {
margin-left: 91.66666667%
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem
}
}
@media(min-width:1440px) {
.col-xxl-auto {
flex: 0 0 auto;
width: auto
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%
}
.offset-xxl-0 {
margin-left: 0
}
.offset-xxl-1 {
margin-left: 8.33333333%
}
.offset-xxl-2 {
margin-left: 16.66666667%
}
.offset-xxl-3 {
margin-left: 25%
}
.offset-xxl-4 {
margin-left: 33.33333333%
}
.offset-xxl-5 {
margin-left: 41.66666667%
}
.offset-xxl-6 {
margin-left: 50%
}
.offset-xxl-7 {
margin-left: 58.33333333%
}
.offset-xxl-8 {
margin-left: 66.66666667%
}
.offset-xxl-9 {
margin-left: 75%
}
.offset-xxl-10 {
margin-left: 83.33333333%
}
.offset-xxl-11 {
margin-left: 91.66666667%
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem
}
}
@media(min-width:1792px) {
.col-xxxl-auto {
flex: 0 0 auto;
width: auto
}
.col-xxxl-1 {
flex: 0 0 auto;
width: 8.33333333%
}
.col-xxxl-2 {
flex: 0 0 auto;
width: 16.66666667%
}
.col-xxxl-3 {
flex: 0 0 auto;
width: 25%
}
.col-xxxl-4 {
flex: 0 0 auto;
width: 33.33333333%
}
.col-xxxl-5 {
flex: 0 0 auto;
width: 41.66666667%
}
.col-xxxl-6 {
flex: 0 0 auto;
width: 50%
}
.col-xxxl-7 {
flex: 0 0 auto;
width: 58.33333333%
}
.col-xxxl-8 {
flex: 0 0 auto;
width: 66.66666667%
}
.col-xxxl-9 {
flex: 0 0 auto;
width: 75%
}
.col-xxxl-10 {
flex: 0 0 auto;
width: 83.33333333%
}
.col-xxxl-11 {
flex: 0 0 auto;
width: 91.66666667%
}
.col-xxxl-12 {
flex: 0 0 auto;
width: 100%
}
.offset-xxxl-0 {
margin-left: 0
}
.offset-xxxl-1 {
margin-left: 8.33333333%
}
.offset-xxxl-2 {
margin-left: 16.66666667%
}
.offset-xxxl-3 {
margin-left: 25%
}
.offset-xxxl-4 {
margin-left: 33.33333333%
}
.offset-xxxl-5 {
margin-left: 41.66666667%
}
.offset-xxxl-6 {
margin-left: 50%
}
.offset-xxxl-7 {
margin-left: 58.33333333%
}
.offset-xxxl-8 {
margin-left: 66.66666667%
}
.offset-xxxl-9 {
margin-left: 75%
}
.offset-xxxl-10 {
margin-left: 83.33333333%
}
.offset-xxxl-11 {
margin-left: 91.66666667%
}
.g-xxxl-0,
.gx-xxxl-0 {
--bs-gutter-x: 0
}
.g-xxxl-0,
.gy-xxxl-0 {
--bs-gutter-y: 0
}
.g-xxxl-1,
.gx-xxxl-1 {
--bs-gutter-x: 0.25rem
}
.g-xxxl-1,
.gy-xxxl-1 {
--bs-gutter-y: 0.25rem
}
.g-xxxl-2,
.gx-xxxl-2 {
--bs-gutter-x: 0.5rem
}
.g-xxxl-2,
.gy-xxxl-2 {
--bs-gutter-y: 0.5rem
}
.g-xxxl-3,
.gx-xxxl-3 {
--bs-gutter-x: 1rem
}
.g-xxxl-3,
.gy-xxxl-3 {
--bs-gutter-y: 1rem
}
.g-xxxl-4,
.gx-xxxl-4 {
--bs-gutter-x: 1.5rem
}
.g-xxxl-4,
.gy-xxxl-4 {
--bs-gutter-y: 1.5rem
}
.g-xxxl-5,
.gx-xxxl-5 {
--bs-gutter-x: 3rem
}
.g-xxxl-5,
.gy-xxxl-5 {
--bs-gutter-y: 3rem
}
}
.table {
--bs-table-bg: transparent;
--bs-table-accent-bg: transparent;
--bs-table-striped-color: #212529;
--bs-table-striped-bg: #FFFFFF;
--bs-table-active-color: #212529;
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: #212529;
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
margin-bottom: 1rem;
color: #212529;
vertical-align: top;
border-color: #dee2e6
}
.table>:not(caption)>*>* {
padding: .5rem .5rem;
background-color: var(--bs-table-bg);
border-bottom-width: 1px;
box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}
.table>tbody {
vertical-align: inherit
}
.table>thead {
vertical-align: bottom
}
.table>:not(:last-child)>:last-child>* {
border-bottom-color: currentColor
}
.caption-top {
caption-side: top
}
.table-sm>:not(caption)>*>* {
padding: .25rem .25rem
}
.table-bordered>:not(caption)>* {
border-width: 1px 0
}
.table-bordered>:not(caption)>*>* {
border-width: 0 1px
}
.table-borderless>:not(caption)>*>* {
border-bottom-width: 0
}
.table-striped>tbody>tr:nth-of-type(odd) {
--bs-table-accent-bg: var(--bs-table-striped-bg);
color: var(--bs-table-striped-color)
}
.table-active {
--bs-table-accent-bg: var(--bs-table-active-bg);
color: var(--bs-table-active-color)
}
.table-hover>tbody>tr:hover {
--bs-table-accent-bg: var(--bs-table-hover-bg);
color: var(--bs-table-hover-color)
}
.table-primary {
--bs-table-bg: #cfe2ff;
--bs-table-striped-bg: #c5d7f2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bacbe6;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfd1ec;
--bs-table-hover-color: #000;
color: #000;
border-color: #bacbe6
}
.table-secondary {
--bs-table-bg: #e2e3e5;
--bs-table-striped-bg: #d7d8da;
--bs-table-striped-color: #000;
--bs-table-active-bg: #cbccce;
--bs-table-active-color: #000;
--bs-table-hover-bg: #d1d2d4;
--bs-table-hover-color: #000;
color: #000;
border-color: #cbccce
}
.table-success {
--bs-table-bg: #d1e7dd;
--bs-table-striped-bg: #c7dbd2;
--bs-table-striped-color: #000;
--bs-table-active-bg: #bcd0c7;
--bs-table-active-color: #000;
--bs-table-hover-bg: #c1d6cc;
--bs-table-hover-color: #000;
color: #000;
border-color: #bcd0c7
}
.table-info {
--bs-table-bg: #cff4fc;
--bs-table-striped-bg: #c5e8ef;
--bs-table-striped-color: #000;
--bs-table-active-bg: #badce3;
--bs-table-active-color: #000;
--bs-table-hover-bg: #bfe2e9;
--bs-table-hover-color: #000;
color: #000;
border-color: #badce3
}
.table-warning {
--bs-table-bg: #fff3cd;
--bs-table-striped-bg: #f2e7c3;
--bs-table-striped-color: #000;
--bs-table-active-bg: #e6dbb9;
--bs-table-active-color: #000;
--bs-table-hover-bg: #ece1be;
--bs-table-hover-color: #000;
color: #000;
border-color: #e6dbb9
}
.table-danger {
--bs-table-bg: #f8d7da;
--bs-table-striped-bg: #eccccf;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfc2c4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5c7ca;
--bs-table-hover-color: #000;
color: #000;
border-color: #dfc2c4
}
.table-light {
--bs-table-bg: #f8f9fa;
--bs-table-striped-bg: #ecedee;
--bs-table-striped-color: #000;
--bs-table-active-bg: #dfe0e1;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5e6e7;
--bs-table-hover-color: #000;
color: #000;
border-color: #dfe0e1
}
.table-dark {
--bs-table-bg: #212529;
--bs-table-striped-bg: #2c3034;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #373b3e;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #323539;
--bs-table-hover-color: #fff;
color: #fff;
border-color: #373b3e
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
@media(max-width:575.98px) {
.table-responsive-sm {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media(max-width:767.98px) {
.table-responsive-md {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media(max-width:991.98px) {
.table-responsive-lg {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media(max-width:1023.98px) {
.table-responsive-hd {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media(max-width:1199.98px) {
.table-responsive-xl {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media(max-width:1439.98px) {
.table-responsive-xxl {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
@media(max-width:1791.98px) {
.table-responsive-xxxl {
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
}
.form-label {
margin-bottom: .5rem
}
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem
}
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem
}
.form-text {
margin-top: .25rem;
font-size: 0.875em;
color: #6c757d
}
.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #263140;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: .25rem;
box-shadow: unset;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
.form-control {
transition: none
}
}
.form-control[type=file] {
overflow: hidden
}
.form-control[type=file]:not(:disabled):not([readonly]) {
cursor: pointer
}
.form-control:focus {
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
box-shadow: unset, 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-control::-webkit-date-and-time-value {
height: 1.5em
}
.form-control::placeholder {
color: #76818d;
opacity: 1
}
.form-control:disabled,
.form-control[readonly] {
background-color: #e9ecef;
opacity: 1
}
.form-control::file-selector-button {
padding: .375rem .75rem;
margin: -0.375rem -0.75rem;
margin-inline-end: .75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
.form-control::file-selector-button {
transition: none
}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color: #dde0e3
}
.form-control::-webkit-file-upload-button {
padding: .375rem .75rem;
margin: -0.375rem -0.75rem;
margin-inline-end: .75rem;
color: #212529;
background-color: #e9ecef;
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
.form-control::-webkit-file-upload-button {
transition: none
}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
background-color: #dde0e3
}
.form-control-plaintext {
display: block;
width: 100%;
padding: .375rem 0;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: rgba(0, 0, 0, 0);
border: solid rgba(0, 0, 0, 0);
border-width: 1px 0
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
min-height: calc(1.5em + (0.5rem + 2px));
padding: .25rem .5rem;
font-size: 0.875rem;
border-radius: .2rem
}
.form-control-sm::file-selector-button {
padding: .25rem .5rem;
margin: -0.25rem -0.5rem;
margin-inline-end: .5rem
}
.form-control-sm::-webkit-file-upload-button {
padding: .25rem .5rem;
margin: -0.25rem -0.5rem;
margin-inline-end: .5rem
}
.form-control-lg {
min-height: calc(1.5em + (1rem + 2px));
padding: .5rem 1rem;
font-size: 1.25rem;
border-radius: .3rem
}
.form-control-lg::file-selector-button {
padding: .5rem 1rem;
margin: -0.5rem -1rem;
margin-inline-end: 1rem
}
.form-control-lg::-webkit-file-upload-button {
padding: .5rem 1rem;
margin: -0.5rem -1rem;
margin-inline-end: 1rem
}
textarea.form-control {
min-height: calc(1.5em + (0.75rem + 2px))
}
textarea.form-control-sm {
min-height: calc(1.5em + (0.5rem + 2px))
}
textarea.form-control-lg {
min-height: calc(1.5em + (1rem + 2px))
}
.form-control-color {
max-width: 3rem;
height: auto;
padding: .375rem
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer
}
.form-control-color::-moz-color-swatch {
height: 1.5em;
border-radius: .25rem
}
.form-control-color::-webkit-color-swatch {
height: 1.5em;
border-radius: .25rem
}
.form-select {
display: block;
width: 100%;
padding: .375rem 2.25rem .375rem .75rem;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right .75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: .25rem;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
appearance: none
}
@media(prefers-reduced-motion:reduce) {
.form-select {
transition: none
}
}
.form-select:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
padding-right: .75rem;
background-image: none
}
.form-select:disabled {
background-color: #e9ecef
}
.form-select:-moz-focusring {
color: rgba(0, 0, 0, 0);
text-shadow: 0 0 0 #212529
}
.form-select-sm {
padding-top: .25rem;
padding-bottom: .25rem;
padding-left: .5rem;
font-size: 0.875rem
}
.form-select-lg {
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 1rem;
font-size: 1.25rem
}
.form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: .125rem
}
.form-check .form-check-input {
float: left;
margin-left: -1.5em
}
.form-check-input {
width: 1em;
height: 1em;
margin-top: .25em;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid rgba(0, 0, 0, .25);
appearance: none;
color-adjust: exact
}
.form-check-input[type=checkbox] {
border-radius: .25em
}
.form-check-input[type=radio] {
border-radius: 50%
}
.form-check-input:active {
filter: brightness(90%)
}
.form-check-input:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-check-input:checked {
background-color: #0d6efd;
border-color: #0d6efd
}
.form-check-input:checked[type=checkbox] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}
.form-check-input:checked[type=radio] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}
.form-check-input[type=checkbox]:indeterminate {
background-color: #0d6efd;
border-color: #0d6efd;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}
.form-check-input:disabled {
pointer-events: none;
filter: none;
opacity: .5
}
.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
opacity: .5
}
.form-switch {
padding-left: 2.5em
}
.form-switch .form-check-input {
width: 2em;
margin-left: -2.5em;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
background-position: left center;
border-radius: 2em;
transition: background-position .15s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
.form-switch .form-check-input {
transition: none
}
}
.form-switch .form-check-input:focus {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}
.form-switch .form-check-input:checked {
background-position: right center;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.form-check-inline {
display: inline-block;
margin-right: 1rem
}
.btn-check {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none
}
.btn-check[disabled]+.btn,
.btn-check:disabled+.btn {
pointer-events: none;
filter: none;
opacity: .65
}
.form-range {
width: 100%;
height: 1.5rem;
padding: 0;
background-color: rgba(0, 0, 0, 0);
appearance: none
}
.form-range:focus {
outline: 0
}
.form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.form-range::-moz-focus-outer {
border: 0
}
.form-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
appearance: none
}
@media(prefers-reduced-motion:reduce) {
.form-range::-webkit-slider-thumb {
transition: none
}
}
.form-range::-webkit-slider-thumb:active {
background-color: #b6d4fe
}
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: .5rem;
color: rgba(0, 0, 0, 0);
cursor: pointer;
background-color: #dee2e6;
border-color: rgba(0, 0, 0, 0);
border-radius: 1rem;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075)
}
.form-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
appearance: none
}
@media(prefers-reduced-motion:reduce) {
.form-range::-moz-range-thumb {
transition: none
}
}
.form-range::-moz-range-thumb:active {
background-color: #b6d4fe
}
.form-range::-moz-range-track {
width: 100%;
height: .5rem;
color: rgba(0, 0, 0, 0);
cursor: pointer;
background-color: #dee2e6;
border-color: rgba(0, 0, 0, 0);
border-radius: 1rem;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075)
}
.form-range:disabled {
pointer-events: none
}
.form-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd
}
.form-range:disabled::-moz-range-thumb {
background-color: #adb5bd
}
.form-floating {
position: relative
}
.form-floating>.form-control,
.form-floating>.form-select {
height: calc(3.5rem + 2px);
line-height: 1.25
}
.form-floating>label {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 1rem .75rem;
pointer-events: none;
border: 1px solid rgba(0, 0, 0, 0);
transform-origin: 0 0;
transition: opacity .1s ease-in-out, transform .1s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
.form-floating>label {
transition: none
}
}
.form-floating>.form-control {
padding: 1rem .75rem
}
.form-floating>.form-control::placeholder {
color: rgba(0, 0, 0, 0)
}
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-control:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-select {
padding-top: 1.625rem;
padding-bottom: .625rem
}
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
opacity: .65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}
.form-floating>.form-control:-webkit-autofill~label {
opacity: .65;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%
}
.input-group>.form-control,
.input-group>.form-select {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0
}
.input-group>.form-control:focus,
.input-group>.form-select:focus {
z-index: 3
}
.input-group .btn {
position: relative;
z-index: 2
}
.input-group .btn:focus {
z-index: 3
}
.input-group-text {
display: flex;
align-items: center;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: .25rem
}
.form-item-captcha-response .input-group-text {
height: 100%
}
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn {
padding: .5rem 1rem;
font-size: 1.25rem;
border-radius: .3rem
}
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn {
padding: .25rem .5rem;
font-size: 0.875rem;
border-radius: .2rem
}
.input-group-lg>.form-select,
.input-group-sm>.form-select {
padding-right: 3rem
}
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.valid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 0.875em;
color: #198754
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: 0.875rem;
color: #fff;
background-color: rgba(25, 135, 84, .9);
border-radius: .25rem
}
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
display: block
}
.was-validated .form-control:valid,
.form-control.is-valid {
border-color: #198754;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
border-color: #198754;
box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}
.was-validated .form-select:valid,
.form-select.is-valid {
border-color: #198754
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-position: right .75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
border-color: #198754;
box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}
.was-validated .form-check-input:valid,
.form-check-input.is-valid {
border-color: #198754
}
.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
background-color: #198754
}
.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}
.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
color: #198754
}
.form-check-inline .form-check-input~.valid-feedback {
margin-left: .5em
}
.was-validated .input-group .form-control:valid,
.input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
z-index: 1
}
.was-validated .input-group .form-control:valid:focus,
.input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
z-index: 3
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 0.875em;
color: #dc3545
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: 0.875rem;
color: #fff;
background-color: rgba(220, 53, 69, .9);
border-radius: .25rem
}
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
display: block
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
border-color: #dc3545;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}
.was-validated .form-select:invalid,
.form-select.is-invalid {
border-color: #dc3545
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-position: right .75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}
.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
border-color: #dc3545
}
.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
background-color: #dc3545
}
.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}
.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
color: #dc3545
}
.form-check-inline .form-check-input~.invalid-feedback {
margin-left: .5em
}
.was-validated .input-group .form-control:invalid,
.input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
z-index: 2
}
.was-validated .input-group .form-control:invalid:focus,
.input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
z-index: 3
}
.btn {
display: inline-block;
font-weight: 400;
line-height: 1.5;
color: #263140;
text-align: center;
vertical-align: middle;
cursor: pointer;
user-select: none;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(0, 0, 0, 0);
padding: .375rem .75rem;
font-size: 1rem;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
.btn {
transition: none
}
}
.btn:hover {
color: #263140;
text-decoration: none
}
.btn-check:focus+.btn,
.btn:focus:not(:focus-visible) {
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.btn-check:checked+.btn,
.btn-check:active+.btn,
.btn:active,
.btn.active {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn-check:checked+.btn:focus,
.btn-check:active+.btn:focus,
.btn:active:focus,
.btn.active:focus {
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25), inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
box-shadow: none;
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed !important
}
fieldset:disabled .btn {
pointer-events: none
}
.btn-primary {
color: #000;
background-color: #1882ff;
border-color: #1882ff;
box-shadow: unset
}
.btn-primary:hover {
color: #000;
background-color: #3b95ff;
border-color: #2f8fff
}
.btn-check:focus+.btn-primary,
.btn-primary:focus {
color: #000;
background-color: #3b95ff;
border-color: #2f8fff;
box-shadow: unset, 0 0 0 .25rem rgba(20, 111, 217, .5)
}
.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
color: #000;
background-color: #469bff;
border-color: #2f8fff
}
.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(20, 111, 217, .5)
}
.btn-primary:disabled,
.btn-primary.disabled {
color: #000;
background-color: #1882ff;
border-color: #1882ff
}
.btn-secondary {
color: #000;
background-color: #f6f8f9;
border-color: #f6f8f9;
box-shadow: unset
}
.btn-secondary:hover {
color: #000;
background-color: #f7f9fa;
border-color: #f7f9fa
}
.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
color: #000;
background-color: #f7f9fa;
border-color: #f7f9fa;
box-shadow: unset, 0 0 0 .25rem rgba(209, 211, 212, .5)
}
.btn-check:checked+.btn-secondary,
.btn-check:active+.btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show>.btn-secondary.dropdown-toggle {
color: #000;
background-color: #f8f9fa;
border-color: #f7f9fa
}
.btn-check:checked+.btn-secondary:focus,
.btn-check:active+.btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(209, 211, 212, .5)
}
.btn-secondary:disabled,
.btn-secondary.disabled {
color: #000;
background-color: #f6f8f9;
border-color: #f6f8f9
}
.btn-success {
color: #000;
background-color: #28a745;
border-color: #28a745;
box-shadow: unset
}
.btn-success:hover {
color: #000;
background-color: #48b461;
border-color: #3eb058
}
.btn-check:focus+.btn-success,
.btn-success:focus {
color: #000;
background-color: #48b461;
border-color: #3eb058;
box-shadow: unset, 0 0 0 .25rem rgba(34, 142, 59, .5)
}
.btn-check:checked+.btn-success,
.btn-check:active+.btn-success,
.btn-success:active,
.btn-success.active,
.show>.btn-success.dropdown-toggle {
color: #000;
background-color: #53b96a;
border-color: #3eb058
}
.btn-check:checked+.btn-success:focus,
.btn-check:active+.btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus,
.show>.btn-success.dropdown-toggle:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(34, 142, 59, .5)
}
.btn-success:disabled,
.btn-success.disabled {
color: #000;
background-color: #28a745;
border-color: #28a745
}
.btn-info {
color: #000;
background-color: #17a2b8;
border-color: #17a2b8;
box-shadow: unset
}
.btn-info:hover {
color: #000;
background-color: #3ab0c3;
border-color: #2eabbf
}
.btn-check:focus+.btn-info,
.btn-info:focus {
color: #000;
background-color: #3ab0c3;
border-color: #2eabbf;
box-shadow: unset, 0 0 0 .25rem rgba(20, 138, 156, .5)
}
.btn-check:checked+.btn-info,
.btn-check:active+.btn-info,
.btn-info:active,
.btn-info.active,
.show>.btn-info.dropdown-toggle {
color: #000;
background-color: #45b5c6;
border-color: #2eabbf
}
.btn-check:checked+.btn-info:focus,
.btn-check:active+.btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.show>.btn-info.dropdown-toggle:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(20, 138, 156, .5)
}
.btn-info:disabled,
.btn-info.disabled {
color: #000;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-warning {
color: #000;
background-color: #ffc107;
border-color: #ffc107;
box-shadow: unset
}
.btn-warning:hover {
color: #000;
background-color: #ffca2c;
border-color: #ffc720
}
.btn-check:focus+.btn-warning,
.btn-warning:focus {
color: #000;
background-color: #ffca2c;
border-color: #ffc720;
box-shadow: unset, 0 0 0 .25rem rgba(217, 164, 6, .5)
}
.btn-check:checked+.btn-warning,
.btn-check:active+.btn-warning,
.btn-warning:active,
.btn-warning.active,
.show>.btn-warning.dropdown-toggle {
color: #000;
background-color: #ffcd39;
border-color: #ffc720
}
.btn-check:checked+.btn-warning:focus,
.btn-check:active+.btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.show>.btn-warning.dropdown-toggle:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(217, 164, 6, .5)
}
.btn-warning:disabled,
.btn-warning.disabled {
color: #000;
background-color: #ffc107;
border-color: #ffc107
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
box-shadow: unset
}
.btn-danger:hover {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37
}
.btn-check:focus+.btn-danger,
.btn-danger:focus {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37;
box-shadow: unset, 0 0 0 .25rem rgba(225, 83, 97, .5)
}
.btn-check:checked+.btn-danger,
.btn-check:active+.btn-danger,
.btn-danger:active,
.btn-danger.active,
.show>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #b02a37;
border-color: #a52834
}
.btn-check:checked+.btn-danger:focus,
.btn-check:active+.btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus,
.show>.btn-danger.dropdown-toggle:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(225, 83, 97, .5)
}
.btn-danger:disabled,
.btn-danger.disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-light {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa;
box-shadow: unset
}
.btn-light:hover {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb
}
.btn-check:focus+.btn-light,
.btn-light:focus {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb;
box-shadow: unset, 0 0 0 .25rem rgba(211, 212, 213, .5)
}
.btn-check:checked+.btn-light,
.btn-check:active+.btn-light,
.btn-light:active,
.btn-light.active,
.show>.btn-light.dropdown-toggle {
color: #000;
background-color: #f9fafb;
border-color: #f9fafb
}
.btn-check:checked+.btn-light:focus,
.btn-check:active+.btn-light:focus,
.btn-light:active:focus,
.btn-light.active:focus,
.show>.btn-light.dropdown-toggle:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(211, 212, 213, .5)
}
.btn-light:disabled,
.btn-light.disabled {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
box-shadow: unset
}
.btn-dark:hover {
color: #fff;
background-color: #2c3136;
border-color: #2a2e33
}
.btn-check:focus+.btn-dark,
.btn-dark:focus {
color: #fff;
background-color: #2c3136;
border-color: #2a2e33;
box-shadow: unset, 0 0 0 .25rem rgba(82, 88, 93, .5)
}
.btn-check:checked+.btn-dark,
.btn-check:active+.btn-dark,
.btn-dark:active,
.btn-dark.active,
.show>.btn-dark.dropdown-toggle {
color: #fff;
background-color: #2a2e33;
border-color: #272c30
}
.btn-check:checked+.btn-dark:focus,
.btn-check:active+.btn-dark:focus,
.btn-dark:active:focus,
.btn-dark.active:focus,
.show>.btn-dark.dropdown-toggle:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(82, 88, 93, .5)
}
.btn-dark:disabled,
.btn-dark.disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-primary {
color: #1882ff;
border-color: #1882ff
}
.btn-outline-primary:hover {
color: #000;
background-color: #1882ff;
border-color: #1882ff
}
.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
box-shadow: 0 0 0 .25rem rgba(24, 130, 255, .5)
}
.btn-check:checked+.btn-outline-primary,
.btn-check:active+.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
color: #000;
background-color: #1882ff;
border-color: #1882ff
}
.btn-check:checked+.btn-outline-primary:focus,
.btn-check:active+.btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(24, 130, 255, .5)
}
.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
color: #1882ff;
background-color: rgba(0, 0, 0, 0)
}
.btn-outline-secondary {
color: #f6f8f9;
border-color: #f6f8f9
}
.btn-outline-secondary:hover {
color: #000;
background-color: #f6f8f9;
border-color: #f6f8f9
}
.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
box-shadow: 0 0 0 .25rem rgba(246, 248, 249, .5)
}
.btn-check:checked+.btn-outline-secondary,
.btn-check:active+.btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {
color: #000;
background-color: #f6f8f9;
border-color: #f6f8f9
}
.btn-check:checked+.btn-outline-secondary:focus,
.btn-check:active+.btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(246, 248, 249, .5)
}
.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
color: #f6f8f9;
background-color: rgba(0, 0, 0, 0)
}
.btn-outline-success {
color: #28a745;
border-color: #28a745
}
.btn-outline-success:hover {
color: #000;
background-color: #28a745;
border-color: #28a745
}
.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
box-shadow: 0 0 0 .25rem rgba(40, 167, 69, .5)
}
.btn-check:checked+.btn-outline-success,
.btn-check:active+.btn-outline-success,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show {
color: #000;
background-color: #28a745;
border-color: #28a745
}
.btn-check:checked+.btn-outline-success:focus,
.btn-check:active+.btn-outline-success:focus,
.btn-outline-success:active:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(40, 167, 69, .5)
}
.btn-outline-success:disabled,
.btn-outline-success.disabled {
color: #28a745;
background-color: rgba(0, 0, 0, 0)
}
.btn-outline-info {
color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:hover {
color: #000;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
box-shadow: 0 0 0 .25rem rgba(23, 162, 184, .5)
}
.btn-check:checked+.btn-outline-info,
.btn-check:active+.btn-outline-info,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show {
color: #000;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-check:checked+.btn-outline-info:focus,
.btn-check:active+.btn-outline-info:focus,
.btn-outline-info:active:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(23, 162, 184, .5)
}
.btn-outline-info:disabled,
.btn-outline-info.disabled {
color: #17a2b8;
background-color: rgba(0, 0, 0, 0)
}
.btn-outline-warning {
color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:hover {
color: #000;
background-color: #ffc107;
border-color: #ffc107
}
.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}
.btn-check:checked+.btn-outline-warning,
.btn-check:active+.btn-outline-warning,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show {
color: #000;
background-color: #ffc107;
border-color: #ffc107
}
.btn-check:checked+.btn-outline-warning:focus,
.btn-check:active+.btn-outline-warning:focus,
.btn-outline-warning:active:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(255, 193, 7, .5)
}
.btn-outline-warning:disabled,
.btn-outline-warning.disabled {
color: #ffc107;
background-color: rgba(0, 0, 0, 0)
}
.btn-outline-danger {
color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}
.btn-check:checked+.btn-outline-danger,
.btn-check:active+.btn-outline-danger,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-check:checked+.btn-outline-danger:focus,
.btn-check:active+.btn-outline-danger:focus,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(220, 53, 69, .5)
}
.btn-outline-danger:disabled,
.btn-outline-danger.disabled {
color: #dc3545;
background-color: rgba(0, 0, 0, 0)
}
.btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:hover {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}
.btn-check:checked+.btn-outline-light,
.btn-check:active+.btn-outline-light,
.btn-outline-light:active,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show {
color: #000;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-check:checked+.btn-outline-light:focus,
.btn-check:active+.btn-outline-light:focus,
.btn-outline-light:active:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(248, 249, 250, .5)
}
.btn-outline-light:disabled,
.btn-outline-light.disabled {
color: #f8f9fa;
background-color: rgba(0, 0, 0, 0)
}
.btn-outline-dark {
color: #343a40;
border-color: #343a40
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
box-shadow: 0 0 0 .25rem rgba(52, 58, 64, .5)
}
.btn-check:checked+.btn-outline-dark,
.btn-check:active+.btn-outline-dark,
.btn-outline-dark:active,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-check:checked+.btn-outline-dark:focus,
.btn-check:active+.btn-outline-dark:focus,
.btn-outline-dark:active:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(52, 58, 64, .5)
}
.btn-outline-dark:disabled,
.btn-outline-dark.disabled {
color: #343a40;
background-color: rgba(0, 0, 0, 0)
}
.btn-link {
font-weight: normal;
color: #0d6efd;
text-decoration: none
}
.btn-link:hover {
color: #0a58ca;
text-decoration: underline
}
.btn-link:focus {
text-decoration: underline
}
.btn-link:disabled,
.btn-link.disabled {
color: #6c757d;
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed
}
.btn-lg,
.btn-group-lg>.btn {
padding: .5rem 1rem;
font-size: 1.25rem;
border-radius: .3rem
}
.btn-sm,
.btn-group-sm>.btn {
padding: .25rem .5rem;
font-size: 0.875rem;
border-radius: .2rem
}
.fade {
transition: opacity .15s linear
}
@media(prefers-reduced-motion:reduce) {
.fade {
transition: none
}
}
.fade:not(.show) {
opacity: 0
}
.collapse:not(.show) {
display: none
}
.collapsing {
height: 0;
overflow: hidden;
transition: height .35s ease
}
@media(prefers-reduced-motion:reduce) {
.collapsing {
transition: none
}
}
.dropup,
.dropend,
.dropdown,
.dropstart {
position: relative
}
.dropdown-toggle {
white-space: nowrap
}
.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid rgba(0, 0, 0, 0);
border-bottom: 0;
border-left: .3em solid rgba(0, 0, 0, 0)
}
.dropdown-toggle:empty::after {
margin-left: 0
}
.dropdown-menu {
position: absolute;
z-index: 1000;
display: none;
min-width: 10rem;
padding: .5rem 0;
margin: 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: .125rem
}
.dropdown-menu-start {
--bs-position: start
}
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-end {
--bs-position: end
}
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto
}
@media(min-width:576px) {
.dropdown-menu-sm-start {
--bs-position: start
}
.dropdown-menu-sm-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-sm-end {
--bs-position: end
}
.dropdown-menu-sm-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media(min-width:768px) {
.dropdown-menu-md-start {
--bs-position: start
}
.dropdown-menu-md-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-md-end {
--bs-position: end
}
.dropdown-menu-md-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media(min-width:992px) {
.dropdown-menu-lg-start {
--bs-position: start
}
.dropdown-menu-lg-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-lg-end {
--bs-position: end
}
.dropdown-menu-lg-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media(min-width:1024px) {
.dropdown-menu-hd-start {
--bs-position: start
}
.dropdown-menu-hd-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-hd-end {
--bs-position: end
}
.dropdown-menu-hd-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media(min-width:1200px) {
.dropdown-menu-xl-start {
--bs-position: start
}
.dropdown-menu-xl-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-xl-end {
--bs-position: end
}
.dropdown-menu-xl-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media(min-width:1440px) {
.dropdown-menu-xxl-start {
--bs-position: start
}
.dropdown-menu-xxl-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-xxl-end {
--bs-position: end
}
.dropdown-menu-xxl-end[data-bs-popper] {
right: 0;
left: auto
}
}
@media(min-width:1792px) {
.dropdown-menu-xxxl-start {
--bs-position: start
}
.dropdown-menu-xxxl-start[data-bs-popper] {
right: auto;
left: 0
}
.dropdown-menu-xxxl-end {
--bs-position: end
}
.dropdown-menu-xxxl-end[data-bs-popper] {
right: 0;
left: auto
}
}
.dropup .dropdown-menu[data-bs-popper] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: .125rem
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: 0;
border-right: .3em solid rgba(0, 0, 0, 0);
border-bottom: .3em solid;
border-left: .3em solid rgba(0, 0, 0, 0)
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0
}
.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: .125rem
}
.dropend .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid rgba(0, 0, 0, 0);
border-right: 0;
border-bottom: .3em solid rgba(0, 0, 0, 0);
border-left: .3em solid
}
.dropend .dropdown-toggle:empty::after {
margin-left: 0
}
.dropend .dropdown-toggle::after {
vertical-align: 0
}
.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: .125rem
}
.dropstart .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: ""
}
.dropstart .dropdown-toggle::after {
display: none
}
.dropstart .dropdown-toggle::before {
display: inline-block;
margin-right: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid rgba(0, 0, 0, 0);
border-right: .3em solid;
border-bottom: .3em solid rgba(0, 0, 0, 0)
}
.dropstart .dropdown-toggle:empty::after {
margin-left: 0
}
.dropstart .dropdown-toggle::before {
vertical-align: 0
}
.dropdown-divider {
height: 0;
margin: .5rem 0;
overflow: hidden;
border-top: 1px solid rgba(0, 0, 0, .15)
}
.dropdown-item {
display: block;
width: 100%;
padding: .25rem 1rem;
clear: both;
font-weight: normal;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: rgba(0, 0, 0, 0);
border: 0
}
.dropdown-item:hover,
.dropdown-item:focus {
color: #1e2125;
text-decoration: none;
background-color: #e9ecef
}
.dropdown-item.active,
.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #0d6efd
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: #adb5bd;
pointer-events: none;
background-color: rgba(0, 0, 0, 0)
}
.dropdown-menu.show {
display: block
}
.dropdown-header {
display: block;
padding: .5rem 1rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #6c757d;
white-space: nowrap
}
.dropdown-item-text {
display: block;
padding: .25rem 1rem;
color: #212529
}
.dropdown-menu-dark {
color: #dee2e6;
background-color: #343a40;
border-color: rgba(0, 0, 0, .15)
}
.dropdown-menu-dark .dropdown-item {
color: #dee2e6
}
.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
color: #fff;
background-color: rgba(255, 255, 255, .15)
}
.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
color: #fff;
background-color: #0d6efd
}
.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
color: #adb5bd
}
.dropdown-menu-dark .dropdown-divider {
border-color: rgba(0, 0, 0, .15)
}
.dropdown-menu-dark .dropdown-item-text {
color: #dee2e6
}
.dropdown-menu-dark .dropdown-header {
color: #adb5bd
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle
}
.btn-group>.btn,
.btn-group-vertical>.btn {
position: relative;
flex: 1 1 auto
}
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
z-index: 1
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start
}
.btn-toolbar .input-group {
width: auto
}
.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child) {
margin-left: -1px
}
.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn,
.btn-group>.btn-group:not(:first-child)>.btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-toggle-split {
padding-right: .5625rem;
padding-left: .5625rem
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
margin-left: 0
}
.dropstart .dropdown-toggle-split::before {
margin-right: 0
}
.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
padding-right: .375rem;
padding-left: .375rem
}
.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
padding-right: .75rem;
padding-left: .75rem
}
.btn-group.show .dropdown-toggle {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn-group.show .dropdown-toggle.btn-link {
box-shadow: none
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
width: 100%
}
.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
margin-top: -1px
}
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn~.btn,
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block;
padding: .5rem 1rem;
font-weight: 600;
color: #0d6efd;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
.nav-link {
transition: none
}
}
.nav-link:hover,
.nav-link:focus {
color: #0a58ca;
text-decoration: none
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default
}
.nav-tabs {
border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-link {
margin-bottom: -1px;
background: none;
border: 1px solid rgba(0, 0, 0, 0);
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
border-color: #e9ecef #e9ecef #dee2e6;
isolation: isolate
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0)
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills .nav-link {
background: none;
border: 0;
border-radius: .25rem
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: #fff;
background-color: #0d6efd
}
.nav-fill>.nav-link,
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center
}
.nav-justified>.nav-link,
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar img {
margin-right: 1.5rem
}
.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-hd,
.navbar>.container-xl,
.navbar>.container-xxl,
.navbar>.container-xxxl {
display: flex;
flex-wrap: inherit;
align-items: center;
justify-content: space-between
}
.navbar-brand {
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 1rem;
font-size: 1.25rem;
white-space: nowrap
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none
}
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0
}
.navbar-nav .dropdown-menu {
position: static
}
.navbar-text {
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center
}
.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(0, 0, 0, 0);
border-radius: .25rem;
transition: box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
.navbar-toggler {
transition: none
}
}
.navbar-toggler:hover {
text-decoration: none
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 .25rem
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
background-size: 100%
}
.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto
}
@media(min-width:576px) {
.navbar-expand-sm {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
display: none
}
}
@media(min-width:768px) {
.navbar-expand-md {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
display: none
}
}
@media(min-width:992px) {
.navbar-expand-lg {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none
}
}
@media(min-width:1024px) {
.navbar-expand-hd {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-hd .navbar-nav {
flex-direction: row
}
.navbar-expand-hd .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-hd .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-hd .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-hd .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-hd .navbar-toggler {
display: none
}
}
@media(min-width:1200px) {
.navbar-expand-xl {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
}
@media(min-width:1440px) {
.navbar-expand-xxl {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-xxl .navbar-toggler {
display: none
}
}
@media(min-width:1792px) {
.navbar-expand-xxxl {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand-xxxl .navbar-nav {
flex-direction: row
}
.navbar-expand-xxxl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xxxl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-xxxl .navbar-nav-scroll {
overflow: visible
}
.navbar-expand-xxxl .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-xxxl .navbar-toggler {
display: none
}
}
.navbar-expand {
flex-wrap: nowrap;
justify-content: flex-start
}
.navbar-expand .navbar-nav {
flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand .navbar-nav-scroll {
overflow: visible
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand .navbar-toggler {
display: none
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, .55)
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
color: rgba(0, 0, 0, .7)
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, .3)
}
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link.active {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, .55);
border-color: rgba(0, 0, 0, .1)
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, .55)
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
color: rgba(0, 0, 0, .9)
}
.navbar-dark .navbar-brand {
color: #fff
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
color: #fff
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, .55)
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, .75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, .25)
}
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link.active {
color: #fff
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, .55);
border-color: rgba(255, 255, 255, .1)
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, .55)
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
color: #fff
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25rem
}
.card>hr {
margin-right: 0;
margin-left: 0
}
.card>.list-group {
border-top: inherit;
border-bottom: inherit
}
.card>.list-group:first-child {
border-top-width: 0;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px)
}
.card>.list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px)
}
.card>.card-header+.list-group,
.card>.list-group+.card-footer {
border-top: 0
}
.card-body {
flex: 1 1 auto;
padding: 1rem 1rem
}
.card-title {
margin-bottom: .5rem
}
.card-subtitle {
margin-top: -0.25rem;
margin-bottom: 0
}
.card-text:last-child {
margin-bottom: 0
}
.card-link:hover {
text-decoration: none
}
.card-link+.card-link {
margin-left: 1rem
}
.card-header {
padding: .5rem 1rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, .03);
border-bottom: 1px solid rgba(0, 0, 0, .125)
}
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
}
.card-footer {
padding: .5rem 1rem;
background-color: rgba(0, 0, 0, .03);
border-top: 1px solid rgba(0, 0, 0, .125)
}
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)
}
.card-header-tabs {
margin-right: -0.5rem;
margin-bottom: -0.5rem;
margin-left: -0.5rem;
border-bottom: 0
}
.card-header-pills {
margin-right: -0.5rem;
margin-left: -0.5rem
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
border-radius: calc(0.25rem - 1px)
}
.card-img,
.card-img-top,
.card-img-bottom {
width: 100%
}
.card-img,
.card-img-top {
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px)
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px)
}
.card-group>.card {
margin-bottom: .75rem
}
@media(min-width:576px) {
.card-group {
display: flex;
flex-flow: row wrap
}
.card-group>.card {
flex: 1 0 0%;
margin-bottom: 0
}
.card-group>.card+.card {
margin-left: 0;
border-left: 0
}
.card-group>.card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.card-group>.card:not(:last-child) .card-img-top,
.card-group>.card:not(:last-child) .card-header {
border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-img-bottom,
.card-group>.card:not(:last-child) .card-footer {
border-bottom-right-radius: 0
}
.card-group>.card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.card-group>.card:not(:first-child) .card-img-top,
.card-group>.card:not(:first-child) .card-header {
border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-img-bottom,
.card-group>.card:not(:first-child) .card-footer {
border-bottom-left-radius: 0
}
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 1rem 1.25rem;
font-size: 1rem;
color: #212529;
text-align: left;
background-color: #fff;
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease
}
@media(prefers-reduced-motion:reduce) {
.accordion-button {
transition: none
}
}
.accordion-button:not(.collapsed) {
color: #0c63e4;
background-color: #e7f1ff;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
transform: rotate(-180deg)
}
.accordion-button::after {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: auto;
content: "";
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform .2s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
.accordion-button::after {
transition: none
}
}
.accordion-button:hover {
z-index: 2
}
.accordion-button:focus {
z-index: 3;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.accordion-header {
margin-bottom: 0
}
.accordion-item {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .125)
}
.accordion-item:first-of-type {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px)
}
.accordion-item:not(:first-of-type) {
border-top: 0
}
.accordion-item:last-of-type {
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px)
}
.accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.accordion-body {
padding: 1rem 1.25rem
}
.accordion-flush .accordion-collapse {
border-width: 0
}
.accordion-flush .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0
}
.accordion-flush .accordion-item:first-child {
border-top: 0
}
.accordion-flush .accordion-item:last-child {
border-bottom: 0
}
.accordion-flush .accordion-item .accordion-button {
border-radius: 0
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0 0;
margin-bottom: 1rem;
list-style: none
}
.breadcrumb-item+.breadcrumb-item {
padding-left: .5rem
}
.breadcrumb-item+.breadcrumb-item::before {
float: left;
padding-right: .5rem;
color: #6c757d;
content: var(--bs-breadcrumb-divider, "/")
}
.breadcrumb-item.active {
color: #6c757d
}
.pagination {
display: flex;
padding-left: 0;
list-style: none
}
.page-link {
position: relative;
display: block;
color: #0d6efd;
background-color: #fff;
border: 1px solid #dee2e6;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
.page-link {
transition: none
}
}
.page-link:hover {
z-index: 2;
color: #0a58ca;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6
}
.page-link:focus {
z-index: 3;
color: #0a58ca;
background-color: #e9ecef;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}
.page-item:not(:first-child) .page-link {
margin-left: -1px
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
background-color: #fff;
border-color: #dee2e6
}
.page-link {
padding: .375rem .75rem
}
.page-item:first-child .page-link {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem
}
.page-item:last-child .page-link {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem
}
.pagination-lg .page-link {
padding: .75rem 1.5rem;
font-size: 1.25rem
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: .3rem;
border-bottom-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem
}
.pagination-sm .page-link {
padding: .25rem .5rem;
font-size: 0.875rem
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: .2rem;
border-bottom-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: .2rem;
border-bottom-right-radius: .2rem
}
.badge {
display: inline-block;
padding: .35em .65em;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem
}
.badge:empty {
display: none
}
.btn .badge {
position: relative;
top: -1px
}
.alert {
position: relative;
padding: 1rem 1rem;
margin-bottom: 1rem;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 0
}
.alert-heading {
color: inherit
}
.alert-link {
font-weight: 700
}
.alert-dismissible {
padding-right: 3rem;
display: flex;
align-items: center;
gap: 10px
}
.alert-dismissible::before {
content: "";
font-family: "hubber8";
font-size: 1.875rem;
height: 20px;
display: flex;
align-items: center;
justify-content: center
}
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem
}
.alert-primary {
color: #0e4e99;
background-color: #d1e6ff;
border-color: #badaff
}
.alert-primary .alert-link {
color: #0b3e7a
}
.alert-secondary {
color: #626364;
background-color: #fdfefe;
border-color: #fcfdfd
}
.alert-secondary .alert-link {
color: #4e4f50
}
.alert-success {
color: #186429;
background-color: #d4edda;
border-color: #bfe5c7
}
.alert-success .alert-link {
color: #135021
}
.alert-info {
color: #0e616e;
background-color: #d1ecf1;
border-color: #b9e3ea
}
.alert-info .alert-link {
color: #0b4e58
}
.alert-warning {
color: #664d03;
background-color: #fff3cd;
border-color: #ffecb5
}
.alert-warning .alert-link {
color: #523e02
}
.alert-danger {
color: #842029;
background-color: #f8d7da;
border-color: #f5c2c7
}
.alert-danger .alert-link {
color: #6a1a21
}
.alert-light {
color: #636464;
background-color: #fefefe;
border-color: #fdfdfe
}
.alert-light .alert-link {
color: #4f5050
}
.alert-dark {
color: #1f2326;
background-color: #d6d8d9;
border-color: #c2c4c6
}
.alert-dark .alert-link {
color: #191c1e
}
@keyframes progress-bar-stripes {
0% {
background-position-x: 1rem
}
}
.progress {
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.75rem;
background-color: #e9ecef;
border-radius: .25rem;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075)
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #0d6efd;
transition: width .6s ease
}
@media(prefers-reduced-motion:reduce) {
.progress-bar {
transition: none
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem
}
.progress-bar-animated {
animation: 1s linear infinite progress-bar-stripes
}
@media(prefers-reduced-motion:reduce) {
.progress-bar-animated {
animation: none
}
}
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: .25rem
}
.list-group-numbered {
list-style-type: none;
counter-reset: section
}
.list-group-numbered>li::before {
content: counters(section, ".") ". ";
counter-increment: section
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit
}
.list-group-item-action:hover,
.list-group-item-action:focus {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa
}
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef
}
.list-group-item {
position: relative;
display: block;
padding: .5rem 1rem;
color: #212529;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .125)
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit
}
.list-group-item.disabled,
.list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd
}
.list-group-item+.list-group-item {
border-top-width: 0
}
.list-group-item+.list-group-item.active {
margin-top: -1px;
border-top-width: 1px
}
.list-group-horizontal {
flex-direction: row
}
.list-group-horizontal>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
@media(min-width:576px) {
.list-group-horizontal-sm {
flex-direction: row
}
.list-group-horizontal-sm>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-sm>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-sm>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media(min-width:768px) {
.list-group-horizontal-md {
flex-direction: row
}
.list-group-horizontal-md>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-md>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-md>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media(min-width:992px) {
.list-group-horizontal-lg {
flex-direction: row
}
.list-group-horizontal-lg>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-lg>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-lg>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media(min-width:1024px) {
.list-group-horizontal-hd {
flex-direction: row
}
.list-group-horizontal-hd>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-hd>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-hd>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-hd>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-hd>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media(min-width:1200px) {
.list-group-horizontal-xl {
flex-direction: row
}
.list-group-horizontal-xl>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-xl>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-xl>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media(min-width:1440px) {
.list-group-horizontal-xxl {
flex-direction: row
}
.list-group-horizontal-xxl>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-xxl>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-xxl>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xxl>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media(min-width:1792px) {
.list-group-horizontal-xxxl {
flex-direction: row
}
.list-group-horizontal-xxxl>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-xxxl>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-xxxl>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xxxl>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-xxxl>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
.list-group-flush {
border-radius: 0
}
.list-group-flush>.list-group-item {
border-width: 0 0 1px
}
.list-group-flush>.list-group-item:last-child {
border-bottom-width: 0
}
.list-group-item-primary {
color: #0e4e99;
background-color: #d1e6ff
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
color: #0e4e99;
background-color: #bccfe6
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #0e4e99;
border-color: #0e4e99
}
.list-group-item-secondary {
color: #626364;
background-color: #fdfefe
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
color: #626364;
background-color: #e4e5e5
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #626364;
border-color: #626364
}
.list-group-item-success {
color: #186429;
background-color: #d4edda
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
color: #186429;
background-color: #bfd5c4
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #186429;
border-color: #186429
}
.list-group-item-info {
color: #0e616e;
background-color: #d1ecf1
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
color: #0e616e;
background-color: #bcd4d9
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #0e616e;
border-color: #0e616e
}
.list-group-item-warning {
color: #664d03;
background-color: #fff3cd
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
color: #664d03;
background-color: #e6dbb9
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #664d03;
border-color: #664d03
}
.list-group-item-danger {
color: #842029;
background-color: #f8d7da
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
color: #842029;
background-color: #dfc2c4
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #842029;
border-color: #842029
}
.list-group-item-light {
color: #636464;
background-color: #fefefe
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
color: #636464;
background-color: #e5e5e5
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #636464;
border-color: #636464
}
.list-group-item-dark {
color: #1f2326;
background-color: #d6d8d9
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
color: #1f2326;
background-color: #c1c2c3
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1f2326;
border-color: #1f2326
}
.btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: .25em .25em;
color: #000;
background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
border: 0;
border-radius: .25rem;
opacity: .5
}
.btn-close:hover {
color: #000;
text-decoration: none;
opacity: .75
}
.btn-close:focus {
outline: 0;
box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
opacity: 1
}
.btn-close:disabled,
.btn-close.disabled {
pointer-events: none;
user-select: none;
opacity: .25
}
.btn-close-white {
filter: invert(1) grayscale(100%) brightness(200%)
}
.toast {
width: 350px;
max-width: 100%;
font-size: 0.875rem;
pointer-events: auto;
background-color: rgba(255, 255, 255, .85);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .1);
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
border-radius: .25rem
}
.toast:not(.showing):not(.show) {
opacity: 0
}
.toast.hide {
display: none
}
.toast-container {
width: max-content;
max-width: 100%;
pointer-events: none
}
.toast-container>:not(:last-child) {
margin-bottom: .75rem
}
.toast-header {
display: flex;
align-items: center;
padding: .5rem .75rem;
color: #6c757d;
background-color: rgba(255, 255, 255, .85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, .05);
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px)
}
.toast-header .btn-close {
margin-right: -0.375rem;
margin-left: .75rem
}
.toast-body {
padding: .75rem;
word-wrap: break-word
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1060;
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none
}
.modal.fade .modal-dialog {
transition: transform .3s ease-out;
transform: translate(0, -50px)
}
@media(prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
transform: none
}
.modal.modal-static .modal-dialog {
transform: scale(1.02)
}
.modal-dialog-scrollable {
height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem)
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px)
}
.modal-header .btn-close {
padding: .5rem .5rem;
margin: -0.5rem -0.5rem -0.5rem auto
}
.modal-title {
margin-bottom: 0;
line-height: 1.5
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem
}
.modal-footer {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
align-items: center;
justify-content: flex-end;
padding: .75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(0.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 1px)
}
.modal-footer>* {
margin: .25rem
}
@media(min-width:576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto
}
.modal-dialog-scrollable {
height: calc(100% - 3.5rem)
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem)
}
.modal-content {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
}
.modal-sm {
max-width: 300px
}
}
@media(min-width:992px) {
.modal-lg,
.modal-xl {
max-width: 800px
}
}
@media(min-width:1200px) {
.modal-xl {
max-width: 1140px
}
}
.modal-fullscreen {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen .modal-header {
border-radius: 0
}
.modal-fullscreen .modal-body {
overflow-y: auto
}
.modal-fullscreen .modal-footer {
border-radius: 0
}
@media(max-width:575.98px) {
.modal-fullscreen-sm-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-sm-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-sm-down .modal-header {
border-radius: 0
}
.modal-fullscreen-sm-down .modal-body {
overflow-y: auto
}
.modal-fullscreen-sm-down .modal-footer {
border-radius: 0
}
}
@media(max-width:767.98px) {
.modal-fullscreen-md-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-md-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-md-down .modal-header {
border-radius: 0
}
.modal-fullscreen-md-down .modal-body {
overflow-y: auto
}
.modal-fullscreen-md-down .modal-footer {
border-radius: 0
}
}
@media(max-width:991.98px) {
.modal-fullscreen-lg-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-lg-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-lg-down .modal-header {
border-radius: 0
}
.modal-fullscreen-lg-down .modal-body {
overflow-y: auto
}
.modal-fullscreen-lg-down .modal-footer {
border-radius: 0
}
}
@media(max-width:1023.98px) {
.modal-fullscreen-hd-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-hd-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-hd-down .modal-header {
border-radius: 0
}
.modal-fullscreen-hd-down .modal-body {
overflow-y: auto
}
.modal-fullscreen-hd-down .modal-footer {
border-radius: 0
}
}
@media(max-width:1199.98px) {
.modal-fullscreen-xl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-xl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-xl-down .modal-header {
border-radius: 0
}
.modal-fullscreen-xl-down .modal-body {
overflow-y: auto
}
.modal-fullscreen-xl-down .modal-footer {
border-radius: 0
}
}
@media(max-width:1439.98px) {
.modal-fullscreen-xxl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-xxl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-xxl-down .modal-header {
border-radius: 0
}
.modal-fullscreen-xxl-down .modal-body {
overflow-y: auto
}
.modal-fullscreen-xxl-down .modal-footer {
border-radius: 0
}
}
@media(max-width:1791.98px) {
.modal-fullscreen-xxxl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0
}
.modal-fullscreen-xxxl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0
}
.modal-fullscreen-xxxl-down .modal-header {
border-radius: 0
}
.modal-fullscreen-xxxl-down .modal-body {
overflow-y: auto
}
.modal-fullscreen-xxxl-down .modal-footer {
border-radius: 0
}
}
.tooltip {
position: absolute;
z-index: 1080;
display: block;
margin: 0;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: normal;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: .9
}
.tooltip .tooltip-arrow {
position: absolute;
display: block;
width: .8rem;
height: .4rem
}
.tooltip .tooltip-arrow::before {
position: absolute;
content: "";
border-color: rgba(0, 0, 0, 0);
border-style: solid
}
.bs-tooltip-top,
.bs-tooltip-auto[data-popper-placement^=top] {
padding: .4rem 0
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[data-popper-placement^=top] .arrow,
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
bottom: 0
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .arrow::before,
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
top: auto;
border-width: .4rem .4rem 0;
border-top-color: #000;
bottom: -0.25rem
}
.bs-tooltip-end,
.bs-tooltip-auto[data-popper-placement^=right] {
padding: 0 .4rem
}
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
left: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
right: -1px;
border-width: .4rem .4rem .4rem 0;
border-right-color: #000
}
.bs-tooltip-bottom,
.bs-tooltip-auto[data-popper-placement^=bottom] {
padding: .4rem 0
}
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
top: 0
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
bottom: -1px;
border-width: 0 .4rem .4rem;
border-bottom-color: #000
}
.bs-tooltip-start,
.bs-tooltip-auto[data-popper-placement^=left] {
padding: 0 .4rem
}
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
right: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
left: -1px;
border-width: .4rem 0 .4rem .4rem;
border-left-color: #000
}
.tooltip-inner {
max-width: 200px;
padding: .25rem .5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1070;
display: block;
max-width: 276px;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: normal;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
}
.popover .popover-arrow {
position: absolute;
display: block;
width: 1rem;
height: .5rem
}
.popover .popover-arrow::before,
.popover .popover-arrow::after {
position: absolute;
display: block;
content: "";
border-color: rgba(0, 0, 0, 0);
border-style: solid
}
.bs-popover-top>.popover-arrow,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow {
bottom: calc(-0.5rem - 1px)
}
.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before {
bottom: 0;
border-width: .5rem .5rem 0;
border-top-color: rgba(0, 0, 0, .25)
}
.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
bottom: 1px;
border-width: .5rem .5rem 0;
border-top-color: #fff
}
.bs-popover-end>.popover-arrow,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow {
left: calc(-0.5rem - 1px);
width: .5rem;
height: 1rem
}
.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before {
left: 0;
border-width: .5rem .5rem .5rem 0;
border-right-color: rgba(0, 0, 0, .25)
}
.bs-popover-end>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
left: 1px;
border-width: .5rem .5rem .5rem 0;
border-right-color: #fff
}
.bs-popover-bottom>.popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow {
top: calc(-0.5rem - 1px)
}
.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before {
top: 0;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: rgba(0, 0, 0, .25)
}
.bs-popover-bottom>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
top: 1px;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: #fff
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f0f0f0
}
.bs-popover-start>.popover-arrow,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow {
right: calc(-0.5rem - 1px);
width: .5rem;
height: 1rem
}
.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before {
right: 0;
border-width: .5rem 0 .5rem .5rem;
border-left-color: rgba(0, 0, 0, .25)
}
.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
right: 1px;
border-width: .5rem 0 .5rem .5rem;
border-left-color: #fff
}
.popover-header {
padding: .5rem 1rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f0f0f0;
border-bottom: 1px solid rgba(0, 0, 0, .2);
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px)
}
.popover-header:empty {
display: none
}
.popover-body {
padding: 1rem 1rem;
color: #212529
}
.carousel {
position: relative
}
.carousel.pointer-event {
touch-action: pan-y
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}
.carousel-inner::after {
display: block;
clear: both;
content: ""
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
backface-visibility: hidden;
transition: transform .6s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
.carousel-item {
transition: none
}
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
transform: translateX(100%)
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
transform: translateX(-100%)
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
z-index: 1;
opacity: 1
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
z-index: 0;
opacity: 0;
transition: opacity 0s .6s
}
@media(prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
transition: none
}
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: none;
border: 0;
opacity: .5;
transition: opacity .15s ease
}
@media(prefers-reduced-motion:reduce) {
.carousel-control-prev,
.carousel-control-next {
transition: none
}
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9
}
.carousel-control-prev {
left: 0
}
.carousel-control-next {
right: 0
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
list-style: none
}
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-top: 10px solid rgba(0, 0, 0, 0);
border-bottom: 10px solid rgba(0, 0, 0, 0);
opacity: .5;
transition: opacity .6s ease
}
@media(prefers-reduced-motion:reduce) {
.carousel-indicators [data-bs-target] {
transition: none
}
}
.carousel-indicators .active {
opacity: 1
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
filter: invert(1) grayscale(100)
}
.carousel-dark .carousel-indicators [data-bs-target] {
background-color: #000
}
.carousel-dark .carousel-caption {
color: #000
}
@keyframes spinner-border {
to {
transform: rotate(360deg)
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
border: .25em solid currentColor;
border-right-color: rgba(0, 0, 0, 0);
border-radius: 50%;
animation: .75s linear infinite spinner-border
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: .2em
}
@keyframes spinner-grow {
0% {
transform: scale(0)
}
50% {
opacity: 1;
transform: none
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
animation: .75s linear infinite spinner-grow
}
.spinner-grow-sm {
width: 1rem;
height: 1rem
}
@media(prefers-reduced-motion:reduce) {
.spinner-border,
.spinner-grow {
animation-duration: 1.5s
}
}
.offcanvas {
position: fixed;
bottom: 0;
z-index: 1050;
display: flex;
flex-direction: column;
max-width: 100%;
visibility: hidden;
background-color: #fff;
background-clip: padding-box;
outline: 0;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
transition: transform .3s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
.offcanvas {
transition: none
}
}
.offcanvas-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem
}
.offcanvas-header .btn-close {
padding: .5rem .5rem;
margin-top: -0.5rem;
margin-right: -0.5rem;
margin-bottom: -0.5rem
}
.offcanvas-title {
margin-bottom: 0;
line-height: 1.5
}
.offcanvas-body {
flex-grow: 1;
padding: 1rem 1rem;
overflow-y: auto
}
.offcanvas-start {
top: 0;
left: 0;
width: 400px;
border-right: 1px solid rgba(0, 0, 0, .2);
transform: translateX(-100%)
}
.offcanvas-end {
top: 0;
right: 0;
width: 400px;
border-left: 1px solid rgba(0, 0, 0, .2);
transform: translateX(100%)
}
.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: 30vh;
max-height: 100%;
border-bottom: 1px solid rgba(0, 0, 0, .2);
transform: translateY(-100%)
}
.offcanvas-bottom {
right: 0;
left: 0;
height: 30vh;
max-height: 100%;
border-top: 1px solid rgba(0, 0, 0, .2);
transform: translateY(100%)
}
.offcanvas.show {
transform: none
}
.clearfix::after {
display: block;
clear: both;
content: ""
}
.link-primary {
color: #1882ff
}
.link-primary:hover,
.link-primary:focus {
color: #469bff
}
.link-secondary {
color: #f6f8f9
}
.link-secondary:hover,
.link-secondary:focus {
color: #f8f9fa
}
.link-success {
color: #28a745
}
.link-success:hover,
.link-success:focus {
color: #53b96a
}
.link-info {
color: #17a2b8
}
.link-info:hover,
.link-info:focus {
color: #45b5c6
}
.link-warning {
color: #ffc107
}
.link-warning:hover,
.link-warning:focus {
color: #ffcd39
}
.link-danger {
color: #dc3545
}
.link-danger:hover,
.link-danger:focus {
color: #b02a37
}
.link-light {
color: #f8f9fa
}
.link-light:hover,
.link-light:focus {
color: #f9fafb
}
.link-dark {
color: #343a40
}
.link-dark:hover,
.link-dark:focus {
color: #2a2e33
}
.ratio {
position: relative;
width: 100%
}
.ratio::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: ""
}
.ratio>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ratio-1x1 {
--bs-aspect-ratio: 100%
}
.ratio-4x3 {
--bs-aspect-ratio: 75%
}
.ratio-16x9 {
--bs-aspect-ratio: 56.25%
}
.ratio-21x9 {
--bs-aspect-ratio: 42.8571428571%
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030
}
.sticky-top {
position: sticky;
top: 0;
z-index: 1020
}
@media(min-width:576px) {
.sticky-sm-top {
position: sticky;
top: 0;
z-index: 1020
}
}
@media(min-width:768px) {
.sticky-md-top {
position: sticky;
top: 0;
z-index: 1020
}
}
@media(min-width:992px) {
.sticky-lg-top {
position: sticky;
top: 0;
z-index: 1020
}
}
@media(min-width:1024px) {
.sticky-hd-top {
position: sticky;
top: 0;
z-index: 1020
}
}
@media(min-width:1200px) {
.sticky-xl-top {
position: sticky;
top: 0;
z-index: 1020
}
}
@media(min-width:1440px) {
.sticky-xxl-top {
position: sticky;
top: 0;
z-index: 1020
}
}
@media(min-width:1792px) {
.sticky-xxxl-top {
position: sticky;
top: 0;
z-index: 1020
}
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: ""
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.align-baseline {
vertical-align: baseline !important
}
.align-top {
vertical-align: top !important
}
.align-middle {
vertical-align: middle !important
}
.align-bottom {
vertical-align: bottom !important
}
.align-text-bottom {
vertical-align: text-bottom !important
}
.align-text-top {
vertical-align: text-top !important
}
.float-start {
float: left !important
}
.float-end {
float: right !important
}
.float-none {
float: none !important
}
.overflow-auto {
overflow: auto !important
}
.overflow-hidden {
overflow: hidden !important
}
.overflow-visible {
overflow: visible !important
}
.overflow-scroll {
overflow: scroll !important
}
.d-inline {
display: inline !important
}
.d-inline-block {
display: inline-block !important
}
.d-block {
display: block !important
}
.d-grid {
display: grid !important
}
.d-table {
display: table !important
}
.d-table-row {
display: table-row !important
}
.d-table-cell {
display: table-cell !important
}
.d-flex {
display: flex !important
}
.d-inline-flex {
display: inline-flex !important
}
.d-none {
display: none !important
}
.shadow {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}
.shadow-sm {
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}
.shadow-none {
box-shadow: none !important
}
.position-static {
position: static !important
}
.position-relative {
position: relative !important
}
.position-absolute {
position: absolute !important
}
.position-fixed {
position: fixed !important
}
.position-sticky {
position: sticky !important
}
.top-0 {
top: 0 !important
}
.top-50 {
top: 50% !important
}
.top-100 {
top: 100% !important
}
.bottom-0 {
bottom: 0 !important
}
.bottom-50 {
bottom: 50% !important
}
.bottom-100 {
bottom: 100% !important
}
.start-0 {
left: 0 !important
}
.start-50 {
left: 50% !important
}
.start-100 {
left: 100% !important
}
.end-0 {
right: 0 !important
}
.end-50 {
right: 50% !important
}
.end-100 {
right: 100% !important
}
.translate-middle {
transform: translate(-50%, -50%) !important
}
.translate-middle-x {
transform: translateX(-50%) !important
}
.translate-middle-y {
transform: translateY(-50%) !important
}
.border {
border: 1px solid #dee2e6 !important
}
.border-0 {
border: 0 !important
}
.border-top {
border-top: 1px solid #dee2e6 !important
}
.border-top-0 {
border-top: 0 !important
}
.border-end {
border-right: 1px solid #dee2e6 !important
}
.border-end-0 {
border-right: 0 !important
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important
}
.border-bottom-0 {
border-bottom: 0 !important
}
.border-start {
border-left: 1px solid #dee2e6 !important
}
.border-start-0 {
border-left: 0 !important
}
.border-primary {
border-color: #1882ff !important
}
.border-secondary {
border-color: #f6f8f9 !important
}
.border-success {
border-color: #28a745 !important
}
.border-info {
border-color: #17a2b8 !important
}
.border-warning {
border-color: #ffc107 !important
}
.border-danger {
border-color: #dc3545 !important
}
.border-light {
border-color: #f8f9fa !important
}
.border-dark {
border-color: #343a40 !important
}
.border-white {
border-color: #fff !important
}
.border-1 {
border-width: 1px !important
}
.border-2 {
border-width: 2px !important
}
.border-3 {
border-width: 3px !important
}
.border-4 {
border-width: 4px !important
}
.border-5 {
border-width: 5px !important
}
.w-25 {
width: 25% !important
}
.w-50 {
width: 50% !important
}
.w-75 {
width: 75% !important
}
.w-100 {
width: 100% !important
}
.w-auto {
width: auto !important
}
.mw-100 {
max-width: 100% !important
}
.vw-100 {
width: 100vw !important
}
.min-vw-100 {
min-width: 100vw !important
}
.h-25 {
height: 25% !important
}
.h-50 {
height: 50% !important
}
.h-75 {
height: 75% !important
}
.h-100 {
height: 100% !important
}
.h-auto {
height: auto !important
}
.mh-100 {
max-height: 100% !important
}
.vh-100 {
height: 100vh !important
}
.min-vh-100 {
min-height: 100vh !important
}
.flex-fill {
flex: 1 1 auto !important
}
.flex-row {
flex-direction: row !important
}
.flex-column {
flex-direction: column !important
}
.flex-row-reverse {
flex-direction: row-reverse !important
}
.flex-column-reverse {
flex-direction: column-reverse !important
}
.flex-grow-0 {
flex-grow: 0 !important
}
.flex-grow-1 {
flex-grow: 1 !important
}
.flex-shrink-0 {
flex-shrink: 0 !important
}
.flex-shrink-1 {
flex-shrink: 1 !important
}
.flex-wrap {
flex-wrap: wrap !important
}
.flex-nowrap {
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.gap-0 {
gap: 0 !important
}
.gap-1 {
gap: .25rem !important
}
.gap-2 {
gap: .5rem !important
}
.gap-3 {
gap: 1rem !important
}
.gap-4 {
gap: 1.5rem !important
}
.gap-5 {
gap: 3rem !important
}
.justify-content-start {
justify-content: flex-start !important
}
.justify-content-end {
justify-content: flex-end !important
}
.justify-content-center {
justify-content: center !important
}
.justify-content-between {
justify-content: space-between !important
}
.justify-content-around {
justify-content: space-around !important
}
.justify-content-evenly {
justify-content: space-evenly !important
}
.align-items-start {
align-items: flex-start !important
}
.align-items-end {
align-items: flex-end !important
}
.align-items-center {
align-items: center !important
}
.align-items-baseline {
align-items: baseline !important
}
.align-items-stretch {
align-items: stretch !important
}
.align-content-start {
align-content: flex-start !important
}
.align-content-end {
align-content: flex-end !important
}
.align-content-center {
align-content: center !important
}
.align-content-between {
align-content: space-between !important
}
.align-content-around {
align-content: space-around !important
}
.align-content-stretch {
align-content: stretch !important
}
.align-self-auto {
align-self: auto !important
}
.align-self-start {
align-self: flex-start !important
}
.align-self-end {
align-self: flex-end !important
}
.align-self-center {
align-self: center !important
}
.align-self-baseline {
align-self: baseline !important
}
.align-self-stretch {
align-self: stretch !important
}
.order-first {
order: -1 !important
}
.order-0 {
order: 0 !important
}
.order-1 {
order: 1 !important
}
.order-2 {
order: 2 !important
}
.order-3 {
order: 3 !important
}
.order-4 {
order: 4 !important
}
.order-5 {
order: 5 !important
}
.order-last {
order: 6 !important
}
.m-0 {
margin: 0 !important
}
.m-1 {
margin: .25rem !important
}
.m-2 {
margin: .5rem !important
}
.m-3 {
margin: 1rem !important
}
.m-4 {
margin: 1.5rem !important
}
.m-5 {
margin: 3rem !important
}
.m-auto {
margin: auto !important
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-0 {
margin-top: 0 !important
}
.mt-1 {
margin-top: .25rem !important
}
.mt-2 {
margin-top: .5rem !important
}
.mt-3 {
margin-top: 1rem !important
}
.mt-4 {
margin-top: 1.5rem !important
}
.mt-5 {
margin-top: 3rem !important
}
.mt-auto {
margin-top: auto !important
}
.me-0 {
margin-right: 0 !important
}
.me-1 {
margin-right: .25rem !important
}
.me-2 {
margin-right: .5rem !important
}
.me-3 {
margin-right: 1rem !important
}
.me-4 {
margin-right: 1.5rem !important
}
.me-5 {
margin-right: 3rem !important
}
.me-auto {
margin-right: auto !important
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-1 {
margin-bottom: .25rem !important
}
.mb-2 {
margin-bottom: .5rem !important
}
.mb-3 {
margin-bottom: 1rem !important
}
.mb-4 {
margin-bottom: 1.5rem !important
}
.mb-5 {
margin-bottom: 3rem !important
}
.mb-auto {
margin-bottom: auto !important
}
.ms-0 {
margin-left: 0 !important
}
.ms-1 {
margin-left: .25rem !important
}
.ms-2 {
margin-left: .5rem !important
}
.ms-3 {
margin-left: 1rem !important
}
.ms-4 {
margin-left: 1.5rem !important
}
.ms-5 {
margin-left: 3rem !important
}
.ms-auto {
margin-left: auto !important
}
.p-0 {
padding: 0 !important
}
.p-1 {
padding: .25rem !important
}
.p-2 {
padding: .5rem !important
}
.p-3 {
padding: 1rem !important
}
.p-4 {
padding: 1.5rem !important
}
.p-5 {
padding: 3rem !important
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-0 {
padding-top: 0 !important
}
.pt-1 {
padding-top: .25rem !important
}
.pt-2 {
padding-top: .5rem !important
}
.pt-3 {
padding-top: 1rem !important
}
.pt-4 {
padding-top: 1.5rem !important
}
.pt-5 {
padding-top: 3rem !important
}
.pe-0 {
padding-right: 0 !important
}
.pe-1 {
padding-right: .25rem !important
}
.pe-2 {
padding-right: .5rem !important
}
.pe-3 {
padding-right: 1rem !important
}
.pe-4 {
padding-right: 1.5rem !important
}
.pe-5 {
padding-right: 3rem !important
}
.pb-0 {
padding-bottom: 0 !important
}
.pb-1 {
padding-bottom: .25rem !important
}
.pb-2 {
padding-bottom: .5rem !important
}
.pb-3 {
padding-bottom: 1rem !important
}
.pb-4 {
padding-bottom: 1.5rem !important
}
.pb-5 {
padding-bottom: 3rem !important
}
.ps-0 {
padding-left: 0 !important
}
.ps-1 {
padding-left: .25rem !important
}
.ps-2 {
padding-left: .5rem !important
}
.ps-3 {
padding-left: 1rem !important
}
.ps-4 {
padding-left: 1.5rem !important
}
.ps-5 {
padding-left: 3rem !important
}
.font-monospace {
font-family: var(--bs-font-monospace) !important
}
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important
}
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important
}
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important
}
.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important
}
.fs-5 {
font-size: 1.25rem !important
}
.fs-6 {
font-size: 1rem !important
}
.fst-italic {
font-style: italic !important
}
.fst-normal {
font-style: normal !important
}
.fw-light {
font-weight: 300 !important
}
.fw-lighter {
font-weight: lighter !important
}
.fw-normal {
font-weight: normal !important
}
.fw-bold {
font-weight: 600 !important
}
.fw-bolder {
font-weight: bolder !important
}
.lh-1 {
line-height: 1 !important
}
.lh-sm {
line-height: 1.25 !important
}
.lh-base {
line-height: 1.5 !important
}
.lh-lg {
line-height: 2 !important
}
.text-start {
text-align: left !important
}
.text-end {
text-align: right !important
}
.text-center {
text-align: center !important
}
.text-decoration-none {
text-decoration: none !important
}
.text-decoration-underline {
text-decoration: underline !important
}
.text-decoration-line-through {
text-decoration: line-through !important
}
.text-lowercase {
text-transform: lowercase !important
}
.text-uppercase {
text-transform: uppercase !important
}
.text-capitalize {
text-transform: capitalize !important
}
.text-wrap {
white-space: normal !important
}
.text-nowrap {
white-space: nowrap !important
}
.text-break {
word-wrap: break-word !important;
word-break: break-word !important
}
.text-primary {
color: #1882ff !important
}
.text-secondary {
color: #f6f8f9 !important
}
.text-success {
color: #28a745 !important
}
.text-info {
color: #17a2b8 !important
}
.text-warning {
color: #ffc107 !important
}
.text-danger {
color: #dc3545 !important
}
.text-light {
color: #f8f9fa !important
}
.text-dark {
color: #343a40 !important
}
.text-white {
color: #fff !important
}
.text-body {
color: #263140 !important
}
.text-muted {
color: #76818d !important
}
.text-black-50 {
color: rgba(0, 0, 0, .5) !important
}
.text-white-50 {
color: rgba(255, 255, 255, .5) !important
}
.text-reset {
color: inherit !important
}
.bg-primary {
background-color: #1882ff !important
}
.bg-secondary {
background-color: #f6f8f9 !important
}
.bg-success {
background-color: #28a745 !important
}
.bg-info {
background-color: #17a2b8 !important
}
.bg-warning {
background-color: #ffc107 !important
}
.bg-danger {
background-color: #dc3545 !important
}
.bg-light {
background-color: #f8f9fa !important
}
.bg-dark {
background-color: #343a40 !important
}
.bg-body {
background-color: #fff !important
}
.bg-white {
background-color: #fff !important
}
.bg-transparent {
background-color: rgba(0, 0, 0, 0) !important
}
.bg-gradient {
background-image: var(--bs-gradient) !important
}
.user-select-all {
user-select: all !important
}
.user-select-auto {
user-select: auto !important
}
.user-select-none {
user-select: none !important
}
.pe-none {
pointer-events: none !important
}
.pe-auto {
pointer-events: auto !important
}
.rounded {
border-radius: .25rem !important
}
.rounded-0 {
border-radius: 0 !important
}
.rounded-1 {
border-radius: .2rem !important
}
.rounded-2 {
border-radius: .25rem !important
}
.rounded-3 {
border-radius: .3rem !important
}
.rounded-circle {
border-radius: 50% !important
}
.rounded-pill {
border-radius: 50rem !important
}
.rounded-top {
border-top-left-radius: .25rem !important;
border-top-right-radius: .25rem !important
}
.rounded-end {
border-top-right-radius: .25rem !important;
border-bottom-right-radius: .25rem !important
}
.rounded-bottom {
border-bottom-right-radius: .25rem !important;
border-bottom-left-radius: .25rem !important
}
.rounded-start {
border-bottom-left-radius: .25rem !important;
border-top-left-radius: .25rem !important
}
.visible {
visibility: visible !important
}
.invisible {
visibility: hidden !important
}
@media(min-width:576px) {
.float-sm-start {
float: left !important
}
.float-sm-end {
float: right !important
}
.float-sm-none {
float: none !important
}
.d-sm-inline {
display: inline !important
}
.d-sm-inline-block {
display: inline-block !important
}
.d-sm-block {
display: block !important
}
.d-sm-grid {
display: grid !important
}
.d-sm-table {
display: table !important
}
.d-sm-table-row {
display: table-row !important
}
.d-sm-table-cell {
display: table-cell !important
}
.d-sm-flex {
display: flex !important
}
.d-sm-inline-flex {
display: inline-flex !important
}
.d-sm-none {
display: none !important
}
.flex-sm-fill {
flex: 1 1 auto !important
}
.flex-sm-row {
flex-direction: row !important
}
.flex-sm-column {
flex-direction: column !important
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important
}
.flex-sm-grow-0 {
flex-grow: 0 !important
}
.flex-sm-grow-1 {
flex-grow: 1 !important
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important
}
.flex-sm-wrap {
flex-wrap: wrap !important
}
.flex-sm-nowrap {
flex-wrap: nowrap !important
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.gap-sm-0 {
gap: 0 !important
}
.gap-sm-1 {
gap: .25rem !important
}
.gap-sm-2 {
gap: .5rem !important
}
.gap-sm-3 {
gap: 1rem !important
}
.gap-sm-4 {
gap: 1.5rem !important
}
.gap-sm-5 {
gap: 3rem !important
}
.justify-content-sm-start {
justify-content: flex-start !important
}
.justify-content-sm-end {
justify-content: flex-end !important
}
.justify-content-sm-center {
justify-content: center !important
}
.justify-content-sm-between {
justify-content: space-between !important
}
.justify-content-sm-around {
justify-content: space-around !important
}
.justify-content-sm-evenly {
justify-content: space-evenly !important
}
.align-items-sm-start {
align-items: flex-start !important
}
.align-items-sm-end {
align-items: flex-end !important
}
.align-items-sm-center {
align-items: center !important
}
.align-items-sm-baseline {
align-items: baseline !important
}
.align-items-sm-stretch {
align-items: stretch !important
}
.align-content-sm-start {
align-content: flex-start !important
}
.align-content-sm-end {
align-content: flex-end !important
}
.align-content-sm-center {
align-content: center !important
}
.align-content-sm-between {
align-content: space-between !important
}
.align-content-sm-around {
align-content: space-around !important
}
.align-content-sm-stretch {
align-content: stretch !important
}
.align-self-sm-auto {
align-self: auto !important
}
.align-self-sm-start {
align-self: flex-start !important
}
.align-self-sm-end {
align-self: flex-end !important
}
.align-self-sm-center {
align-self: center !important
}
.align-self-sm-baseline {
align-self: baseline !important
}
.align-self-sm-stretch {
align-self: stretch !important
}
.order-sm-first {
order: -1 !important
}
.order-sm-0 {
order: 0 !important
}
.order-sm-1 {
order: 1 !important
}
.order-sm-2 {
order: 2 !important
}
.order-sm-3 {
order: 3 !important
}
.order-sm-4 {
order: 4 !important
}
.order-sm-5 {
order: 5 !important
}
.order-sm-last {
order: 6 !important
}
.m-sm-0 {
margin: 0 !important
}
.m-sm-1 {
margin: .25rem !important
}
.m-sm-2 {
margin: .5rem !important
}
.m-sm-3 {
margin: 1rem !important
}
.m-sm-4 {
margin: 1.5rem !important
}
.m-sm-5 {
margin: 3rem !important
}
.m-sm-auto {
margin: auto !important
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-sm-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-sm-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-sm-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-sm-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-sm-0 {
margin-top: 0 !important
}
.mt-sm-1 {
margin-top: .25rem !important
}
.mt-sm-2 {
margin-top: .5rem !important
}
.mt-sm-3 {
margin-top: 1rem !important
}
.mt-sm-4 {
margin-top: 1.5rem !important
}
.mt-sm-5 {
margin-top: 3rem !important
}
.mt-sm-auto {
margin-top: auto !important
}
.me-sm-0 {
margin-right: 0 !important
}
.me-sm-1 {
margin-right: .25rem !important
}
.me-sm-2 {
margin-right: .5rem !important
}
.me-sm-3 {
margin-right: 1rem !important
}
.me-sm-4 {
margin-right: 1.5rem !important
}
.me-sm-5 {
margin-right: 3rem !important
}
.me-sm-auto {
margin-right: auto !important
}
.mb-sm-0 {
margin-bottom: 0 !important
}
.mb-sm-1 {
margin-bottom: .25rem !important
}
.mb-sm-2 {
margin-bottom: .5rem !important
}
.mb-sm-3 {
margin-bottom: 1rem !important
}
.mb-sm-4 {
margin-bottom: 1.5rem !important
}
.mb-sm-5 {
margin-bottom: 3rem !important
}
.mb-sm-auto {
margin-bottom: auto !important
}
.ms-sm-0 {
margin-left: 0 !important
}
.ms-sm-1 {
margin-left: .25rem !important
}
.ms-sm-2 {
margin-left: .5rem !important
}
.ms-sm-3 {
margin-left: 1rem !important
}
.ms-sm-4 {
margin-left: 1.5rem !important
}
.ms-sm-5 {
margin-left: 3rem !important
}
.ms-sm-auto {
margin-left: auto !important
}
.p-sm-0 {
padding: 0 !important
}
.p-sm-1 {
padding: .25rem !important
}
.p-sm-2 {
padding: .5rem !important
}
.p-sm-3 {
padding: 1rem !important
}
.p-sm-4 {
padding: 1.5rem !important
}
.p-sm-5 {
padding: 3rem !important
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-sm-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-sm-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-sm-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-sm-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-sm-0 {
padding-top: 0 !important
}
.pt-sm-1 {
padding-top: .25rem !important
}
.pt-sm-2 {
padding-top: .5rem !important
}
.pt-sm-3 {
padding-top: 1rem !important
}
.pt-sm-4 {
padding-top: 1.5rem !important
}
.pt-sm-5 {
padding-top: 3rem !important
}
.pe-sm-0 {
padding-right: 0 !important
}
.pe-sm-1 {
padding-right: .25rem !important
}
.pe-sm-2 {
padding-right: .5rem !important
}
.pe-sm-3 {
padding-right: 1rem !important
}
.pe-sm-4 {
padding-right: 1.5rem !important
}
.pe-sm-5 {
padding-right: 3rem !important
}
.pb-sm-0 {
padding-bottom: 0 !important
}
.pb-sm-1 {
padding-bottom: .25rem !important
}
.pb-sm-2 {
padding-bottom: .5rem !important
}
.pb-sm-3 {
padding-bottom: 1rem !important
}
.pb-sm-4 {
padding-bottom: 1.5rem !important
}
.pb-sm-5 {
padding-bottom: 3rem !important
}
.ps-sm-0 {
padding-left: 0 !important
}
.ps-sm-1 {
padding-left: .25rem !important
}
.ps-sm-2 {
padding-left: .5rem !important
}
.ps-sm-3 {
padding-left: 1rem !important
}
.ps-sm-4 {
padding-left: 1.5rem !important
}
.ps-sm-5 {
padding-left: 3rem !important
}
.text-sm-start {
text-align: left !important
}
.text-sm-end {
text-align: right !important
}
.text-sm-center {
text-align: center !important
}
}
@media(min-width:768px) {
.float-md-start {
float: left !important
}
.float-md-end {
float: right !important
}
.float-md-none {
float: none !important
}
.d-md-inline {
display: inline !important
}
.d-md-inline-block {
display: inline-block !important
}
.d-md-block {
display: block !important
}
.d-md-grid {
display: grid !important
}
.d-md-table {
display: table !important
}
.d-md-table-row {
display: table-row !important
}
.d-md-table-cell {
display: table-cell !important
}
.d-md-flex {
display: flex !important
}
.d-md-inline-flex {
display: inline-flex !important
}
.d-md-none {
display: none !important
}
.flex-md-fill {
flex: 1 1 auto !important
}
.flex-md-row {
flex-direction: row !important
}
.flex-md-column {
flex-direction: column !important
}
.flex-md-row-reverse {
flex-direction: row-reverse !important
}
.flex-md-column-reverse {
flex-direction: column-reverse !important
}
.flex-md-grow-0 {
flex-grow: 0 !important
}
.flex-md-grow-1 {
flex-grow: 1 !important
}
.flex-md-shrink-0 {
flex-shrink: 0 !important
}
.flex-md-shrink-1 {
flex-shrink: 1 !important
}
.flex-md-wrap {
flex-wrap: wrap !important
}
.flex-md-nowrap {
flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.gap-md-0 {
gap: 0 !important
}
.gap-md-1 {
gap: .25rem !important
}
.gap-md-2 {
gap: .5rem !important
}
.gap-md-3 {
gap: 1rem !important
}
.gap-md-4 {
gap: 1.5rem !important
}
.gap-md-5 {
gap: 3rem !important
}
.justify-content-md-start {
justify-content: flex-start !important
}
.justify-content-md-end {
justify-content: flex-end !important
}
.justify-content-md-center {
justify-content: center !important
}
.justify-content-md-between {
justify-content: space-between !important
}
.justify-content-md-around {
justify-content: space-around !important
}
.justify-content-md-evenly {
justify-content: space-evenly !important
}
.align-items-md-start {
align-items: flex-start !important
}
.align-items-md-end {
align-items: flex-end !important
}
.align-items-md-center {
align-items: center !important
}
.align-items-md-baseline {
align-items: baseline !important
}
.align-items-md-stretch {
align-items: stretch !important
}
.align-content-md-start {
align-content: flex-start !important
}
.align-content-md-end {
align-content: flex-end !important
}
.align-content-md-center {
align-content: center !important
}
.align-content-md-between {
align-content: space-between !important
}
.align-content-md-around {
align-content: space-around !important
}
.align-content-md-stretch {
align-content: stretch !important
}
.align-self-md-auto {
align-self: auto !important
}
.align-self-md-start {
align-self: flex-start !important
}
.align-self-md-end {
align-self: flex-end !important
}
.align-self-md-center {
align-self: center !important
}
.align-self-md-baseline {
align-self: baseline !important
}
.align-self-md-stretch {
align-self: stretch !important
}
.order-md-first {
order: -1 !important
}
.order-md-0 {
order: 0 !important
}
.order-md-1 {
order: 1 !important
}
.order-md-2 {
order: 2 !important
}
.order-md-3 {
order: 3 !important
}
.order-md-4 {
order: 4 !important
}
.order-md-5 {
order: 5 !important
}
.order-md-last {
order: 6 !important
}
.m-md-0 {
margin: 0 !important
}
.m-md-1 {
margin: .25rem !important
}
.m-md-2 {
margin: .5rem !important
}
.m-md-3 {
margin: 1rem !important
}
.m-md-4 {
margin: 1.5rem !important
}
.m-md-5 {
margin: 3rem !important
}
.m-md-auto {
margin: auto !important
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-md-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-md-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-md-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-md-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-md-0 {
margin-top: 0 !important
}
.mt-md-1 {
margin-top: .25rem !important
}
.mt-md-2 {
margin-top: .5rem !important
}
.mt-md-3 {
margin-top: 1rem !important
}
.mt-md-4 {
margin-top: 1.5rem !important
}
.mt-md-5 {
margin-top: 3rem !important
}
.mt-md-auto {
margin-top: auto !important
}
.me-md-0 {
margin-right: 0 !important
}
.me-md-1 {
margin-right: .25rem !important
}
.me-md-2 {
margin-right: .5rem !important
}
.me-md-3 {
margin-right: 1rem !important
}
.me-md-4 {
margin-right: 1.5rem !important
}
.me-md-5 {
margin-right: 3rem !important
}
.me-md-auto {
margin-right: auto !important
}
.mb-md-0 {
margin-bottom: 0 !important
}
.mb-md-1 {
margin-bottom: .25rem !important
}
.mb-md-2 {
margin-bottom: .5rem !important
}
.mb-md-3 {
margin-bottom: 1rem !important
}
.mb-md-4 {
margin-bottom: 1.5rem !important
}
.mb-md-5 {
margin-bottom: 3rem !important
}
.mb-md-auto {
margin-bottom: auto !important
}
.ms-md-0 {
margin-left: 0 !important
}
.ms-md-1 {
margin-left: .25rem !important
}
.ms-md-2 {
margin-left: .5rem !important
}
.ms-md-3 {
margin-left: 1rem !important
}
.ms-md-4 {
margin-left: 1.5rem !important
}
.ms-md-5 {
margin-left: 3rem !important
}
.ms-md-auto {
margin-left: auto !important
}
.p-md-0 {
padding: 0 !important
}
.p-md-1 {
padding: .25rem !important
}
.p-md-2 {
padding: .5rem !important
}
.p-md-3 {
padding: 1rem !important
}
.p-md-4 {
padding: 1.5rem !important
}
.p-md-5 {
padding: 3rem !important
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-md-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-md-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-md-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-md-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-md-0 {
padding-top: 0 !important
}
.pt-md-1 {
padding-top: .25rem !important
}
.pt-md-2 {
padding-top: .5rem !important
}
.pt-md-3 {
padding-top: 1rem !important
}
.pt-md-4 {
padding-top: 1.5rem !important
}
.pt-md-5 {
padding-top: 3rem !important
}
.pe-md-0 {
padding-right: 0 !important
}
.pe-md-1 {
padding-right: .25rem !important
}
.pe-md-2 {
padding-right: .5rem !important
}
.pe-md-3 {
padding-right: 1rem !important
}
.pe-md-4 {
padding-right: 1.5rem !important
}
.pe-md-5 {
padding-right: 3rem !important
}
.pb-md-0 {
padding-bottom: 0 !important
}
.pb-md-1 {
padding-bottom: .25rem !important
}
.pb-md-2 {
padding-bottom: .5rem !important
}
.pb-md-3 {
padding-bottom: 1rem !important
}
.pb-md-4 {
padding-bottom: 1.5rem !important
}
.pb-md-5 {
padding-bottom: 3rem !important
}
.ps-md-0 {
padding-left: 0 !important
}
.ps-md-1 {
padding-left: .25rem !important
}
.ps-md-2 {
padding-left: .5rem !important
}
.ps-md-3 {
padding-left: 1rem !important
}
.ps-md-4 {
padding-left: 1.5rem !important
}
.ps-md-5 {
padding-left: 3rem !important
}
.text-md-start {
text-align: left !important
}
.text-md-end {
text-align: right !important
}
.text-md-center {
text-align: center !important
}
}
@media(min-width:992px) {
.float-lg-start {
float: left !important
}
.float-lg-end {
float: right !important
}
.float-lg-none {
float: none !important
}
.d-lg-inline {
display: inline !important
}
.d-lg-inline-block {
display: inline-block !important
}
.d-lg-block {
display: block !important
}
.d-lg-grid {
display: grid !important
}
.d-lg-table {
display: table !important
}
.d-lg-table-row {
display: table-row !important
}
.d-lg-table-cell {
display: table-cell !important
}
.d-lg-flex {
display: flex !important
}
.d-lg-inline-flex {
display: inline-flex !important
}
.d-lg-none {
display: none !important
}
.flex-lg-fill {
flex: 1 1 auto !important
}
.flex-lg-row {
flex-direction: row !important
}
.flex-lg-column {
flex-direction: column !important
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important
}
.flex-lg-grow-0 {
flex-grow: 0 !important
}
.flex-lg-grow-1 {
flex-grow: 1 !important
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important
}
.flex-lg-wrap {
flex-wrap: wrap !important
}
.flex-lg-nowrap {
flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.gap-lg-0 {
gap: 0 !important
}
.gap-lg-1 {
gap: .25rem !important
}
.gap-lg-2 {
gap: .5rem !important
}
.gap-lg-3 {
gap: 1rem !important
}
.gap-lg-4 {
gap: 1.5rem !important
}
.gap-lg-5 {
gap: 3rem !important
}
.justify-content-lg-start {
justify-content: flex-start !important
}
.justify-content-lg-end {
justify-content: flex-end !important
}
.justify-content-lg-center {
justify-content: center !important
}
.justify-content-lg-between {
justify-content: space-between !important
}
.justify-content-lg-around {
justify-content: space-around !important
}
.justify-content-lg-evenly {
justify-content: space-evenly !important
}
.align-items-lg-start {
align-items: flex-start !important
}
.align-items-lg-end {
align-items: flex-end !important
}
.align-items-lg-center {
align-items: center !important
}
.align-items-lg-baseline {
align-items: baseline !important
}
.align-items-lg-stretch {
align-items: stretch !important
}
.align-content-lg-start {
align-content: flex-start !important
}
.align-content-lg-end {
align-content: flex-end !important
}
.align-content-lg-center {
align-content: center !important
}
.align-content-lg-between {
align-content: space-between !important
}
.align-content-lg-around {
align-content: space-around !important
}
.align-content-lg-stretch {
align-content: stretch !important
}
.align-self-lg-auto {
align-self: auto !important
}
.align-self-lg-start {
align-self: flex-start !important
}
.align-self-lg-end {
align-self: flex-end !important
}
.align-self-lg-center {
align-self: center !important
}
.align-self-lg-baseline {
align-self: baseline !important
}
.align-self-lg-stretch {
align-self: stretch !important
}
.order-lg-first {
order: -1 !important
}
.order-lg-0 {
order: 0 !important
}
.order-lg-1 {
order: 1 !important
}
.order-lg-2 {
order: 2 !important
}
.order-lg-3 {
order: 3 !important
}
.order-lg-4 {
order: 4 !important
}
.order-lg-5 {
order: 5 !important
}
.order-lg-last {
order: 6 !important
}
.m-lg-0 {
margin: 0 !important
}
.m-lg-1 {
margin: .25rem !important
}
.m-lg-2 {
margin: .5rem !important
}
.m-lg-3 {
margin: 1rem !important
}
.m-lg-4 {
margin: 1.5rem !important
}
.m-lg-5 {
margin: 3rem !important
}
.m-lg-auto {
margin: auto !important
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-lg-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-lg-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-lg-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-lg-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-lg-0 {
margin-top: 0 !important
}
.mt-lg-1 {
margin-top: .25rem !important
}
.mt-lg-2 {
margin-top: .5rem !important
}
.mt-lg-3 {
margin-top: 1rem !important
}
.mt-lg-4 {
margin-top: 1.5rem !important
}
.mt-lg-5 {
margin-top: 3rem !important
}
.mt-lg-auto {
margin-top: auto !important
}
.me-lg-0 {
margin-right: 0 !important
}
.me-lg-1 {
margin-right: .25rem !important
}
.me-lg-2 {
margin-right: .5rem !important
}
.me-lg-3 {
margin-right: 1rem !important
}
.me-lg-4 {
margin-right: 1.5rem !important
}
.me-lg-5 {
margin-right: 3rem !important
}
.me-lg-auto {
margin-right: auto !important
}
.mb-lg-0 {
margin-bottom: 0 !important
}
.mb-lg-1 {
margin-bottom: .25rem !important
}
.mb-lg-2 {
margin-bottom: .5rem !important
}
.mb-lg-3 {
margin-bottom: 1rem !important
}
.mb-lg-4 {
margin-bottom: 1.5rem !important
}
.mb-lg-5 {
margin-bottom: 3rem !important
}
.mb-lg-auto {
margin-bottom: auto !important
}
.ms-lg-0 {
margin-left: 0 !important
}
.ms-lg-1 {
margin-left: .25rem !important
}
.ms-lg-2 {
margin-left: .5rem !important
}
.ms-lg-3 {
margin-left: 1rem !important
}
.ms-lg-4 {
margin-left: 1.5rem !important
}
.ms-lg-5 {
margin-left: 3rem !important
}
.ms-lg-auto {
margin-left: auto !important
}
.p-lg-0 {
padding: 0 !important
}
.p-lg-1 {
padding: .25rem !important
}
.p-lg-2 {
padding: .5rem !important
}
.p-lg-3 {
padding: 1rem !important
}
.p-lg-4 {
padding: 1.5rem !important
}
.p-lg-5 {
padding: 3rem !important
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-lg-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-lg-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-lg-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-lg-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-lg-0 {
padding-top: 0 !important
}
.pt-lg-1 {
padding-top: .25rem !important
}
.pt-lg-2 {
padding-top: .5rem !important
}
.pt-lg-3 {
padding-top: 1rem !important
}
.pt-lg-4 {
padding-top: 1.5rem !important
}
.pt-lg-5 {
padding-top: 3rem !important
}
.pe-lg-0 {
padding-right: 0 !important
}
.pe-lg-1 {
padding-right: .25rem !important
}
.pe-lg-2 {
padding-right: .5rem !important
}
.pe-lg-3 {
padding-right: 1rem !important
}
.pe-lg-4 {
padding-right: 1.5rem !important
}
.pe-lg-5 {
padding-right: 3rem !important
}
.pb-lg-0 {
padding-bottom: 0 !important
}
.pb-lg-1 {
padding-bottom: .25rem !important
}
.pb-lg-2 {
padding-bottom: .5rem !important
}
.pb-lg-3 {
padding-bottom: 1rem !important
}
.pb-lg-4 {
padding-bottom: 1.5rem !important
}
.pb-lg-5 {
padding-bottom: 3rem !important
}
.ps-lg-0 {
padding-left: 0 !important
}
.ps-lg-1 {
padding-left: .25rem !important
}
.ps-lg-2 {
padding-left: .5rem !important
}
.ps-lg-3 {
padding-left: 1rem !important
}
.ps-lg-4 {
padding-left: 1.5rem !important
}
.ps-lg-5 {
padding-left: 3rem !important
}
.text-lg-start {
text-align: left !important
}
.text-lg-end {
text-align: right !important
}
.text-lg-center {
text-align: center !important
}
}
@media(min-width:1024px) {
.float-hd-start {
float: left !important
}
.float-hd-end {
float: right !important
}
.float-hd-none {
float: none !important
}
.d-hd-inline {
display: inline !important
}
.d-hd-inline-block {
display: inline-block !important
}
.d-hd-block {
display: block !important
}
.d-hd-grid {
display: grid !important
}
.d-hd-table {
display: table !important
}
.d-hd-table-row {
display: table-row !important
}
.d-hd-table-cell {
display: table-cell !important
}
.d-hd-flex {
display: flex !important
}
.d-hd-inline-flex {
display: inline-flex !important
}
.d-hd-none {
display: none !important
}
.flex-hd-fill {
flex: 1 1 auto !important
}
.flex-hd-row {
flex-direction: row !important
}
.flex-hd-column {
flex-direction: column !important
}
.flex-hd-row-reverse {
flex-direction: row-reverse !important
}
.flex-hd-column-reverse {
flex-direction: column-reverse !important
}
.flex-hd-grow-0 {
flex-grow: 0 !important
}
.flex-hd-grow-1 {
flex-grow: 1 !important
}
.flex-hd-shrink-0 {
flex-shrink: 0 !important
}
.flex-hd-shrink-1 {
flex-shrink: 1 !important
}
.flex-hd-wrap {
flex-wrap: wrap !important
}
.flex-hd-nowrap {
flex-wrap: nowrap !important
}
.flex-hd-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.gap-hd-0 {
gap: 0 !important
}
.gap-hd-1 {
gap: .25rem !important
}
.gap-hd-2 {
gap: .5rem !important
}
.gap-hd-3 {
gap: 1rem !important
}
.gap-hd-4 {
gap: 1.5rem !important
}
.gap-hd-5 {
gap: 3rem !important
}
.justify-content-hd-start {
justify-content: flex-start !important
}
.justify-content-hd-end {
justify-content: flex-end !important
}
.justify-content-hd-center {
justify-content: center !important
}
.justify-content-hd-between {
justify-content: space-between !important
}
.justify-content-hd-around {
justify-content: space-around !important
}
.justify-content-hd-evenly {
justify-content: space-evenly !important
}
.align-items-hd-start {
align-items: flex-start !important
}
.align-items-hd-end {
align-items: flex-end !important
}
.align-items-hd-center {
align-items: center !important
}
.align-items-hd-baseline {
align-items: baseline !important
}
.align-items-hd-stretch {
align-items: stretch !important
}
.align-content-hd-start {
align-content: flex-start !important
}
.align-content-hd-end {
align-content: flex-end !important
}
.align-content-hd-center {
align-content: center !important
}
.align-content-hd-between {
align-content: space-between !important
}
.align-content-hd-around {
align-content: space-around !important
}
.align-content-hd-stretch {
align-content: stretch !important
}
.align-self-hd-auto {
align-self: auto !important
}
.align-self-hd-start {
align-self: flex-start !important
}
.align-self-hd-end {
align-self: flex-end !important
}
.align-self-hd-center {
align-self: center !important
}
.align-self-hd-baseline {
align-self: baseline !important
}
.align-self-hd-stretch {
align-self: stretch !important
}
.order-hd-first {
order: -1 !important
}
.order-hd-0 {
order: 0 !important
}
.order-hd-1 {
order: 1 !important
}
.order-hd-2 {
order: 2 !important
}
.order-hd-3 {
order: 3 !important
}
.order-hd-4 {
order: 4 !important
}
.order-hd-5 {
order: 5 !important
}
.order-hd-last {
order: 6 !important
}
.m-hd-0 {
margin: 0 !important
}
.m-hd-1 {
margin: .25rem !important
}
.m-hd-2 {
margin: .5rem !important
}
.m-hd-3 {
margin: 1rem !important
}
.m-hd-4 {
margin: 1.5rem !important
}
.m-hd-5 {
margin: 3rem !important
}
.m-hd-auto {
margin: auto !important
}
.mx-hd-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-hd-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-hd-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-hd-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-hd-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-hd-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-hd-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-hd-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-hd-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-hd-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-hd-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-hd-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-hd-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-hd-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-hd-0 {
margin-top: 0 !important
}
.mt-hd-1 {
margin-top: .25rem !important
}
.mt-hd-2 {
margin-top: .5rem !important
}
.mt-hd-3 {
margin-top: 1rem !important
}
.mt-hd-4 {
margin-top: 1.5rem !important
}
.mt-hd-5 {
margin-top: 3rem !important
}
.mt-hd-auto {
margin-top: auto !important
}
.me-hd-0 {
margin-right: 0 !important
}
.me-hd-1 {
margin-right: .25rem !important
}
.me-hd-2 {
margin-right: .5rem !important
}
.me-hd-3 {
margin-right: 1rem !important
}
.me-hd-4 {
margin-right: 1.5rem !important
}
.me-hd-5 {
margin-right: 3rem !important
}
.me-hd-auto {
margin-right: auto !important
}
.mb-hd-0 {
margin-bottom: 0 !important
}
.mb-hd-1 {
margin-bottom: .25rem !important
}
.mb-hd-2 {
margin-bottom: .5rem !important
}
.mb-hd-3 {
margin-bottom: 1rem !important
}
.mb-hd-4 {
margin-bottom: 1.5rem !important
}
.mb-hd-5 {
margin-bottom: 3rem !important
}
.mb-hd-auto {
margin-bottom: auto !important
}
.ms-hd-0 {
margin-left: 0 !important
}
.ms-hd-1 {
margin-left: .25rem !important
}
.ms-hd-2 {
margin-left: .5rem !important
}
.ms-hd-3 {
margin-left: 1rem !important
}
.ms-hd-4 {
margin-left: 1.5rem !important
}
.ms-hd-5 {
margin-left: 3rem !important
}
.ms-hd-auto {
margin-left: auto !important
}
.p-hd-0 {
padding: 0 !important
}
.p-hd-1 {
padding: .25rem !important
}
.p-hd-2 {
padding: .5rem !important
}
.p-hd-3 {
padding: 1rem !important
}
.p-hd-4 {
padding: 1.5rem !important
}
.p-hd-5 {
padding: 3rem !important
}
.px-hd-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-hd-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-hd-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-hd-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-hd-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-hd-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-hd-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-hd-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-hd-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-hd-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-hd-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-hd-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-hd-0 {
padding-top: 0 !important
}
.pt-hd-1 {
padding-top: .25rem !important
}
.pt-hd-2 {
padding-top: .5rem !important
}
.pt-hd-3 {
padding-top: 1rem !important
}
.pt-hd-4 {
padding-top: 1.5rem !important
}
.pt-hd-5 {
padding-top: 3rem !important
}
.pe-hd-0 {
padding-right: 0 !important
}
.pe-hd-1 {
padding-right: .25rem !important
}
.pe-hd-2 {
padding-right: .5rem !important
}
.pe-hd-3 {
padding-right: 1rem !important
}
.pe-hd-4 {
padding-right: 1.5rem !important
}
.pe-hd-5 {
padding-right: 3rem !important
}
.pb-hd-0 {
padding-bottom: 0 !important
}
.pb-hd-1 {
padding-bottom: .25rem !important
}
.pb-hd-2 {
padding-bottom: .5rem !important
}
.pb-hd-3 {
padding-bottom: 1rem !important
}
.pb-hd-4 {
padding-bottom: 1.5rem !important
}
.pb-hd-5 {
padding-bottom: 3rem !important
}
.ps-hd-0 {
padding-left: 0 !important
}
.ps-hd-1 {
padding-left: .25rem !important
}
.ps-hd-2 {
padding-left: .5rem !important
}
.ps-hd-3 {
padding-left: 1rem !important
}
.ps-hd-4 {
padding-left: 1.5rem !important
}
.ps-hd-5 {
padding-left: 3rem !important
}
.text-hd-start {
text-align: left !important
}
.text-hd-end {
text-align: right !important
}
.text-hd-center {
text-align: center !important
}
}
@media(min-width:1200px) {
.float-xl-start {
float: left !important
}
.float-xl-end {
float: right !important
}
.float-xl-none {
float: none !important
}
.d-xl-inline {
display: inline !important
}
.d-xl-inline-block {
display: inline-block !important
}
.d-xl-block {
display: block !important
}
.d-xl-grid {
display: grid !important
}
.d-xl-table {
display: table !important
}
.d-xl-table-row {
display: table-row !important
}
.d-xl-table-cell {
display: table-cell !important
}
.d-xl-flex {
display: flex !important
}
.d-xl-inline-flex {
display: inline-flex !important
}
.d-xl-none {
display: none !important
}
.flex-xl-fill {
flex: 1 1 auto !important
}
.flex-xl-row {
flex-direction: row !important
}
.flex-xl-column {
flex-direction: column !important
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xl-grow-0 {
flex-grow: 0 !important
}
.flex-xl-grow-1 {
flex-grow: 1 !important
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xl-wrap {
flex-wrap: wrap !important
}
.flex-xl-nowrap {
flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.gap-xl-0 {
gap: 0 !important
}
.gap-xl-1 {
gap: .25rem !important
}
.gap-xl-2 {
gap: .5rem !important
}
.gap-xl-3 {
gap: 1rem !important
}
.gap-xl-4 {
gap: 1.5rem !important
}
.gap-xl-5 {
gap: 3rem !important
}
.justify-content-xl-start {
justify-content: flex-start !important
}
.justify-content-xl-end {
justify-content: flex-end !important
}
.justify-content-xl-center {
justify-content: center !important
}
.justify-content-xl-between {
justify-content: space-between !important
}
.justify-content-xl-around {
justify-content: space-around !important
}
.justify-content-xl-evenly {
justify-content: space-evenly !important
}
.align-items-xl-start {
align-items: flex-start !important
}
.align-items-xl-end {
align-items: flex-end !important
}
.align-items-xl-center {
align-items: center !important
}
.align-items-xl-baseline {
align-items: baseline !important
}
.align-items-xl-stretch {
align-items: stretch !important
}
.align-content-xl-start {
align-content: flex-start !important
}
.align-content-xl-end {
align-content: flex-end !important
}
.align-content-xl-center {
align-content: center !important
}
.align-content-xl-between {
align-content: space-between !important
}
.align-content-xl-around {
align-content: space-around !important
}
.align-content-xl-stretch {
align-content: stretch !important
}
.align-self-xl-auto {
align-self: auto !important
}
.align-self-xl-start {
align-self: flex-start !important
}
.align-self-xl-end {
align-self: flex-end !important
}
.align-self-xl-center {
align-self: center !important
}
.align-self-xl-baseline {
align-self: baseline !important
}
.align-self-xl-stretch {
align-self: stretch !important
}
.order-xl-first {
order: -1 !important
}
.order-xl-0 {
order: 0 !important
}
.order-xl-1 {
order: 1 !important
}
.order-xl-2 {
order: 2 !important
}
.order-xl-3 {
order: 3 !important
}
.order-xl-4 {
order: 4 !important
}
.order-xl-5 {
order: 5 !important
}
.order-xl-last {
order: 6 !important
}
.m-xl-0 {
margin: 0 !important
}
.m-xl-1 {
margin: .25rem !important
}
.m-xl-2 {
margin: .5rem !important
}
.m-xl-3 {
margin: 1rem !important
}
.m-xl-4 {
margin: 1.5rem !important
}
.m-xl-5 {
margin: 3rem !important
}
.m-xl-auto {
margin: auto !important
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xl-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-xl-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xl-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-xl-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xl-0 {
margin-top: 0 !important
}
.mt-xl-1 {
margin-top: .25rem !important
}
.mt-xl-2 {
margin-top: .5rem !important
}
.mt-xl-3 {
margin-top: 1rem !important
}
.mt-xl-4 {
margin-top: 1.5rem !important
}
.mt-xl-5 {
margin-top: 3rem !important
}
.mt-xl-auto {
margin-top: auto !important
}
.me-xl-0 {
margin-right: 0 !important
}
.me-xl-1 {
margin-right: .25rem !important
}
.me-xl-2 {
margin-right: .5rem !important
}
.me-xl-3 {
margin-right: 1rem !important
}
.me-xl-4 {
margin-right: 1.5rem !important
}
.me-xl-5 {
margin-right: 3rem !important
}
.me-xl-auto {
margin-right: auto !important
}
.mb-xl-0 {
margin-bottom: 0 !important
}
.mb-xl-1 {
margin-bottom: .25rem !important
}
.mb-xl-2 {
margin-bottom: .5rem !important
}
.mb-xl-3 {
margin-bottom: 1rem !important
}
.mb-xl-4 {
margin-bottom: 1.5rem !important
}
.mb-xl-5 {
margin-bottom: 3rem !important
}
.mb-xl-auto {
margin-bottom: auto !important
}
.ms-xl-0 {
margin-left: 0 !important
}
.ms-xl-1 {
margin-left: .25rem !important
}
.ms-xl-2 {
margin-left: .5rem !important
}
.ms-xl-3 {
margin-left: 1rem !important
}
.ms-xl-4 {
margin-left: 1.5rem !important
}
.ms-xl-5 {
margin-left: 3rem !important
}
.ms-xl-auto {
margin-left: auto !important
}
.p-xl-0 {
padding: 0 !important
}
.p-xl-1 {
padding: .25rem !important
}
.p-xl-2 {
padding: .5rem !important
}
.p-xl-3 {
padding: 1rem !important
}
.p-xl-4 {
padding: 1.5rem !important
}
.p-xl-5 {
padding: 3rem !important
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xl-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-xl-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xl-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-xl-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-xl-0 {
padding-top: 0 !important
}
.pt-xl-1 {
padding-top: .25rem !important
}
.pt-xl-2 {
padding-top: .5rem !important
}
.pt-xl-3 {
padding-top: 1rem !important
}
.pt-xl-4 {
padding-top: 1.5rem !important
}
.pt-xl-5 {
padding-top: 3rem !important
}
.pe-xl-0 {
padding-right: 0 !important
}
.pe-xl-1 {
padding-right: .25rem !important
}
.pe-xl-2 {
padding-right: .5rem !important
}
.pe-xl-3 {
padding-right: 1rem !important
}
.pe-xl-4 {
padding-right: 1.5rem !important
}
.pe-xl-5 {
padding-right: 3rem !important
}
.pb-xl-0 {
padding-bottom: 0 !important
}
.pb-xl-1 {
padding-bottom: .25rem !important
}
.pb-xl-2 {
padding-bottom: .5rem !important
}
.pb-xl-3 {
padding-bottom: 1rem !important
}
.pb-xl-4 {
padding-bottom: 1.5rem !important
}
.pb-xl-5 {
padding-bottom: 3rem !important
}
.ps-xl-0 {
padding-left: 0 !important
}
.ps-xl-1 {
padding-left: .25rem !important
}
.ps-xl-2 {
padding-left: .5rem !important
}
.ps-xl-3 {
padding-left: 1rem !important
}
.ps-xl-4 {
padding-left: 1.5rem !important
}
.ps-xl-5 {
padding-left: 3rem !important
}
.text-xl-start {
text-align: left !important
}
.text-xl-end {
text-align: right !important
}
.text-xl-center {
text-align: center !important
}
}
@media(min-width:1440px) {
.float-xxl-start {
float: left !important
}
.float-xxl-end {
float: right !important
}
.float-xxl-none {
float: none !important
}
.d-xxl-inline {
display: inline !important
}
.d-xxl-inline-block {
display: inline-block !important
}
.d-xxl-block {
display: block !important
}
.d-xxl-grid {
display: grid !important
}
.d-xxl-table {
display: table !important
}
.d-xxl-table-row {
display: table-row !important
}
.d-xxl-table-cell {
display: table-cell !important
}
.d-xxl-flex {
display: flex !important
}
.d-xxl-inline-flex {
display: inline-flex !important
}
.d-xxl-none {
display: none !important
}
.flex-xxl-fill {
flex: 1 1 auto !important
}
.flex-xxl-row {
flex-direction: row !important
}
.flex-xxl-column {
flex-direction: column !important
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xxl-grow-0 {
flex-grow: 0 !important
}
.flex-xxl-grow-1 {
flex-grow: 1 !important
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xxl-wrap {
flex-wrap: wrap !important
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.gap-xxl-0 {
gap: 0 !important
}
.gap-xxl-1 {
gap: .25rem !important
}
.gap-xxl-2 {
gap: .5rem !important
}
.gap-xxl-3 {
gap: 1rem !important
}
.gap-xxl-4 {
gap: 1.5rem !important
}
.gap-xxl-5 {
gap: 3rem !important
}
.justify-content-xxl-start {
justify-content: flex-start !important
}
.justify-content-xxl-end {
justify-content: flex-end !important
}
.justify-content-xxl-center {
justify-content: center !important
}
.justify-content-xxl-between {
justify-content: space-between !important
}
.justify-content-xxl-around {
justify-content: space-around !important
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important
}
.align-items-xxl-start {
align-items: flex-start !important
}
.align-items-xxl-end {
align-items: flex-end !important
}
.align-items-xxl-center {
align-items: center !important
}
.align-items-xxl-baseline {
align-items: baseline !important
}
.align-items-xxl-stretch {
align-items: stretch !important
}
.align-content-xxl-start {
align-content: flex-start !important
}
.align-content-xxl-end {
align-content: flex-end !important
}
.align-content-xxl-center {
align-content: center !important
}
.align-content-xxl-between {
align-content: space-between !important
}
.align-content-xxl-around {
align-content: space-around !important
}
.align-content-xxl-stretch {
align-content: stretch !important
}
.align-self-xxl-auto {
align-self: auto !important
}
.align-self-xxl-start {
align-self: flex-start !important
}
.align-self-xxl-end {
align-self: flex-end !important
}
.align-self-xxl-center {
align-self: center !important
}
.align-self-xxl-baseline {
align-self: baseline !important
}
.align-self-xxl-stretch {
align-self: stretch !important
}
.order-xxl-first {
order: -1 !important
}
.order-xxl-0 {
order: 0 !important
}
.order-xxl-1 {
order: 1 !important
}
.order-xxl-2 {
order: 2 !important
}
.order-xxl-3 {
order: 3 !important
}
.order-xxl-4 {
order: 4 !important
}
.order-xxl-5 {
order: 5 !important
}
.order-xxl-last {
order: 6 !important
}
.m-xxl-0 {
margin: 0 !important
}
.m-xxl-1 {
margin: .25rem !important
}
.m-xxl-2 {
margin: .5rem !important
}
.m-xxl-3 {
margin: 1rem !important
}
.m-xxl-4 {
margin: 1.5rem !important
}
.m-xxl-5 {
margin: 3rem !important
}
.m-xxl-auto {
margin: auto !important
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xxl-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-xxl-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xxl-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-xxl-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xxl-0 {
margin-top: 0 !important
}
.mt-xxl-1 {
margin-top: .25rem !important
}
.mt-xxl-2 {
margin-top: .5rem !important
}
.mt-xxl-3 {
margin-top: 1rem !important
}
.mt-xxl-4 {
margin-top: 1.5rem !important
}
.mt-xxl-5 {
margin-top: 3rem !important
}
.mt-xxl-auto {
margin-top: auto !important
}
.me-xxl-0 {
margin-right: 0 !important
}
.me-xxl-1 {
margin-right: .25rem !important
}
.me-xxl-2 {
margin-right: .5rem !important
}
.me-xxl-3 {
margin-right: 1rem !important
}
.me-xxl-4 {
margin-right: 1.5rem !important
}
.me-xxl-5 {
margin-right: 3rem !important
}
.me-xxl-auto {
margin-right: auto !important
}
.mb-xxl-0 {
margin-bottom: 0 !important
}
.mb-xxl-1 {
margin-bottom: .25rem !important
}
.mb-xxl-2 {
margin-bottom: .5rem !important
}
.mb-xxl-3 {
margin-bottom: 1rem !important
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important
}
.mb-xxl-5 {
margin-bottom: 3rem !important
}
.mb-xxl-auto {
margin-bottom: auto !important
}
.ms-xxl-0 {
margin-left: 0 !important
}
.ms-xxl-1 {
margin-left: .25rem !important
}
.ms-xxl-2 {
margin-left: .5rem !important
}
.ms-xxl-3 {
margin-left: 1rem !important
}
.ms-xxl-4 {
margin-left: 1.5rem !important
}
.ms-xxl-5 {
margin-left: 3rem !important
}
.ms-xxl-auto {
margin-left: auto !important
}
.p-xxl-0 {
padding: 0 !important
}
.p-xxl-1 {
padding: .25rem !important
}
.p-xxl-2 {
padding: .5rem !important
}
.p-xxl-3 {
padding: 1rem !important
}
.p-xxl-4 {
padding: 1.5rem !important
}
.p-xxl-5 {
padding: 3rem !important
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xxl-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-xxl-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xxl-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-xxl-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-xxl-0 {
padding-top: 0 !important
}
.pt-xxl-1 {
padding-top: .25rem !important
}
.pt-xxl-2 {
padding-top: .5rem !important
}
.pt-xxl-3 {
padding-top: 1rem !important
}
.pt-xxl-4 {
padding-top: 1.5rem !important
}
.pt-xxl-5 {
padding-top: 3rem !important
}
.pe-xxl-0 {
padding-right: 0 !important
}
.pe-xxl-1 {
padding-right: .25rem !important
}
.pe-xxl-2 {
padding-right: .5rem !important
}
.pe-xxl-3 {
padding-right: 1rem !important
}
.pe-xxl-4 {
padding-right: 1.5rem !important
}
.pe-xxl-5 {
padding-right: 3rem !important
}
.pb-xxl-0 {
padding-bottom: 0 !important
}
.pb-xxl-1 {
padding-bottom: .25rem !important
}
.pb-xxl-2 {
padding-bottom: .5rem !important
}
.pb-xxl-3 {
padding-bottom: 1rem !important
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important
}
.pb-xxl-5 {
padding-bottom: 3rem !important
}
.ps-xxl-0 {
padding-left: 0 !important
}
.ps-xxl-1 {
padding-left: .25rem !important
}
.ps-xxl-2 {
padding-left: .5rem !important
}
.ps-xxl-3 {
padding-left: 1rem !important
}
.ps-xxl-4 {
padding-left: 1.5rem !important
}
.ps-xxl-5 {
padding-left: 3rem !important
}
.text-xxl-start {
text-align: left !important
}
.text-xxl-end {
text-align: right !important
}
.text-xxl-center {
text-align: center !important
}
}
@media(min-width:1792px) {
.float-xxxl-start {
float: left !important
}
.float-xxxl-end {
float: right !important
}
.float-xxxl-none {
float: none !important
}
.d-xxxl-inline {
display: inline !important
}
.d-xxxl-inline-block {
display: inline-block !important
}
.d-xxxl-block {
display: block !important
}
.d-xxxl-grid {
display: grid !important
}
.d-xxxl-table {
display: table !important
}
.d-xxxl-table-row {
display: table-row !important
}
.d-xxxl-table-cell {
display: table-cell !important
}
.d-xxxl-flex {
display: flex !important
}
.d-xxxl-inline-flex {
display: inline-flex !important
}
.d-xxxl-none {
display: none !important
}
.flex-xxxl-fill {
flex: 1 1 auto !important
}
.flex-xxxl-row {
flex-direction: row !important
}
.flex-xxxl-column {
flex-direction: column !important
}
.flex-xxxl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xxxl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xxxl-grow-0 {
flex-grow: 0 !important
}
.flex-xxxl-grow-1 {
flex-grow: 1 !important
}
.flex-xxxl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xxxl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xxxl-wrap {
flex-wrap: wrap !important
}
.flex-xxxl-nowrap {
flex-wrap: nowrap !important
}
.flex-xxxl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.gap-xxxl-0 {
gap: 0 !important
}
.gap-xxxl-1 {
gap: .25rem !important
}
.gap-xxxl-2 {
gap: .5rem !important
}
.gap-xxxl-3 {
gap: 1rem !important
}
.gap-xxxl-4 {
gap: 1.5rem !important
}
.gap-xxxl-5 {
gap: 3rem !important
}
.justify-content-xxxl-start {
justify-content: flex-start !important
}
.justify-content-xxxl-end {
justify-content: flex-end !important
}
.justify-content-xxxl-center {
justify-content: center !important
}
.justify-content-xxxl-between {
justify-content: space-between !important
}
.justify-content-xxxl-around {
justify-content: space-around !important
}
.justify-content-xxxl-evenly {
justify-content: space-evenly !important
}
.align-items-xxxl-start {
align-items: flex-start !important
}
.align-items-xxxl-end {
align-items: flex-end !important
}
.align-items-xxxl-center {
align-items: center !important
}
.align-items-xxxl-baseline {
align-items: baseline !important
}
.align-items-xxxl-stretch {
align-items: stretch !important
}
.align-content-xxxl-start {
align-content: flex-start !important
}
.align-content-xxxl-end {
align-content: flex-end !important
}
.align-content-xxxl-center {
align-content: center !important
}
.align-content-xxxl-between {
align-content: space-between !important
}
.align-content-xxxl-around {
align-content: space-around !important
}
.align-content-xxxl-stretch {
align-content: stretch !important
}
.align-self-xxxl-auto {
align-self: auto !important
}
.align-self-xxxl-start {
align-self: flex-start !important
}
.align-self-xxxl-end {
align-self: flex-end !important
}
.align-self-xxxl-center {
align-self: center !important
}
.align-self-xxxl-baseline {
align-self: baseline !important
}
.align-self-xxxl-stretch {
align-self: stretch !important
}
.order-xxxl-first {
order: -1 !important
}
.order-xxxl-0 {
order: 0 !important
}
.order-xxxl-1 {
order: 1 !important
}
.order-xxxl-2 {
order: 2 !important
}
.order-xxxl-3 {
order: 3 !important
}
.order-xxxl-4 {
order: 4 !important
}
.order-xxxl-5 {
order: 5 !important
}
.order-xxxl-last {
order: 6 !important
}
.m-xxxl-0 {
margin: 0 !important
}
.m-xxxl-1 {
margin: .25rem !important
}
.m-xxxl-2 {
margin: .5rem !important
}
.m-xxxl-3 {
margin: 1rem !important
}
.m-xxxl-4 {
margin: 1.5rem !important
}
.m-xxxl-5 {
margin: 3rem !important
}
.m-xxxl-auto {
margin: auto !important
}
.mx-xxxl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xxxl-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-xxxl-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-xxxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xxxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-xxxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xxxl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xxxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xxxl-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-xxxl-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-xxxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xxxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-xxxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xxxl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xxxl-0 {
margin-top: 0 !important
}
.mt-xxxl-1 {
margin-top: .25rem !important
}
.mt-xxxl-2 {
margin-top: .5rem !important
}
.mt-xxxl-3 {
margin-top: 1rem !important
}
.mt-xxxl-4 {
margin-top: 1.5rem !important
}
.mt-xxxl-5 {
margin-top: 3rem !important
}
.mt-xxxl-auto {
margin-top: auto !important
}
.me-xxxl-0 {
margin-right: 0 !important
}
.me-xxxl-1 {
margin-right: .25rem !important
}
.me-xxxl-2 {
margin-right: .5rem !important
}
.me-xxxl-3 {
margin-right: 1rem !important
}
.me-xxxl-4 {
margin-right: 1.5rem !important
}
.me-xxxl-5 {
margin-right: 3rem !important
}
.me-xxxl-auto {
margin-right: auto !important
}
.mb-xxxl-0 {
margin-bottom: 0 !important
}
.mb-xxxl-1 {
margin-bottom: .25rem !important
}
.mb-xxxl-2 {
margin-bottom: .5rem !important
}
.mb-xxxl-3 {
margin-bottom: 1rem !important
}
.mb-xxxl-4 {
margin-bottom: 1.5rem !important
}
.mb-xxxl-5 {
margin-bottom: 3rem !important
}
.mb-xxxl-auto {
margin-bottom: auto !important
}
.ms-xxxl-0 {
margin-left: 0 !important
}
.ms-xxxl-1 {
margin-left: .25rem !important
}
.ms-xxxl-2 {
margin-left: .5rem !important
}
.ms-xxxl-3 {
margin-left: 1rem !important
}
.ms-xxxl-4 {
margin-left: 1.5rem !important
}
.ms-xxxl-5 {
margin-left: 3rem !important
}
.ms-xxxl-auto {
margin-left: auto !important
}
.p-xxxl-0 {
padding: 0 !important
}
.p-xxxl-1 {
padding: .25rem !important
}
.p-xxxl-2 {
padding: .5rem !important
}
.p-xxxl-3 {
padding: 1rem !important
}
.p-xxxl-4 {
padding: 1.5rem !important
}
.p-xxxl-5 {
padding: 3rem !important
}
.px-xxxl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xxxl-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-xxxl-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-xxxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xxxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-xxxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-xxxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xxxl-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-xxxl-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-xxxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xxxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-xxxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-xxxl-0 {
padding-top: 0 !important
}
.pt-xxxl-1 {
padding-top: .25rem !important
}
.pt-xxxl-2 {
padding-top: .5rem !important
}
.pt-xxxl-3 {
padding-top: 1rem !important
}
.pt-xxxl-4 {
padding-top: 1.5rem !important
}
.pt-xxxl-5 {
padding-top: 3rem !important
}
.pe-xxxl-0 {
padding-right: 0 !important
}
.pe-xxxl-1 {
padding-right: .25rem !important
}
.pe-xxxl-2 {
padding-right: .5rem !important
}
.pe-xxxl-3 {
padding-right: 1rem !important
}
.pe-xxxl-4 {
padding-right: 1.5rem !important
}
.pe-xxxl-5 {
padding-right: 3rem !important
}
.pb-xxxl-0 {
padding-bottom: 0 !important
}
.pb-xxxl-1 {
padding-bottom: .25rem !important
}
.pb-xxxl-2 {
padding-bottom: .5rem !important
}
.pb-xxxl-3 {
padding-bottom: 1rem !important
}
.pb-xxxl-4 {
padding-bottom: 1.5rem !important
}
.pb-xxxl-5 {
padding-bottom: 3rem !important
}
.ps-xxxl-0 {
padding-left: 0 !important
}
.ps-xxxl-1 {
padding-left: .25rem !important
}
.ps-xxxl-2 {
padding-left: .5rem !important
}
.ps-xxxl-3 {
padding-left: 1rem !important
}
.ps-xxxl-4 {
padding-left: 1.5rem !important
}
.ps-xxxl-5 {
padding-left: 3rem !important
}
.text-xxxl-start {
text-align: left !important
}
.text-xxxl-end {
text-align: right !important
}
.text-xxxl-center {
text-align: center !important
}
}
@media(min-width:1200px) {
.fs-1 {
font-size: 2.5rem !important
}
.fs-2 {
font-size: 2rem !important
}
.fs-3 {
font-size: 1.75rem !important
}
.fs-4 {
font-size: 1.5rem !important
}
}
@media print {
.d-print-inline {
display: inline !important
}
.d-print-inline-block {
display: inline-block !important
}
.d-print-block {
display: block !important
}
.d-print-grid {
display: grid !important
}
.d-print-table {
display: table !important
}
.d-print-table-row {
display: table-row !important
}
.d-print-table-cell {
display: table-cell !important
}
.d-print-flex {
display: flex !important
}
.d-print-inline-flex {
display: inline-flex !important
}
.d-print-none {
display: none !important
}
}
.highlighted {
width: 100%;
z-index: 898;
background-color: #f7f9fa;
transition: all 300ms ease-out;
position: sticky;
top: 0
}
.highlighted .container-fluid,
.highlighted .container-sm,
.highlighted .container-md,
.highlighted .container-lg,
.highlighted .container-hd,
.highlighted .container-xl,
.highlighted .container-xxl,
.highlighted .container-xxxl {
padding: 0
}
.highlighted .container-fluid div[data-drupal-messages],
.highlighted .container-sm div[data-drupal-messages],
.highlighted .container-md div[data-drupal-messages],
.highlighted .container-lg div[data-drupal-messages],
.highlighted .container-hd div[data-drupal-messages],
.highlighted .container-xl div[data-drupal-messages],
.highlighted .container-xxl div[data-drupal-messages],
.highlighted .container-xxxl div[data-drupal-messages] {
animation: slideDown .3s ease-in
}
.highlighted .container-fluid .alert,
.highlighted .container-sm .alert,
.highlighted .container-md .alert,
.highlighted .container-lg .alert,
.highlighted .container-hd .alert,
.highlighted .container-xl .alert,
.highlighted .container-xxl .alert,
.highlighted .container-xxxl .alert {
background-color: #1882ff;
z-index: 11;
font-size: 1rem;
font-weight: 600;
text-align: left;
color: #fff;
margin-bottom: 0;
width: 100% !important;
max-width: 100%;
padding: 1rem 3.5rem;
border: 0;
box-sizing: border-box
}
@media(max-width:991.98px) {
.highlighted .container-fluid .alert,
.highlighted .container-sm .alert,
.highlighted .container-md .alert,
.highlighted .container-lg .alert,
.highlighted .container-hd .alert,
.highlighted .container-xl .alert,
.highlighted .container-xxl .alert,
.highlighted .container-xxxl .alert {
font-size: .875rem
}
}
.highlighted .container-fluid .alert a,
.highlighted .container-sm .alert a,
.highlighted .container-md .alert a,
.highlighted .container-lg .alert a,
.highlighted .container-hd .alert a,
.highlighted .container-xl .alert a,
.highlighted .container-xxl .alert a,
.highlighted .container-xxxl .alert a {
color: inherit;
text-decoration: underline
}
.highlighted .container-fluid .alert em,
.highlighted .container-sm .alert em,
.highlighted .container-md .alert em,
.highlighted .container-lg .alert em,
.highlighted .container-hd .alert em,
.highlighted .container-xl .alert em,
.highlighted .container-xxl .alert em,
.highlighted .container-xxxl .alert em {
margin: 0 .25rem
}
.highlighted .container-fluid .alert *,
.highlighted .container-sm .alert *,
.highlighted .container-md .alert *,
.highlighted .container-lg .alert *,
.highlighted .container-hd .alert *,
.highlighted .container-xl .alert *,
.highlighted .container-xxl .alert *,
.highlighted .container-xxxl .alert * {
color: inherit
}
.highlighted .container-fluid .alert.alert-info,
.highlighted .container-sm .alert.alert-info,
.highlighted .container-md .alert.alert-info,
.highlighted .container-lg .alert.alert-info,
.highlighted .container-hd .alert.alert-info,
.highlighted .container-xl .alert.alert-info,
.highlighted .container-xxl .alert.alert-info,
.highlighted .container-xxxl .alert.alert-info {
background-color: #1882ff
}
.highlighted .container-fluid .alert.alert-warning,
.highlighted .container-sm .alert.alert-warning,
.highlighted .container-md .alert.alert-warning,
.highlighted .container-lg .alert.alert-warning,
.highlighted .container-hd .alert.alert-warning,
.highlighted .container-xl .alert.alert-warning,
.highlighted .container-xxl .alert.alert-warning,
.highlighted .container-xxxl .alert.alert-warning {
background-color: #f18400;
color: #fff
}
.highlighted .container-fluid .alert.alert-warning:before,
.highlighted .container-sm .alert.alert-warning:before,
.highlighted .container-md .alert.alert-warning:before,
.highlighted .container-lg .alert.alert-warning:before,
.highlighted .container-hd .alert.alert-warning:before,
.highlighted .container-xl .alert.alert-warning:before,
.highlighted .container-xxl .alert.alert-warning:before,
.highlighted .container-xxxl .alert.alert-warning:before {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: calc(50% - 7px);
left: 1rem;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 10px 18px 10px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
transform: rotate(0deg)
}
.highlighted .container-fluid .alert.alert-warning:after,
.highlighted .container-sm .alert.alert-warning:after,
.highlighted .container-md .alert.alert-warning:after,
.highlighted .container-lg .alert.alert-warning:after,
.highlighted .container-hd .alert.alert-warning:after,
.highlighted .container-xl .alert.alert-warning:after,
.highlighted .container-xxl .alert.alert-warning:after,
.highlighted .container-xxxl .alert.alert-warning:after {
content: "!";
position: absolute;
left: 24px;
color: #f18400;
font-size: .875rem;
line-height: 1;
bottom: calc(50% - 7px)
}
.highlighted .container-fluid .alert.alert-danger,
.highlighted .container-sm .alert.alert-danger,
.highlighted .container-md .alert.alert-danger,
.highlighted .container-lg .alert.alert-danger,
.highlighted .container-hd .alert.alert-danger,
.highlighted .container-xl .alert.alert-danger,
.highlighted .container-xxl .alert.alert-danger,
.highlighted .container-xxxl .alert.alert-danger {
background-color: #c50808;
border-radius: 0
}
.highlighted .container-fluid .alert.alert-danger:before,
.highlighted .container-sm .alert.alert-danger:before,
.highlighted .container-md .alert.alert-danger:before,
.highlighted .container-lg .alert.alert-danger:before,
.highlighted .container-hd .alert.alert-danger:before,
.highlighted .container-xl .alert.alert-danger:before,
.highlighted .container-xxl .alert.alert-danger:before,
.highlighted .container-xxxl .alert.alert-danger:before {
content: "";
display: block;
width: 20px;
height: 20px;
border-radius: 100%;
background: #fff;
position: absolute;
bottom: calc(50% - 10px);
left: 1rem
}
.highlighted .container-fluid .alert.alert-danger:after,
.highlighted .container-sm .alert.alert-danger:after,
.highlighted .container-md .alert.alert-danger:after,
.highlighted .container-lg .alert.alert-danger:after,
.highlighted .container-hd .alert.alert-danger:after,
.highlighted .container-xl .alert.alert-danger:after,
.highlighted .container-xxl .alert.alert-danger:after,
.highlighted .container-xxxl .alert.alert-danger:after {
content: "!";
position: absolute;
left: 24px;
color: #c50808;
font-size: .875rem;
line-height: 1;
bottom: calc(50% - 7px)
}
.highlighted .container-fluid .alert.alert-success,
.highlighted .container-sm .alert.alert-success,
.highlighted .container-md .alert.alert-success,
.highlighted .container-lg .alert.alert-success,
.highlighted .container-hd .alert.alert-success,
.highlighted .container-xl .alert.alert-success,
.highlighted .container-xxl .alert.alert-success,
.highlighted .container-xxxl .alert.alert-success {
background-color: #0b873c
}
.highlighted .container-fluid .alert.alert-success:before,
.highlighted .container-sm .alert.alert-success:before,
.highlighted .container-md .alert.alert-success:before,
.highlighted .container-lg .alert.alert-success:before,
.highlighted .container-hd .alert.alert-success:before,
.highlighted .container-xl .alert.alert-success:before,
.highlighted .container-xxl .alert.alert-success:before,
.highlighted .container-xxxl .alert.alert-success:before {
content: "";
font-family: "hubber8";
font-size: 2rem;
color: #fff;
height: 100%;
padding: 0 1.5rem 0 .5rem;
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
position: absolute;
bottom: calc(50% - 10px);
left: 1rem
}
@media(max-width:767.98px) {
.highlighted .container-fluid .alert.alert-success:before,
.highlighted .container-sm .alert.alert-success:before,
.highlighted .container-md .alert.alert-success:before,
.highlighted .container-lg .alert.alert-success:before,
.highlighted .container-hd .alert.alert-success:before,
.highlighted .container-xl .alert.alert-success:before,
.highlighted .container-xxl .alert.alert-success:before,
.highlighted .container-xxxl .alert.alert-success:before {
align-items: flex-start;
position: absolute;
left: .5rem
}
}
.highlighted .container-fluid .alert:before,
.highlighted .container-sm .alert:before,
.highlighted .container-md .alert:before,
.highlighted .container-lg .alert:before,
.highlighted .container-hd .alert:before,
.highlighted .container-xl .alert:before,
.highlighted .container-xxl .alert:before,
.highlighted .container-xxxl .alert:before {
display: none
}
.highlighted .container-fluid .alert-dismissible .btn-close,
.highlighted .container-sm .alert-dismissible .btn-close,
.highlighted .container-md .alert-dismissible .btn-close,
.highlighted .container-lg .alert-dismissible .btn-close,
.highlighted .container-hd .alert-dismissible .btn-close,
.highlighted .container-xl .alert-dismissible .btn-close,
.highlighted .container-xxl .alert-dismissible .btn-close,
.highlighted .container-xxxl .alert-dismissible .btn-close,
.highlighted .container-fluid .alert-dismissible .close,
.highlighted .container-sm .alert-dismissible .close,
.highlighted .container-md .alert-dismissible .close,
.highlighted .container-lg .alert-dismissible .close,
.highlighted .container-hd .alert-dismissible .close,
.highlighted .container-xl .alert-dismissible .close,
.highlighted .container-xxl .alert-dismissible .close,
.highlighted .container-xxxl .alert-dismissible .close {
height: 100%;
width: 3rem;
padding: 0;
background: none !important;
opacity: 1;
display: block !important;
position: absolute;
right: 0
}
.highlighted .container-fluid .alert-dismissible .btn-close span,
.highlighted .container-sm .alert-dismissible .btn-close span,
.highlighted .container-md .alert-dismissible .btn-close span,
.highlighted .container-lg .alert-dismissible .btn-close span,
.highlighted .container-hd .alert-dismissible .btn-close span,
.highlighted .container-xl .alert-dismissible .btn-close span,
.highlighted .container-xxl .alert-dismissible .btn-close span,
.highlighted .container-xxxl .alert-dismissible .btn-close span,
.highlighted .container-fluid .alert-dismissible .close span,
.highlighted .container-sm .alert-dismissible .close span,
.highlighted .container-md .alert-dismissible .close span,
.highlighted .container-lg .alert-dismissible .close span,
.highlighted .container-hd .alert-dismissible .close span,
.highlighted .container-xl .alert-dismissible .close span,
.highlighted .container-xxl .alert-dismissible .close span,
.highlighted .container-xxxl .alert-dismissible .close span {
display: none
}
.highlighted .container-fluid .alert-dismissible .btn-close:before,
.highlighted .container-sm .alert-dismissible .btn-close:before,
.highlighted .container-md .alert-dismissible .btn-close:before,
.highlighted .container-lg .alert-dismissible .btn-close:before,
.highlighted .container-hd .alert-dismissible .btn-close:before,
.highlighted .container-xl .alert-dismissible .btn-close:before,
.highlighted .container-xxl .alert-dismissible .btn-close:before,
.highlighted .container-xxxl .alert-dismissible .btn-close:before,
.highlighted .container-fluid .alert-dismissible .btn-close:after,
.highlighted .container-sm .alert-dismissible .btn-close:after,
.highlighted .container-md .alert-dismissible .btn-close:after,
.highlighted .container-lg .alert-dismissible .btn-close:after,
.highlighted .container-hd .alert-dismissible .btn-close:after,
.highlighted .container-xl .alert-dismissible .btn-close:after,
.highlighted .container-xxl .alert-dismissible .btn-close:after,
.highlighted .container-xxxl .alert-dismissible .btn-close:after,
.highlighted .container-fluid .alert-dismissible .close:before,
.highlighted .container-sm .alert-dismissible .close:before,
.highlighted .container-md .alert-dismissible .close:before,
.highlighted .container-lg .alert-dismissible .close:before,
.highlighted .container-hd .alert-dismissible .close:before,
.highlighted .container-xl .alert-dismissible .close:before,
.highlighted .container-xxl .alert-dismissible .close:before,
.highlighted .container-xxxl .alert-dismissible .close:before,
.highlighted .container-fluid .alert-dismissible .close:after,
.highlighted .container-sm .alert-dismissible .close:after,
.highlighted .container-md .alert-dismissible .close:after,
.highlighted .container-lg .alert-dismissible .close:after,
.highlighted .container-hd .alert-dismissible .close:after,
.highlighted .container-xl .alert-dismissible .close:after,
.highlighted .container-xxl .alert-dismissible .close:after,
.highlighted .container-xxxl .alert-dismissible .close:after {
content: "";
background: #fff;
width: 14px;
height: 3px;
border-radius: 4px;
display: block;
position: absolute;
left: 5px;
top: calc(50% - 3px);
transform: rotate(45deg);
transition: .2s
}
@media(max-width:767.98px) {
.highlighted .container-fluid .alert-dismissible .btn-close:before,
.highlighted .container-sm .alert-dismissible .btn-close:before,
.highlighted .container-md .alert-dismissible .btn-close:before,
.highlighted .container-lg .alert-dismissible .btn-close:before,
.highlighted .container-hd .alert-dismissible .btn-close:before,
.highlighted .container-xl .alert-dismissible .btn-close:before,
.highlighted .container-xxl .alert-dismissible .btn-close:before,
.highlighted .container-xxxl .alert-dismissible .btn-close:before,
.highlighted .container-fluid .alert-dismissible .btn-close:after,
.highlighted .container-sm .alert-dismissible .btn-close:after,
.highlighted .container-md .alert-dismissible .btn-close:after,
.highlighted .container-lg .alert-dismissible .btn-close:after,
.highlighted .container-hd .alert-dismissible .btn-close:after,
.highlighted .container-xl .alert-dismissible .btn-close:after,
.highlighted .container-xxl .alert-dismissible .btn-close:after,
.highlighted .container-xxxl .alert-dismissible .btn-close:after,
.highlighted .container-fluid .alert-dismissible .close:before,
.highlighted .container-sm .alert-dismissible .close:before,
.highlighted .container-md .alert-dismissible .close:before,
.highlighted .container-lg .alert-dismissible .close:before,
.highlighted .container-hd .alert-dismissible .close:before,
.highlighted .container-xl .alert-dismissible .close:before,
.highlighted .container-xxl .alert-dismissible .close:before,
.highlighted .container-xxxl .alert-dismissible .close:before,
.highlighted .container-fluid .alert-dismissible .close:after,
.highlighted .container-sm .alert-dismissible .close:after,
.highlighted .container-md .alert-dismissible .close:after,
.highlighted .container-lg .alert-dismissible .close:after,
.highlighted .container-hd .alert-dismissible .close:after,
.highlighted .container-xl .alert-dismissible .close:after,
.highlighted .container-xxl .alert-dismissible .close:after,
.highlighted .container-xxxl .alert-dismissible .close:after {
top: calc(1rem + 8px)
}
}
.highlighted .container-fluid .alert-dismissible .btn-close:after,
.highlighted .container-sm .alert-dismissible .btn-close:after,
.highlighted .container-md .alert-dismissible .btn-close:after,
.highlighted .container-lg .alert-dismissible .btn-close:after,
.highlighted .container-hd .alert-dismissible .btn-close:after,
.highlighted .container-xl .alert-dismissible .btn-close:after,
.highlighted .container-xxl .alert-dismissible .btn-close:after,
.highlighted .container-xxxl .alert-dismissible .btn-close:after,
.highlighted .container-fluid .alert-dismissible .close:after,
.highlighted .container-sm .alert-dismissible .close:after,
.highlighted .container-md .alert-dismissible .close:after,
.highlighted .container-lg .alert-dismissible .close:after,
.highlighted .container-hd .alert-dismissible .close:after,
.highlighted .container-xl .alert-dismissible .close:after,
.highlighted .container-xxl .alert-dismissible .close:after,
.highlighted .container-xxxl .alert-dismissible .close:after {
transform: rotate(-45deg)
}
.highlighted .container-fluid .alert-dismissible .btn-close:hover:before,
.highlighted .container-sm .alert-dismissible .btn-close:hover:before,
.highlighted .container-md .alert-dismissible .btn-close:hover:before,
.highlighted .container-lg .alert-dismissible .btn-close:hover:before,
.highlighted .container-hd .alert-dismissible .btn-close:hover:before,
.highlighted .container-xl .alert-dismissible .btn-close:hover:before,
.highlighted .container-xxl .alert-dismissible .btn-close:hover:before,
.highlighted .container-xxxl .alert-dismissible .btn-close:hover:before,
.highlighted .container-fluid .alert-dismissible .btn-close:hover:after,
.highlighted .container-sm .alert-dismissible .btn-close:hover:after,
.highlighted .container-md .alert-dismissible .btn-close:hover:after,
.highlighted .container-lg .alert-dismissible .btn-close:hover:after,
.highlighted .container-hd .alert-dismissible .btn-close:hover:after,
.highlighted .container-xl .alert-dismissible .btn-close:hover:after,
.highlighted .container-xxl .alert-dismissible .btn-close:hover:after,
.highlighted .container-xxxl .alert-dismissible .btn-close:hover:after,
.highlighted .container-fluid .alert-dismissible .close:hover:before,
.highlighted .container-sm .alert-dismissible .close:hover:before,
.highlighted .container-md .alert-dismissible .close:hover:before,
.highlighted .container-lg .alert-dismissible .close:hover:before,
.highlighted .container-hd .alert-dismissible .close:hover:before,
.highlighted .container-xl .alert-dismissible .close:hover:before,
.highlighted .container-xxl .alert-dismissible .close:hover:before,
.highlighted .container-xxxl .alert-dismissible .close:hover:before,
.highlighted .container-fluid .alert-dismissible .close:hover:after,
.highlighted .container-sm .alert-dismissible .close:hover:after,
.highlighted .container-md .alert-dismissible .close:hover:after,
.highlighted .container-lg .alert-dismissible .close:hover:after,
.highlighted .container-hd .alert-dismissible .close:hover:after,
.highlighted .container-xl .alert-dismissible .close:hover:after,
.highlighted .container-xxl .alert-dismissible .close:hover:after,
.highlighted .container-xxxl .alert-dismissible .close:hover:after {
transform: rotate(0deg)
}
form.hubber-alerting-subscribing-modal-form div.fields-wrapper {
gap: 1rem;
flex-direction: column;
display: flex;
padding: 0;
box-shadow: none;
border-top: none
}
form.hubber-alerting-subscribing-modal-form div.address-container div.fieldset-address-line1.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required.form-required {
display: none
}
form.hubber-alerting-subscribing-modal-form .fieldset-address-line1.js-form-item.js-form-type-textfield.form-type-textfield {
margin-top: 1.5rem;
clear: both;
display: flex
}
form.hubber-alerting-subscribing-modal-form .fieldset-address-line1.js-form-item.js-form-type-textfield.form-type-textfield .address-line1 {
margin-top: 1.5rem
}
@media(max-width:767.98px) {
form.hubber-alerting-subscribing-modal-form .fieldset-address-line1.js-form-item.js-form-type-textfield.form-type-textfield .address-line1 {
margin-top: 0
}
}
form.hubber-alerting-subscribing-modal-form .form-actions.js-form-wrapper.form-wrapper {
display: flex;
width: 100%;
justify-content: flex-end;
background-color: #fff;
border-radius: 0;
margin-bottom: 0
}
form.hubber-alerting-subscribing-modal-form .form-actions.js-form-wrapper.form-wrapper button.btn {
width: auto;
margin-left: auto
}
form.hubber-alerting-subscribing-modal-form .address-container .js-form-type-textfield {
margin-bottom: 1.5rem
}
form.hubber-alerting-subscribing-modal-form .address-container .fieldset-locality,
form.hubber-alerting-subscribing-modal-form .address-container .fieldset-postal-code {
margin-bottom: 0
}
form.hubber-alerting-subscribing-modal-form .form-wrapper legend {
margin-bottom: 0
}
form.hubber-alerting-subscribing-modal-form .field--name-field-user-birthday {
clear: both
}
form.hubber-alerting-subscribing-modal-form .field--name-field-user-address {
margin-bottom: 0
}
form.hubber-alerting-subscribing-modal-form .js-form-wrapper.form-wrapper {
margin-bottom: 0
}
form.hubber-alerting-subscribing-modal-form .js-form-wrapper.form-wrapper .js-form-wrapper {
margin-bottom: 1.5rem
}
form.hubber-alerting-subscribing-modal-form .js-form-wrapper.form-wrapper .field--widget-boolean-checkbox.js-form-wrapper.form-wrapper {
margin-bottom: 0
}
form.hubber-alerting-subscribing-modal-form .js-form-wrapper.form-group {
gap: 1.5rem;
display: flex;
width: 100%;
flex-direction: column;
margin-bottom: 0;
margin-top: 0
}
form.hubber-alerting-subscribing-modal-form .js-form-wrapper.form-group .fieldset-wrapper {
transform: translateY(-10px)
}
@media(min-width:768px) {
form.hubber-alerting-subscribing-modal-form .field--name-field-user-firstname {
width: 48%;
float: left
}
form.hubber-alerting-subscribing-modal-form .field--name-field-user-lastname {
width: 48%;
float: right
}
form.hubber-alerting-subscribing-modal-form .field--name-field-user-mobile {
clear: both
}
}
form.hubber-alerting-subscribing-modal-form .js-form-item-field-user-birthday-0-value-date {
width: 100%
}
form.hubber-alerting-subscribing-modal-form div.field--type-telephone div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel label {
left: 1px
}
form.hubber-alerting-subscribing-modal-form .js-form-item-captcha-response {
width: 100%
}
form.hubber-alerting-subscribing-modal-form .js-form-item-field-user-address-0-address-country-code {
width: 100%
}
@media(min-width:992px) {
form.hubber-alerting-subscribing-modal-form .address-country-code-container {
width: 100%
}
}
form.hubber-alerting-subscribing-modal-form .fieldset-locality {
width: 48%;
float: left
}
form.hubber-alerting-subscribing-modal-form .fieldset-postal-code {
width: 48%;
float: right
}
form.hubber-alerting-subscribing-modal-form .js-form-item-field-user-address-0-address-address-line1:after {
display: none !important
}
form.hubber-alerting-subscribing-modal-form .field--name-field-user-address.field--widget-address-default.js-form-wrapper.form-wrapper {
margin-bottom: 0;
display: flex;
justify-content: space-between;
transform: translateY(-12px)
}
form.hubber-alerting-subscribing-modal-form .field--name-field-user-address.field--widget-address-default.js-form-wrapper.form-wrapper .form-item .fieldset-legend {
display: none
}
form.hubber-alerting-subscribing-modal-form .field--name-field-user-address.field--widget-address-default.js-form-wrapper.form-wrapper .js-form-wrapper {
margin-bottom: 0
}
form.hubber-alerting-subscribing-modal-form .address-container-inline div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio) {
margin: 0
}
@media(min-width:992px) {
.cart-insurance-block .insurance-wrapper {
display: block
}
}
.cart-insurance-block .insurance-wrapper .description-wrapper {
flex: unset
}
.cart-insurance-block .insurance-wrapper .option-label {
text-align: left
}
@media(min-width:992px) {
.cart-insurance-block .insurance-wrapper .option-label {
margin-top: 20px
}
}
.cart-insurance-block .insurance-wrapper .options-wrapper {
margin-left: auto
}
@media(min-width:992px) {
.cart-insurance-block .insurance-wrapper .options,
.cart-insurance-block .insurance-wrapper .option-label {
margin-left: 120px
}
.cart-insurance-block .insurance-wrapper .options .custom-radio .custom-control-label {
max-width: 750px
}
}
.cart-insurance-block .insurance-wrapper .options .custom-radio {
margin-block: 5px
}
.hubber-calendar-wrapper .single-meeting-info-wrapper,
.manifestation-footer .single-meeting-info-wrapper {
display: flex;
justify-content: space-between;
margin-bottom: .75rem
}
.hubber-calendar-wrapper .single-meeting-info-wrapper .single-meeting-date span,
.manifestation-footer .single-meeting-info-wrapper .single-meeting-date span {
font-weight: 600;
font-size: 1.125rem
}
.hubber-calendar-wrapper .single-meeting-info-wrapper .single-meeting-price,
.manifestation-footer .single-meeting-info-wrapper .single-meeting-price {
display: flex;
flex-direction: column
}
.hubber-calendar-wrapper .single-meeting-info-wrapper .single-meeting-price em,
.manifestation-footer .single-meeting-info-wrapper .single-meeting-price em {
font-weight: 800
}
.hubber-calendar-wrapper .single-meeting-info-wrapper+.button,
.manifestation-footer .single-meeting-info-wrapper+.button {
width: 100%;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.hubber-calendar-wrapper .single-meeting-info-wrapper+.button:before,
.manifestation-footer .single-meeting-info-wrapper+.button:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.meeting-selection-wrapper {
margin-top: 1rem
}
.meeting-selection-wrapper .meeting-item {
border: 1px solid #e2e5e8;
border-bottom: 0;
overflow: hidden;
transition: border .045s
}
.meeting-selection-wrapper .meeting-item:first-child {
border-radius: .5rem .5rem 0 0
}
.meeting-selection-wrapper .meeting-item:last-child {
border-radius: 0 0 .5rem .5rem;
border: 1px solid #e2e5e8
}
.meeting-selection-wrapper .meeting-item:hover {
border: 2px solid var(--hb-cta-primary)
}
.meeting-selection-wrapper .meeting-item:has(.disabled):hover {
border: 1px solid #e2e5e8
}
.meeting-selection-wrapper .meeting-item .meeting-item-content {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding: 1.5rem;
position: relative;
overflow: hidden;
color: initial
}
.meeting-selection-wrapper .meeting-item .meeting-item-content:before {
content: "";
width: 1.25rem;
height: 1.25rem;
border-radius: 100%;
position: absolute;
right: .875rem;
top: unset;
bottom: unset;
left: unset;
background-color: #fff;
border: 1px solid #8c8ca5;
opacity: 100%;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1)
}
.meeting-selection-wrapper .meeting-item .meeting-item-content.disabled {
background: #f6f8f9;
color: #b4bbc2;
cursor: default
}
.meeting-selection-wrapper .meeting-item .meeting-item-content.disabled:before {
background-color: #f6f8f9;
box-shadow: none;
border: 1px solid #b4bbc2
}
.meeting-selection-wrapper .meeting-item .meeting-item-content.disabled .status-info {
padding-right: 1rem
}
.meeting-selection-wrapper .meeting-item .meeting-item-content:not(.disabled):hover:before {
opacity: 1;
background-color: #fff !important;
border-color: var(--hb-cta-primary);
box-shadow: none
}
.meeting-selection-wrapper .meeting-item .meeting-item-content:not(.disabled):hover:after {
content: "";
width: .5rem;
height: .5rem;
position: absolute;
border-radius: 100%;
right: 1.25rem;
background-color: var(--hb-cta-primary)
}
.meeting-selection-wrapper .meeting-item:last-child .meeting-item-content {
border-bottom: none
}
@media(min-width:992px) {
.hubber-calendar-wrapper {
border-radius: .5rem;
overflow: hidden;
padding: 1rem;
background-color: #fff;
border: 1px solid #dee2e6
}
}
.hubber-calendar .zabuto_calendar {
border-radius: .5rem;
margin-top: 1rem
}
.hubber-calendar .zabuto_calendar .table {
display: block
}
.hubber-calendar .zabuto_calendar .table tr,
.hubber-calendar .zabuto_calendar .table th {
display: flex;
justify-content: center
}
.hubber-calendar .zabuto_calendar .table tr td,
.hubber-calendar .zabuto_calendar .table th td {
vertical-align: middle;
color: #b4bbc2;
flex: 1;
width: auto !important
}
.hubber-calendar .zabuto_calendar .table tr td .day.sale,
.hubber-calendar .zabuto_calendar .table th td .day.sale {
cursor: pointer
}
.hubber-calendar .zabuto_calendar .table tr td .day.alerting:after,
.hubber-calendar .zabuto_calendar .table th td .day.alerting:after {
content: "";
font-family: "hubber8";
font-size: .875rem;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -4px;
right: -4px;
height: 16px;
width: 16px;
border: 1px solid #263140;
border-radius: 100%;
background-color: #263140;
color: #fff;
opacity: 0
}
.hubber-calendar .zabuto_calendar .table tr td .day.alerting.active:after,
.hubber-calendar .zabuto_calendar .table th td .day.alerting.active:after {
opacity: 1;
border-color: #76818d;
background-color: #fff;
color: #76818d
}
.hubber-calendar .zabuto_calendar .table tr td .day.alerting:hover:after,
.hubber-calendar .zabuto_calendar .table th td .day.alerting:hover:after {
opacity: 1
}
.hubber-calendar .zabuto_calendar .table tr:last-child {
border-bottom: 0
}
.hubber-calendar .zabuto_calendar .table tr.calendar-month-header td {
background: rgba(0, 0, 0, 0);
color: #76818d;
font-weight: 600;
font-size: 1.125rem
}
.hubber-calendar .zabuto_calendar .table tr.calendar-month-header td[colspan="5"] {
flex: 1;
color: initial;
font-weight: normal;
font-size: 1rem
}
.hubber-calendar .zabuto_calendar .table tr.calendar-month-header td[colspan="5"] span {
padding-bottom: 0;
overflow: hidden;
white-space: nowrap
}
.hubber-calendar .zabuto_calendar .table tr.calendar-month-header td:first-child {
text-align: left
}
.hubber-calendar .zabuto_calendar .table tr.calendar-month-header td:last-child {
text-align: right
}
.hubber-calendar .zabuto_calendar .table tr.calendar-month-header td:last-child .calendar-month-navigation::before {
content: ""
}
.hubber-calendar .zabuto_calendar .table tr.calendar-dow-header th {
background-color: #f6f8f9;
color: #76818d;
font-weight: normal;
flex: 1;
padding: .5rem 0
}
.hubber-calendar .zabuto_calendar .table tr.calendar-dow-header th:first-child {
border-top-left-radius: .5rem;
border-bottom-left-radius: .5rem
}
.hubber-calendar .zabuto_calendar .table tr.calendar-dow-header th:last-child {
border-top-right-radius: .5rem;
border-bottom-right-radius: .5rem
}
.hubber-calendar .zabuto_calendar .table tr.calendar-dow td:not(.event) {
cursor: default
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time td {
padding: 0 !important
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content {
padding: .5rem;
border-radius: 5rem;
background-color: var(--hb-cta-primary);
font-weight: 600;
color: #fff;
display: inline-flex;
flex-wrap: wrap;
width: 100%
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content.disabled:not(.sale) {
background-color: #76818d !important;
justify-content: center
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content.disabled:not(.sale) label {
align-items: center;
gap: .25rem
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content.disabled:not(.sale) .info {
display: inline-flex;
align-items: center;
padding: 0
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content.disabled:not(.sale) .info:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content.disabled:not(.sale) .info:hover {
color: #fff !important
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content.not-in-sale {
background-color: #76818d !important
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content span {
padding: .25rem 1rem;
display: flex;
align-items: center
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content .alerting a {
padding: 0;
font-size: 1rem
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content .unavailable {
color: rgba(255, 255, 255, .6) !important;
text-decoration: line-through;
pointer-events: none
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content a {
color: inherit
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content label:has(.js-alerting) {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content label:has(.js-alerting):before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content a.js-alerting {
text-decoration: underline;
cursor: pointer;
padding: 0;
font-weight: normal;
font-size: 1rem
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content.info {
display: inline-flex;
align-items: center
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content.info:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time.date-line .calendar-time-content {
display: flex;
justify-content: center;
gap: .25rem;
padding: .75rem !important
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time.date-line .calendar-time-content label,
.hubber-calendar .zabuto_calendar .table tr.calendar-time.date-line .calendar-time-content span {
margin-bottom: 0;
font-weight: 600;
line-height: 1;
padding: .25rem .75rem;
cursor: pointer;
border-radius: 3rem
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time.date-line .calendar-time-content label:after,
.hubber-calendar .zabuto_calendar .table tr.calendar-time.date-line .calendar-time-content span:after {
display: none
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time.date-line .calendar-time-content label:hover,
.hubber-calendar .zabuto_calendar .table tr.calendar-time.date-line .calendar-time-content span:hover {
background-color: #fff !important;
color: var(--hb-cta-primary)
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time.date-line .calendar-time-content input {
display: none
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time.date-line .calendar-time-content input:checked+label {
background-color: #fff;
color: var(--hb-cta-primary)
}
.hubber-calendar .zabuto_calendar .table tr.calendar-time.date-line .calendar-time-content input:disabled+label {
opacity: .4;
text-decoration: line-through;
pointer-events: none
}
.hubber-calendar .zabuto_calendar .table tr td.event .day.active {
font-weight: 600 !important
}
.hubber-calendar .zabuto_calendar .table tr td.event .day:disabled {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed
}
.hubber-calendar .zabuto_calendar .table tr td.dow-clickable div.day {
height: 3.5rem;
display: flex;
align-items: center;
justify-content: center
}
.path-frontpage .hubber-calendar .zabuto_calendar .table tr td.dow-clickable div.day,
.path-frontpage .hubber-calendar .zabuto_calendar .table tr td.dow-clickable div.day:before,
.path-product-bundle .hubber-calendar .zabuto_calendar .table tr td.dow-clickable div.day,
.path-product-bundle .hubber-calendar .zabuto_calendar .table tr td.dow-clickable div.day:before,
.path-manifestation .hubber-calendar .zabuto_calendar .table tr td.dow-clickable div.day,
.path-manifestation .hubber-calendar .zabuto_calendar .table tr td.dow-clickable div.day:before,
.reservation-calendar .hubber-calendar .zabuto_calendar .table tr td.dow-clickable div.day,
.reservation-calendar .hubber-calendar .zabuto_calendar .table tr td.dow-clickable div.day:before {
border-radius: 6rem !important;
height: 100%;
aspect-ratio: 1/1;
max-width: 2.5rem;
margin-inline: auto
}
.hubber-calendar .zabuto_calendar .table tr td.event div.day,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day,
.hubber-calendar .zabuto_calendar .table tr ul.legend li.event {
border-radius: 3rem;
background-color: rgba(0, 0, 0, 0);
color: initial;
border: 1px solid rgba(0, 0, 0, 0);
position: relative;
margin: 0 auto;
height: 3.5rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 300ms ease-out
}
@media(prefers-reduced-motion:reduce) {
.hubber-calendar .zabuto_calendar .table tr td.event div.day,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day,
.hubber-calendar .zabuto_calendar .table tr ul.legend li.event {
transition: none
}
}
.hubber-calendar .zabuto_calendar .table tr td.event div.day:before,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day:before,
.hubber-calendar .zabuto_calendar .table tr ul.legend li.event:before {
content: "";
background-color: var(--hb-cta-primary);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
border-radius: 50%
}
.hubber-calendar .zabuto_calendar .table tr td.event div.day.active,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.active,
.hubber-calendar .zabuto_calendar .table tr ul.legend li.event.active {
background-color: var(--hb-cta-primary);
color: #fff;
border-color: var(--hb-cta-primary)
}
.hubber-calendar .zabuto_calendar .table tr td.event div.day.active.disabled:not(.sale),
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.active.disabled:not(.sale),
.hubber-calendar .zabuto_calendar .table tr ul.legend li.event.active.disabled:not(.sale) {
background-color: #263140;
border: 1px solid #263140;
color: #fff
}
.hubber-calendar .zabuto_calendar .table tr td.event div.day.sale,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.sale,
.hubber-calendar .zabuto_calendar .table tr ul.legend li.event.sale {
cursor: pointer
}
.hubber-calendar .zabuto_calendar .table tr td.event div.day:hover,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day:hover,
.hubber-calendar .zabuto_calendar .table tr ul.legend li.event:hover {
border-color: var(--hb-cta-primary)
}
.hubber-calendar .zabuto_calendar .table tr td.event div.day:hover:before,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day:hover:before,
.hubber-calendar .zabuto_calendar .table tr ul.legend li.event:hover:before {
opacity: .1
}
body:not(.path-visit) .hubber-calendar .zabuto_calendar .table tr td.event div.day.not-in-sale:not(.sale):hover:after,
body:not(.path-visit) .hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.not-in-sale:not(.sale):hover:after,
body:not(.path-visit) .hubber-calendar .zabuto_calendar .table tr ul.legend li.event.not-in-sale:not(.sale):hover:after {
content: "";
font-family: "hubber8";
font-weight: normal;
font-size: 11px;
background-color: #263140 !important;
border-color: #263140 !important;
color: #fff !important;
height: 16px;
width: 16px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -4px;
right: -4px;
border: 1px solid;
line-height: 1
}
body:not(.path-visit) .hubber-calendar .zabuto_calendar .table tr td.event div.day.active.disabled:not(.sale),
body:not(.path-visit) .hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.active.disabled:not(.sale),
body:not(.path-visit) .hubber-calendar .zabuto_calendar .table tr ul.legend li.event.active.disabled:not(.sale) {
background: #76818d !important;
border-color: #76818d !important;
color: #fff !important
}
body:not(.path-visit) .hubber-calendar .zabuto_calendar .table tr td.event div.day.active.disabled:not(.sale):after,
body:not(.path-visit) .hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.active.disabled:not(.sale):after,
body:not(.path-visit) .hubber-calendar .zabuto_calendar .table tr ul.legend li.event.active.disabled:not(.sale):after {
content: "";
font-family: "hubber8";
font-weight: normal;
font-size: 11px;
background: #fff !important;
color: #76818d !important;
height: 16px;
width: 16px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -4px;
right: -4px;
border: 1px solid;
line-height: 1;
transition: all 200ms ease-in-out
}
body:not(.path-visit) .hubber-calendar .zabuto_calendar .table tr td.event div.day.active.disabled:not(.sale):hover,
body:not(.path-visit) .hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.active.disabled:not(.sale):hover,
body:not(.path-visit) .hubber-calendar .zabuto_calendar .table tr ul.legend li.event.active.disabled:not(.sale):hover {
border-color: #263140 !important;
color: #263140 !important;
background-color: #f6f8f9 !important
}
body:not(.path-visit) .hubber-calendar .zabuto_calendar .table tr td.event div.day.active.disabled:not(.sale):hover:after,
body:not(.path-visit) .hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.active.disabled:not(.sale):hover:after,
body:not(.path-visit) .hubber-calendar .zabuto_calendar .table tr ul.legend li.event.active.disabled:not(.sale):hover:after {
background-color: #263140 !important;
border-color: #263140 !important;
color: #fff !important
}
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day:not(.sale) {
color: #263140;
font-weight: 600;
cursor: pointer
}
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day:not(.sale):hover {
border-color: #76818d !important;
color: #000 !important
}
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day:not(.sale):hover:before {
background-color: #263140
}
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.disabled:not(.sale) {
color: #3e4a58;
cursor: default;
border: 1px solid rgba(0, 0, 0, 0);
background-color: #f6f8f9;
opacity: 1;
text-decoration: line-through
}
body:not(.path-visit) .hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.disabled:not(.sale) {
text-decoration: none;
cursor: pointer
}
body:not(.path-visit) .hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.disabled:not(.sale):hover {
border: 1px solid #3e4a58
}
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.disabled:not(.sale):before {
display: none
}
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.sale {
font-weight: 600
}
.hubber-calendar .zabuto_calendar .calendar-month-navigation {
display: inline-flex;
align-items: center;
border: 1px solid;
justify-content: center;
border-radius: .5rem;
transition: all 300ms ease-in-out;
padding: 0;
height: 2.375rem;
width: 2.375rem;
color: #000;
border-color: #dee2e6
}
.hubber-calendar .zabuto_calendar .calendar-month-navigation:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.hubber-calendar.hubber-calendar--visit .zabuto_calendar .table tr div.day.sale {
width: 100%;
border-radius: .5rem
}
.hubber-calendar.hubber-calendar--visit .zabuto_calendar .table tr div.day.sale:hover:before {
border-radius: .5rem
}
.shop-product__wrapper {
display: grid;
gap: 1.5rem;
margin-top: 1.5rem
}
@media(min-width:768px) {
.shop-product__wrapper {
grid-template-columns: repeat(3, 1fr)
}
}
.shop-product__image {
background-color: #fff;
height: 0;
width: 100%;
padding-bottom: 100%;
display: block;
position: relative;
border-radius: .5rem;
border: 1px solid #dee2e6;
margin-bottom: 1rem;
transition: all 300ms ease-in-out
}
.shop-product__image img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all 300ms ease-in-out;
max-width: 80% !important;
max-height: 80%
}
.shop-product__image a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.shop-product__title {
margin-bottom: .5rem
}
.shop-product__title a {
font-size: 1rem;
color: #263140;
transition: all 300ms ease-in-out
}
.shop-product__summary {
font-size: .875rem;
color: #76818d;
margin-bottom: .5rem
}
.shop-product__prices {
color: #263140;
font-size: 1.125rem;
font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between
}
.shop-product__prices.has-discount-price {
display: flex;
align-items: baseline;
gap: .5rem;
justify-content: flex-start
}
.shop-product__prices.has-discount-price .discount-percent {
color: #cea236
}
.shop-product__prices.has-discount-price .price {
text-decoration: line-through;
color: #76818d;
font-weight: normal
}
.shop-product__prices.out-of-stock .price+span {
font-size: .75rem
}
.shop-product__container {
position: relative
}
.shop-product__container:hover .shop-product__image {
border-color: #1882ff
}
.shop-product__container:hover .shop-product__image img {
transform: translate(-50%, -50%) scale(1.1)
}
.shop-product__container:hover a {
color: #1882ff
}
.shop-product__status-badge {
display: inline-flex;
font-size: .75rem;
border-radius: 4px;
padding: 6px 8px;
font-weight: 600;
position: absolute;
z-index: 1;
left: 50%;
transform: translate(-50%, -12px);
line-height: 1;
color: #fff;
white-space: nowrap
}
.shop-product__status-badge.out_of_stock {
background-color: #76818d
}
.shop-product__status-badge.promotion {
background-color: #cea236
}
.shop-product__pager-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
margin-block: 2rem;
flex-wrap: wrap
}
.shop-product__pager-filter {
font-size: .875rem;
display: flex;
align-items: center
}
.shop-product__pager-filter .form-item-items-per-page {
display: flex;
align-items: center;
margin: 0 4px;
flex-direction: row-reverse
}
.shop-product__pager-filter .form-item-items-per-page label {
display: none
}
.shop-product__pager-filter .form-item-items-per-page select {
padding: .25rem 1rem .25rem .25rem !important;
height: auto;
background-position: 90%
}
.commerce-product-variation-prices {
font-size: 1.125rem;
font-weight: 600;
display: flex;
align-items: center;
padding-bottom: .75rem
}
.commerce-product-variation-prices.out-of-stock {
justify-content: space-between
}
.dark.card .commerce-product-variation-prices {
color: #fff
}
.commerce-product-variation-prices>.price {
font-size: 1.125rem
}
.commerce-product-variation-prices .price:has(.placeholder) {
font-size: .875rem;
font-weight: normal
}
.commerce-product-variation-prices .price:has(.placeholder) .placeholder {
font-size: 1.125rem;
font-weight: 600
}
.commerce-product-variation-prices.has-discount-price {
display: flex;
align-items: baseline;
gap: .5rem;
justify-content: flex-start
}
.thumbnail-next-event-content .commerce-product-variation-prices.has-discount-price {
justify-content: center
}
.commerce-product-variation-prices.has-discount-price .discount-percent {
color: #cea236
}
.commerce-product-variation-prices.has-discount-price .price {
text-decoration: line-through;
color: #76818d;
font-weight: normal
}
.page-checkout-beneficiary .main-content {
margin-top: 1.5rem
}
@media(min-width:992px) {
.page-checkout-beneficiary .main-content {
margin-top: 3rem;
padding-inline: 3rem
}
}
.page-checkout-beneficiary .benef-form-content-wrapper .js-form-item {
margin-bottom: 1rem
}
.page-checkout-beneficiary .block-page-title-block .title {
text-align: left;
font-size: 1.5rem;
font-weight: 600
}
.page-checkout-beneficiary .layout-checkout-form {
display: block !important
}
.page-checkout-beneficiary .benef-left-wrapper {
flex: 1
}
.page-checkout-beneficiary .benef-form-content {
padding: 1.5rem 0 0;
background: #fff;
border-radius: .5rem;
border: 1px solid #dee2e6;
margin-bottom: 1.5rem;
box-shadow: 0 0 4px 0px rgba(0, 0, 0, .03), 0 1px 1px 0px rgba(0, 0, 0, .05)
}
.page-checkout-beneficiary .benef-form-content-header {
display: flex;
align-items: center;
padding: 0 1.5rem 1.5rem
}
.page-checkout-beneficiary .benef-form-content-header-visuel {
max-width: 3rem;
max-height: 3rem
}
.page-checkout-beneficiary .benef-form-content-header-visuel img {
width: 100% !important
}
.page-checkout-beneficiary .benef-form-content-header-product-name {
margin-left: 1rem;
font-weight: 600
}
.page-checkout-beneficiary .benef-form-content-header-product-name a {
color: #000 !important
}
.page-checkout-beneficiary .benef-form-content-header .participants-wrapper .participant .logo {
max-width: 3rem
}
.page-checkout-beneficiary .benef-form-content-wrapper {
position: relative;
border-bottom: 1px solid #dee2e6;
cursor: pointer;
transition: .4s
}
.page-checkout-beneficiary .benef-form-content-wrapper:last-child {
border: none
}
.page-checkout-beneficiary .benef-form-content-wrapper:hover:before {
background: #fff
}
.page-checkout-beneficiary .benef-form-content-wrapper:hover>span {
position: relative
}
.page-checkout-beneficiary .benef-form-content-wrapper:hover>span:before {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #1882ff;
opacity: .04;
z-index: 0
}
.page-checkout-beneficiary .benef-form-content-wrapper:hover>span strong[id*=benef-title] {
color: #1882ff
}
.page-checkout-beneficiary .benef-form-content-wrapper:hover:after {
border-top: 2px solid #1882ff;
border-right: 2px solid #1882ff
}
.page-checkout-beneficiary .benef-form-content-wrapper:has(>div i.is-open) {
background-color: #fbfbfc;
border: none
}
.page-checkout-beneficiary .benef-form-content-wrapper:has(>div i.is-open) .wrapper {
max-height: 1000vh;
padding-top: 4px;
padding-bottom: 1rem;
overflow: visible
}
.page-checkout-beneficiary .benef-form-content-wrapper:has(>div i.is-open):hover>span strong[id*=benef-title] {
color: inherit
}
.page-checkout-beneficiary .benef-form-content-wrapper:has(>div i.is-open):hover>span:before {
display: none
}
.page-checkout-beneficiary .benef-form-content-wrapper:has(>div i.is-open):before {
background: #fff
}
.page-checkout-beneficiary .benef-form-content-wrapper:has(>div i.is-open):after {
transform: rotate(-45deg);
top: 60px
}
.page-checkout-beneficiary .benef-form-content-wrapper .seat {
display: flex;
align-items: center;
margin-left: 4px
}
.page-checkout-beneficiary .benef-form-content-wrapper .seat .seat-mode-seat-picto {
display: flex
}
@media(max-width:575.98px) {
.page-checkout-beneficiary .benef-form-content-wrapper .seat {
align-items: flex-start;
flex-direction: column;
margin-left: 0
}
.page-checkout-beneficiary .benef-form-content-wrapper .seat .seat-mode-seat-picto {
transform: translateX(-0.5rem)
}
}
.page-checkout-beneficiary .benef-form-content-wrapper .wrapper {
display: flex;
flex-wrap: wrap;
gap: 0 1rem;
padding: 0 1.5rem;
max-height: 0px;
overflow: hidden
}
.page-checkout-beneficiary .benef-form-content-wrapper .wrapper>div {
flex: 0 0 calc(33.3333333333% - .6666666667rem);
grid-row-end: 3
}
@media(max-width:1439.98px) {
.page-checkout-beneficiary .benef-form-content-wrapper .wrapper>div {
flex: 0 0 calc(50% - .5rem)
}
}
@media(max-width:767.98px) {
.page-checkout-beneficiary .benef-form-content-wrapper .wrapper>div {
flex: 0 0 100%
}
}
.page-checkout-beneficiary .benef-form-content-wrapper .wrapper>div.field--type-address {
flex: 0 0 100%
}
.page-checkout-beneficiary .benef-form-content-wrapper .wrapper>div.field--type-address summary {
display: none
}
.page-checkout-beneficiary .benef-form-content-wrapper .wrapper>div.field--type-address .select2 {
margin-bottom: 1rem
}
.page-checkout-beneficiary .benef-form-content-wrapper .address-country-code-container {
width: 100% !important
}
@media(max-width:1199.98px) {
.page-checkout-beneficiary .benef-form-content-wrapper .address-country-code-container {
padding-right: 0;
float: none
}
}
.page-checkout-beneficiary .benef-form-content-wrapper .address-country-code-container>div {
width: 100%
}
.page-checkout-beneficiary .benef-form-content-wrapper div[class*=fieldset-address-line] {
margin-bottom: .75rem
}
.page-checkout-beneficiary .benef-form-content-wrapper .address-container-inline {
float: right;
display: flex;
width: 100%;
gap: 1rem
}
@media(max-width:1199.98px) {
.page-checkout-beneficiary .benef-form-content-wrapper .address-container-inline {
float: none;
margin: .75rem 0
}
}
.page-checkout-beneficiary .benef-form-content-wrapper .address-container-inline>div {
flex: 1
}
.page-checkout-beneficiary .benef-form-content-wrapper input,
.page-checkout-beneficiary .benef-form-content-wrapper select,
.page-checkout-beneficiary .benef-form-content-wrapper .select2 {
width: 100% !important;
font-weight: 400;
color: #000
}
.page-checkout-beneficiary .benef-form-content-wrapper input:has(.select2-selection__rendered .label),
.page-checkout-beneficiary .benef-form-content-wrapper select:has(.select2-selection__rendered .label),
.page-checkout-beneficiary .benef-form-content-wrapper .select2:has(.select2-selection__rendered .label) {
background-color: #fff
}
.page-checkout-beneficiary .benef-form-content-wrapper input::placeholder,
.page-checkout-beneficiary .benef-form-content-wrapper select::placeholder,
.page-checkout-beneficiary .benef-form-content-wrapper .select2::placeholder {
color: #76818d
}
.page-checkout-beneficiary .benef-form-content-wrapper input[id*=birthday],
.page-checkout-beneficiary .benef-form-content-wrapper select[id*=birthday],
.page-checkout-beneficiary .benef-form-content-wrapper .select2[id*=birthday] {
background: #fbfbfc !important
}
.page-checkout-beneficiary .benef-form-content-wrapper input[id*=birthday]::placeholder,
.page-checkout-beneficiary .benef-form-content-wrapper select[id*=birthday]::placeholder,
.page-checkout-beneficiary .benef-form-content-wrapper .select2[id*=birthday]::placeholder {
color: #76818d
}
.page-checkout-beneficiary .benef-form-content-wrapper input[id*=birthday]:hover,
.page-checkout-beneficiary .benef-form-content-wrapper input[id*=birthday]:focus,
.page-checkout-beneficiary .benef-form-content-wrapper input[id*=birthday].is-not-empty,
.page-checkout-beneficiary .benef-form-content-wrapper select[id*=birthday]:hover,
.page-checkout-beneficiary .benef-form-content-wrapper select[id*=birthday]:focus,
.page-checkout-beneficiary .benef-form-content-wrapper select[id*=birthday].is-not-empty,
.page-checkout-beneficiary .benef-form-content-wrapper .select2[id*=birthday]:hover,
.page-checkout-beneficiary .benef-form-content-wrapper .select2[id*=birthday]:focus,
.page-checkout-beneficiary .benef-form-content-wrapper .select2[id*=birthday].is-not-empty {
background: #fff !important
}
.page-checkout-beneficiary .benef-form-content-wrapper input[id*=birthday]:hover label,
.page-checkout-beneficiary .benef-form-content-wrapper input[id*=birthday]:focus label,
.page-checkout-beneficiary .benef-form-content-wrapper input[id*=birthday].is-not-empty label,
.page-checkout-beneficiary .benef-form-content-wrapper select[id*=birthday]:hover label,
.page-checkout-beneficiary .benef-form-content-wrapper select[id*=birthday]:focus label,
.page-checkout-beneficiary .benef-form-content-wrapper select[id*=birthday].is-not-empty label,
.page-checkout-beneficiary .benef-form-content-wrapper .select2[id*=birthday]:hover label,
.page-checkout-beneficiary .benef-form-content-wrapper .select2[id*=birthday]:focus label,
.page-checkout-beneficiary .benef-form-content-wrapper .select2[id*=birthday].is-not-empty label {
background: linear-gradient(0deg, #FBFBFC 51%, #FFFFFF 51%) !important
}
.page-checkout-beneficiary .benef-form-content-wrapper>div:first-child {
display: block;
font-size: .875rem;
position: relative
}
.page-checkout-beneficiary .benef-form-content-wrapper>div:first-child>div {
display: flex;
flex-direction: column;
padding: 1.5rem
}
.page-checkout-beneficiary .benef-form-content-wrapper>div:first-child>div>div {
display: flex;
align-items: center;
flex-wrap: wrap;
padding-right: 2rem
}
@media(max-width:575.98px) {
.page-checkout-beneficiary .benef-form-content-wrapper>div:first-child>div>div {
flex-direction: column;
align-items: flex-start
}
}
.page-checkout-beneficiary .benef-form-content-wrapper>div:first-child i {
position: absolute;
top: calc(50% - 20px);
right: 1rem;
height: 32px;
width: 32px;
background: #f6f8f9;
border-radius: 100%;
font-size: 0;
transition: .4s;
display: block;
z-index: 1
}
.page-checkout-beneficiary .benef-form-content-wrapper>div:first-child i:before {
content: "";
display: block;
width: 8px;
height: 8px;
border-top: 2px solid #000;
border-right: 2px solid #000;
position: absolute;
transform: rotate(135deg);
transition: .4s;
left: calc(50% - 4px);
top: calc(50% - 5px);
pointer-events: none
}
.page-checkout-beneficiary .benef-form-content-wrapper>div:first-child i.is-open {
background: #fff
}
.page-checkout-beneficiary .benef-form-content-wrapper>div:first-child i.is-open:before {
top: calc(50% - 2px);
transform: rotate(-45deg)
}
.page-checkout-beneficiary .benef-form-content-wrapper>div:first-child strong {
display: block;
font-size: 1rem;
margin-bottom: 5px;
line-height: 1rem;
transition: .4s
}
.page-checkout-beneficiary .benef-form-content-wrapper>div:first-child:not(:has(i.is-open)):hover>div {
position: relative
}
.page-checkout-beneficiary .benef-form-content-wrapper>div:first-child:not(:has(i.is-open)):hover>div:before {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #1882ff;
opacity: .04;
z-index: 0
}
.page-checkout-beneficiary .benef-form-content-wrapper>div:first-child:not(:has(i.is-open)):hover>div strong[id*=benef-title] {
color: #1882ff
}
.page-checkout-beneficiary .benef-form-content-wrapper>div:first-child:not(:has(i.is-open)):hover i:before {
border-top: 2px solid #1882ff;
border-right: 2px solid #1882ff
}
.page-checkout-beneficiary .benef-form-content-wrapper input.iti__search-input {
margin: 8px;
width: 84%;
flex: 1;
width: calc(100% - 16px) !important;
border-radius: 40px;
border: 1px solid #dee2e6;
outline: none
}
.page-checkout-beneficiary .benef-form-content-wrapper input.iti__search-input:focus {
outline: none;
border-color: #1882ff
}
.page-checkout-beneficiary .benef-form-content-wrapper .iti__dropdown-content:after {
content: "";
font-family: "hubber8";
font-weight: normal;
line-height: 1;
position: absolute;
top: 13px;
right: 14px;
width: 34px;
height: 34px;
border-radius: 100%;
display: flex;
background: #dee2e6;
color: #a4afba;
align-items: center;
justify-content: center
}
.page-checkout-beneficiary .benef-form-content-wrapper .iti__dropdown-content:has(input:focus):after {
color: #fff;
background: #1882ff
}
.page-checkout-beneficiary .benef-form-content-wrapper .iti__dropdown-content ul {
border-top: 1px solid #dee2e6
}
.page-checkout-beneficiary .benef-form-content-wrapper .iti__dropdown-content ul li {
border-top: 1px solid #dee2e6
}
.page-checkout-beneficiary .benef-form-content-wrapper .iti__dropdown-content ul li:last-child,
.page-checkout-beneficiary .benef-form-content-wrapper .iti__dropdown-content ul li:first-child {
border-top: none
}
.page-checkout-beneficiary .benef-form-content-wrapper .field--type-datetime {
position: relative
}
.page-checkout-beneficiary .benef-form-content-wrapper .field--type-datetime .js-form-item {
flex: 1;
cursor: pointer
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item {
clear: both
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(select) label,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:hover:has(select) label {
background: #f6f8f9 !important
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(select):has(.select2-container--open) label,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(select):not(:has(.select2-selection__placeholder)) label {
background: linear-gradient(0deg, #FFFFFF 51%, #FBFBFC 51%) !important
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(input):after {
background: #f6f8f9 !important
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(input):hover:after,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(input):has(input:focus):after,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(input).js-form-type-textfield:has(input:valid):after {
background: linear-gradient(0deg, #FFFFFF 51%, #FBFBFC 51%) !important
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(input):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) label {
background: linear-gradient(0deg, #FBFBFC 51%, #FFFFFF 51%) !important
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(input):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-tel label {
background: #f6f8f9 !important
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(input):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-tel:has(input:focus) label {
background: linear-gradient(0deg, #FBFBFC 51%, #FFFFFF 51%) !important
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(input):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-date label,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(input):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-date:has(>input:focus) label {
background: linear-gradient(0deg, #FFFFFF 51%, #FBFBFC 51%) !important
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(input):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-date input[type=date]::-webkit-calendar-picker-indicator,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(input):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-date:has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator {
cursor: pointer;
background-image: url('data:image/svg+xml;utf8,')
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(input):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-date:has(>input:focus) label {
background: linear-gradient(0deg, #FFFFFF 51%, #FBFBFC 51%) !important
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item input,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item select {
cursor: pointer;
font-weight: 400 !important
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item input.is-empty[type=date]::-webkit-calendar-picker-indicator,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item select.is-empty[type=date]::-webkit-calendar-picker-indicator {
cursor: pointer;
background-image: url('data:image/svg+xml;utf8,')
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item input.is-not-empty[type=date]::-webkit-calendar-picker-indicator,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item select.is-not-empty[type=date]::-webkit-calendar-picker-indicator {
cursor: pointer;
background-image: url('data:image/svg+xml;utf8,')
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item.js-form-type-textfield,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item.js-form-type-email {
position: relative
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item.js-form-type-textfield:has(.form-control.js-invalid):after,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item.js-form-type-email:has(.form-control.js-invalid):after {
color: #ff3f18 !important
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item.js-form-type-textfield:has(.form-control.js-invalid):before,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item.js-form-type-email:has(.form-control.js-invalid):before {
content: "!";
position: absolute;
width: 17px;
height: 16px;
background: #ff3f18;
z-index: 4;
right: 10px;
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 100%;
top: 16px
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item.js-form-type-textfield:has(.form-control.js-invalid):has(input:focus) label,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item.js-form-type-email:has(.form-control.js-invalid):has(input:focus) label {
color: #ff3f18 !important
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item.js-form-type-textfield:has(input:focus):after,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item.js-form-type-textfield:has(input.is-not-empty):after,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item.js-form-type-email:has(input:focus):after,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item.js-form-type-email:has(input.is-not-empty):after {
background: linear-gradient(0deg, #FBFBFC 51%, #FFFFFF 51%) !important
}
.page-checkout-beneficiary .benef-form-content-wrapper .custom-select-icon label:before {
display: none
}
.page-checkout-beneficiary .benef-form-content .form-required:not(.hide-required) span::after {
display: none
}
.page-checkout-beneficiary .order-summary .checkout-pane {
margin-bottom: 0 !important
}
.page-checkout-beneficiary .layout-region-checkout-footer {
width: 100%;
float: none;
text-align: right;
padding-right: 0
}
.page-checkout-beneficiary .layout-region-checkout-footer .form-submit {
margin-left: auto
}
.page-checkout-beneficiary .form-submit.btn-primary {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.page-checkout-beneficiary .form-submit.btn-primary:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-checkout-beneficiary .iti--allow-dropdown input.iti__tel-input[type=tel]::placeholder {
font-weight: 400;
font-size: 16px
}
.order-summary .coupon-redemption-add-button,
.order-summary .btn-add-giftcard {
color: inherit;
font-size: .75rem;
display: flex;
align-items: center;
cursor: pointer;
position: relative;
display: inline-flex
}
.order-summary .coupon-redemption-add-button:before,
.order-summary .btn-add-giftcard:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
margin-right: .5rem;
line-height: 1
}
.order-summary .coupon-redemption-add-button:after,
.order-summary .btn-add-giftcard:after {
content: "";
display: block;
width: calc(100% - 24px - .5rem);
height: 1px;
right: 0;
bottom: 0;
position: absolute;
background-color: #000
}
.order-summary .gitf-card-info-container .fieldset-wrapper {
display: flex;
align-items: center;
justify-content: space-between
}
.order-summary .gitf-card-info-container .fieldset-wrapper:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
margin-right: .25rem;
align-self: flex-start;
line-height: 1.3
}
.order-summary .gitf-card-info-container .fieldset-wrapper .gift-card-info+[data-drupal-selector^=edit-sidebar-order-summary-cart-summary-summary-after-totals-multi-payment-apply-avoirs-dsp-form-remove-gift-card-payment-].btn.btn-primary.form-submit {
width: auto;
background-color: rgba(0, 0, 0, 0) !important;
border: 0 !important;
color: #263140 !important;
padding: 0;
font-weight: normal;
text-decoration: underline;
box-shadow: none !important
}
.order-summary .gitf-card-info-container .gift-card-info {
font-size: .75rem;
margin-right: auto
}
.order-summary .gitf-card-info-container .gift-card-info+.btn {
width: auto;
background-color: rgba(0, 0, 0, 0) !important;
border: 0 !important;
color: #263140 !important;
padding: 0;
font-weight: normal;
text-decoration: underline;
box-shadow: none !important
}
.order-summary .gitf-card-info-container .gift-card-number {
color: #76818d
}
.ui-dialog.ui-widget .modal-gift-card-form {
display: flex;
flex-direction: column;
gap: 1rem;
flex-wrap: wrap
}
.ui-dialog.ui-widget .modal-gift-card-form fieldset input {
height: 2.375rem;
padding-left: 2rem
}
.ui-dialog.ui-widget .modal-gift-card-form .btn {
height: 2.375rem !important
}
.ui-dialog.ui-widget .modal-gift-card-form .form-item-gift-card-number,
.ui-dialog.ui-widget .modal-gift-card-form .form-item-gift-card-crypto {
position: relative;
flex: 1
}
.ui-dialog.ui-widget .modal-gift-card-form .form-item-gift-card-number:before,
.ui-dialog.ui-widget .modal-gift-card-form .form-item-gift-card-crypto:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
position: absolute;
left: .25rem;
top: 50%;
transform: translateY(-50%)
}
.ui-dialog.ui-widget .modal-gift-card-form .form-item-gift-card-number input,
.ui-dialog.ui-widget .modal-gift-card-form .form-item-gift-card-crypto input {
padding-left: 2rem;
height: 2.375rem
}
.ui-dialog.ui-widget .modal-gift-card-form .form-actions {
margin-left: auto;
padding-top: 0
}
@media(max-width:767.98px) {
.ui-dialog.ui-widget .modal-gift-card-form .form-actions {
margin-left: 0;
align-self: stretch
}
}
.ui-dialog.ui-widget .modal-gift-card-form .form-item-gift-card-crypto:before {
content: ""
}
.ui-dialog.ui-widget .modal-gift-card-form div:first-child {
position: relative;
margin-bottom: 0
}
.ui-dialog.ui-widget .modal-gift-card-form div:first-child[data-drupal-messages] {
flex: 0 0 100%
}
@media(min-width:992px) {
.ui-dialog.ui-widget .modal-gift-card-form {
flex-direction: row
}
.ui-dialog.ui-widget .modal-gift-card-form .alert {
margin: 0
}
.ui-dialog.ui-widget .modal-gift-card-form .alert-danger {
color: #c50808;
border-color: #c50808;
background-color: rgba(197, 8, 8, .1);
display: flex;
align-items: center;
border-radius: .25rem;
padding: .25rem .5rem;
margin: 0
}
.ui-dialog.ui-widget .modal-gift-card-form .alert-danger:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
width: auto;
height: auto;
display: unset;
background-image: none
}
.ui-dialog.ui-widget .modal-gift-card-form .alert-danger .close {
display: none
}
.ui-dialog.ui-widget .modal-gift-card-form fieldset {
margin-right: 1rem;
flex: 1
}
}
@media(min-width:1792px) {
section>.block-edito-content-slider {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
section>.block-edito-content-slider {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
section>.block-edito-content-slider {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
section>.block-edito-content-slider {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
section>.block-edito-content-slider {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
@media(min-width:1792px) {
section>.block-edito-content-slider>div:where(section>.block-edito-content-slider>div) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
section>.block-edito-content-slider>div:where(section>.block-edito-content-slider>div) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
section>.block-edito-content-slider>div:where(section>.block-edito-content-slider>div) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
section>.block-edito-content-slider>div:where(section>.block-edito-content-slider>div) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
section>.block-edito-content-slider>div:where(section>.block-edito-content-slider>div) {
padding-left: 1rem;
padding-right: 1rem
}
}
@media(min-width:1792px) {
section>.block-edito-content-wrapper {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
section>.block-edito-content-wrapper {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
section>.block-edito-content-wrapper {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
section>.block-edito-content-wrapper {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
section>.block-edito-content-wrapper {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
@media(min-width:1792px) {
section>.block-edito-content-wrapper .content:where(section>.block-edito-content-wrapper .content) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
section>.block-edito-content-wrapper .content:where(section>.block-edito-content-wrapper .content) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
section>.block-edito-content-wrapper .content:where(section>.block-edito-content-wrapper .content) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
section>.block-edito-content-wrapper .content:where(section>.block-edito-content-wrapper .content) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
section>.block-edito-content-wrapper .content:where(section>.block-edito-content-wrapper .content) {
padding-left: 1rem;
padding-right: 1rem
}
}
.block-edito-content:not(.edito-content-wrapper) {
padding-block: 3rem
}
.block-edito-content h1+.edito-content-wrapper,
.block-edito-content .h1+.edito-content-wrapper {
padding-top: 0
}
.block-edito-content h1,
.block-edito-content .h1,
.block-edito-content h2,
.block-edito-content .h2,
.block-edito-content-slider h1,
.block-edito-content-slider .h1,
.block-edito-content-slider h2,
.block-edito-content-slider .h2 {
font-size: 2rem;
padding-right: 8rem;
margin-bottom: .75rem;
font-weight: 600
}
@media(min-width:992px) {
.block-edito-content h1,
.block-edito-content .h1,
.block-edito-content h2,
.block-edito-content .h2,
.block-edito-content-slider h1,
.block-edito-content-slider .h1,
.block-edito-content-slider h2,
.block-edito-content-slider .h2 {
margin-bottom: 1.5rem
}
}
@media(max-width:767.98px) {
.block-edito-content h1,
.block-edito-content .h1,
.block-edito-content h2,
.block-edito-content .h2,
.block-edito-content-slider h1,
.block-edito-content-slider .h1,
.block-edito-content-slider h2,
.block-edito-content-slider .h2 {
font-size: 1.5rem
}
}
.block-edito-content .container>h1.container,
.block-edito-content .container>.container.h1 {
padding: 0;
font-weight: 600
}
.block-edito-content .edito-content {
display: grid !important;
grid-template-columns: 1fr;
grid-gap: 1.5rem
}
.block-edito-content .edito-content .card-edito-content {
padding: 1.5rem;
display: flex;
flex-direction: column;
justify-content: flex-end;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
position: relative;
overflow: hidden;
height: 100%
}
@media(max-width:991.98px) {
.block-edito-content .edito-content .card-edito-content {
min-width: none
}
}
.block-edito-content .edito-content .card-edito-content>div {
position: relative;
color: #fff
}
.block-edito-content .edito-content .card-edito-content.sticker {
text-align: left
}
.block-edito-content .edito-content .card-edito-content.hidden {
display: none
}
.block-edito-content .edito-content .card-edito-content .card-title {
font-size: 1.5rem;
font-weight: 600
}
.block-edito-content .edito-content .card-edito-content .card-info {
font-size: .875rem
}
.block-edito-content .edito-content .card-edito-content .actions-wrapper {
padding: 0;
margin-top: 1.25rem
}
.block-edito-content .edito-content .card-edito-content .actions-wrapper .btn {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.block-edito-content .edito-content .card-edito-content .actions-wrapper .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(min-width:992px) {
.block-edito-content .edito-content {
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-template-areas: "left top" "left bottom"
}
.block-edito-content .edito-content .field__item:first-child {
grid-area: left
}
.block-edito-content .edito-content .field__item:nth-child(2) {
grid-area: top
}
.block-edito-content .edito-content .field__item:nth-child(3) {
grid-area: bottom
}
.block-edito-content .edito-content.two_line {
grid-template-areas: unset;
grid-template-rows: auto
}
.block-edito-content .edito-content.two_line .field__item {
grid-area: unset !important
}
.block-edito-content .edito-content.two_line .field__item:nth-child(n+3) {
grid-column: 1/3 !important
}
}
.block-edito-content-slider {
padding-block: 3rem
}
.block-edito-content-slider .block-edito-content-slider {
padding-top: 0
}
.block-edito-content-slider h1,
.block-edito-content-slider .h1 {
margin-bottom: 1.5rem;
padding-left: 0
}
.block-edito-content-slider .edito-content-slider-wrapper {
width: 100%
}
.block-edito-content-slider .edito-content-slider-wrapper .edito-content .slick-track {
margin-left: 0
}
.block-edito-content-slider .edito-content-slider-wrapper .edito-content .slick-arrow.slick-disabled {
opacity: 1
}
.block-edito-content-slider .edito-content-slider-wrapper .edito-content:not(.slick-slider) {
display: grid;
grid-template-rows: auto;
grid-column-gap: 1.5rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr
}
@media(min-width:768px) {
.block-edito-content-slider .edito-content-slider-wrapper .edito-content:not(.slick-slider) {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(min-width:992px) {
.block-edito-content-slider .edito-content-slider-wrapper .edito-content:not(.slick-slider) {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
@media(min-width:1200px) {
.block-edito-content-slider .edito-content-slider-wrapper .edito-content:not(.slick-slider) {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
@media(min-width:1440px) {
.block-edito-content-slider .edito-content-slider-wrapper .edito-content:not(.slick-slider) {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
.block-edito-content-slider .edito-content-slider-wrapper .edito-content:is(.slick-slider) .card-edito-content {
margin: 0;
margin-right: 1.1rem
}
.block-edito-content-slider .card-edito-content {
min-height: 20.75rem;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
overflow: hidden;
text-align: left;
padding: 1rem;
font-size: .875rem;
min-width: unset;
border: 1px solid #dee2e6;
background-color: rgba(0, 0, 0, 0) !important
}
.block-edito-content-slider .card-edito-content>div {
position: relative;
color: #fff
}
.block-edito-content-slider .card-edito-content .actions-wrapper {
margin-top: 1rem;
padding: 0 !important
}
.block-edito-content-slider .card-edito-content .actions-wrapper a,
.block-edito-content-slider .card-edito-content .actions-wrapper .btn {
width: 100%;
justify-content: center
}
.block-edito-content-slider .card-edito-content .actions-wrapper .btn {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.block-edito-content-slider .card-edito-content .actions-wrapper .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.block-edito-content-slider .card-title {
font-size: 1rem;
font-weight: 600
}
.block-edito-content-slider .slick-arrow {
height: 2.5rem;
width: 2.5rem;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: all 300ms ease-out;
top: -2.5rem;
color: initial;
border: 1px solid #ccd2d9
}
.block-edito-content-slider .slick-arrow:before {
content: "";
font-family: "hubber8";
font-size: 2rem;
background-color: rgba(0, 0, 0, 0);
color: initial
}
.block-edito-content-slider .slick-arrow:hover {
background-color: #fff
}
.block-edito-content-slider .slick-arrow:hover:before {
color: inherit
}
.block-edito-content-slider .slick-arrow.slick-prev {
left: auto;
right: 4rem
}
.block-edito-content-slider .slick-arrow.slick-next {
right: 1.125rem
}
.block-edito-content-slider .slick-arrow.slick-next:before {
display: block;
transform: rotate(180deg)
}
.block-edito-content,
.block-edito-content-slider {
background-color: #fff;
position: relative
}
.block-edito-content .btn-outline-light,
.block-edito-content-slider .btn-outline-light {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.block-edito-content .btn-outline-light:before,
.block-edito-content-slider .btn-outline-light:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.block-edito-content .slick-slide:first-child .card-event,
.block-edito-content-slider .slick-slide:first-child .card-event {
margin-left: 0 !important
}
.block-edito-content .btn-show-all {
margin: 2rem auto 0;
display: inline-flex;
align-items: center;
margin-right: .5rem;
display: flex
}
.block-edito-content .btn-show-all:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
#block-blocinformations h2,
#block-blocinformations .h2 {
text-align: center;
margin: 1.5rem 1rem;
font-weight: 600;
text-transform: none
}
#block-blocinformations h4,
#block-blocinformations .h4 {
margin: 1rem 0 .5rem
}
.cart-insurance-block {
background: #fff;
border-radius: .5rem;
border: 1px solid #dee2e6;
padding: 1.5rem 24px 12px;
position: relative;
margin: 20px 0
}
.cart-insurance-block .insurance-option.fieldgroup {
margin-block: 1rem;
margin-top: 0
}
.cart-insurance-block.has-insurance-selected {
border: 1px solid #1882ff
}
.cart-insurance-block .form-group legend {
display: inline-flex;
align-items: center;
font-size: 1rem;
color: #263140;
width: auto;
margin-bottom: 1.5rem;
background-color: rgba(0, 0, 0, 0)
}
.cart-insurance-block .form-group legend:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.cart-insurance-block .form-group legend span {
font-size: 1rem
}
.cart-insurance-block legend span:after {
display: none
}
.cart-insurance-block .insurance-option legend {
font-weight: 600
}
.cart-insurance-block .insurance-option .form-required:after {
display: none !important
}
.cart-insurance-block .insurance-wrapper .description-wrapper {
display: flex
}
.cart-insurance-block .insurance-wrapper .description-wrapper .img-wrapper {
flex: 0 0 7.5rem
}
@media(max-width:991.98px) {
.cart-insurance-block .insurance-wrapper .description-wrapper .img-wrapper {
display: none
}
}
.cart-insurance-block .insurance-wrapper .description p {
margin-bottom: 0;
font-size: .875rem
}
.cart-insurance-block .insurance-wrapper .description a.btn_custom.default_cta {
color: #1882ff;
font-weight: bold;
text-transform: none;
text-decoration: none
}
.cart-insurance-block .insurance-wrapper .description a.btn_custom.default_cta:hover {
text-decoration: underline
}
.cart-insurance-block .insurance-wrapper .option-label {
color: #263140;
font-size: .875rem;
margin-bottom: .75rem;
text-align: right
}
.cart-insurance-block .insurance-wrapper .option-label span {
font-size: 1rem;
font-weight: 700
}
.cart-insurance-block .insurance-wrapper .options .custom-radio {
padding: 0;
display: flex;
cursor: pointer
}
.cart-insurance-block .insurance-wrapper .options .custom-radio .custom-control-input {
margin-right: .5rem;
display: flex
}
.cart-insurance-block .insurance-wrapper .options .custom-radio .custom-control-label {
text-transform: unset;
font-weight: normal
}
.cart-insurance-block .insurance-wrapper .options .custom-radio .custom-control-label:before,
.cart-insurance-block .insurance-wrapper .options .custom-radio .custom-control-label:after {
left: unset;
right: -1.5rem;
margin: 0
}
@media(min-width:992px) {
.cart-insurance-block .insurance-wrapper .description-wrapper {
flex: 1
}
.cart-insurance-block .insurance-wrapper .option-wrapper {
flex: 0 0 17rem
}
}
.actions-insurance a::after {
display: none
}
.reinsurance-container {
display: flex;
justify-content: space-around;
font-size: 11px;
color: #76818d;
width: 100%
}
.reinsurance-container .payment-security,
.reinsurance-container .official-website {
display: flex;
align-items: center
}
.reinsurance-container .payment-security:before,
.reinsurance-container .official-website:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
color: inherit;
line-height: 1
}
.reinsurance-container .official-website:before {
content: ""
}
.block-cart-footer .reinsurance-container {
margin-top: 1.75rem
}
.block-cart-footer .more-info+.reinsurance-container {
margin-top: .5rem
}
.block-content-menu_block_type .nav-pills,
.block-content-header_image_block_type .nav-pills,
.node--type-layout-builder-page .nav-pills {
justify-content: center;
padding: 0;
gap: .5rem
}
.block-content-menu_block_type .nav-pills .nav-item,
.block-content-header_image_block_type .nav-pills .nav-item,
.node--type-layout-builder-page .nav-pills .nav-item {
display: flex;
align-items: center
}
.block-content-menu_block_type .nav-pills .nav-item:not(:last-child),
.block-content-header_image_block_type .nav-pills .nav-item:not(:last-child),
.node--type-layout-builder-page .nav-pills .nav-item:not(:last-child) {
position: relative
}
.block-content-menu_block_type .nav-pills .nav-item:not(:last-child):after,
.block-content-header_image_block_type .nav-pills .nav-item:not(:last-child):after,
.node--type-layout-builder-page .nav-pills .nav-item:not(:last-child):after {
content: "";
position: absolute;
display: block;
height: 1rem;
width: 1px;
background: #dee2e6;
top: 50%;
right: -0.25rem;
transform: translateY(-50%)
}
.block-content-menu_block_type .nav-pills a.nav-link,
.block-content-header_image_block_type .nav-pills a.nav-link,
.node--type-layout-builder-page .nav-pills a.nav-link {
color: initial;
border-radius: .5rem;
font-size: .875rem;
position: relative;
font-weight: normal
}
.block-content-menu_block_type .nav-pills a.nav-link:before,
.block-content-header_image_block_type .nav-pills a.nav-link:before,
.node--type-layout-builder-page .nav-pills a.nav-link:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: .5rem
}
.block-content-menu_block_type .nav-pills a.nav-link.active,
.block-content-menu_block_type .nav-pills a.nav-link:hover,
.block-content-header_image_block_type .nav-pills a.nav-link.active,
.block-content-header_image_block_type .nav-pills a.nav-link:hover,
.node--type-layout-builder-page .nav-pills a.nav-link.active,
.node--type-layout-builder-page .nav-pills a.nav-link:hover {
background-color: rgba(0, 0, 0, 0)
}
.block-content-menu_block_type .nav-pills a.nav-link:hover:before,
.block-content-header_image_block_type .nav-pills a.nav-link:hover:before,
.node--type-layout-builder-page .nav-pills a.nav-link:hover:before {
opacity: .1
}
.block-content-menu_block_type .nav-pills a.nav-link span,
.block-content-header_image_block_type .nav-pills a.nav-link span,
.node--type-layout-builder-page .nav-pills a.nav-link span {
position: relative
}
.block-content-menu_block_type .main-content,
.block-content-header_image_block_type .main-content,
.node--type-layout-builder-page .main-content {
padding: 0
}
.block-content-menu_block_type .field__items,
.block-content-menu_block_type .quickedit-field,
.block-content-header_image_block_type .field__items,
.block-content-header_image_block_type .quickedit-field,
.node--type-layout-builder-page .field__items,
.node--type-layout-builder-page .quickedit-field {
display: block
}
.block-content-menu_block_type .block-edito-content-slider .slick-list,
.block-content-header_image_block_type .block-edito-content-slider .slick-list,
.node--type-layout-builder-page .block-edito-content-slider .slick-list {
width: 100%
}
.block-content-menu_block_type .block-edito-content-slider .slick-track,
.block-content-header_image_block_type .block-edito-content-slider .slick-track,
.node--type-layout-builder-page .block-edito-content-slider .slick-track {
display: flex;
width: 100%
}
.block-content-menu_block_type .block-edito-content-slider .slick-track .field__item,
.block-content-header_image_block_type .block-edito-content-slider .slick-track .field__item,
.node--type-layout-builder-page .block-edito-content-slider .slick-track .field__item {
margin: 0;
flex: none
}
.block-content-menu_block_type .field--type-entity-reference-revisions .field__item,
.block-content-header_image_block_type .field--type-entity-reference-revisions .field__item,
.node--type-layout-builder-page .field--type-entity-reference-revisions .field__item {
margin: 0
}
.membership-package-wrapper {
background-color: #fff;
display: flex;
margin: 48px 24px;
padding: 0;
border: 1px solid #e2e5e8;
border-radius: 8px
}
@media(min-width:992px) {
.membership-package-wrapper {
margin: 3.75rem 0;
padding: 3.75rem
}
}
.membership-package-left {
flex: 0 0 320px;
margin-top: calc(3.5rem - 56px);
position: relative;
background-color: #fff;
border-radius: 8px
}
@media(max-width:991.98px) {
.membership-package-left {
display: none
}
}
.membership-package-left .package-visuel {
height: 13rem;
max-width: 14rem;
padding: 1.5rem
}
@media(min-width:992px) {
.membership-package-left .package-visuel {
height: 14rem
}
}
.membership-package-left .advantage-list {
display: flex;
flex-direction: column;
margin-top: 1.5rem;
border-right: none;
padding-left: 24px;
padding-bottom: 72px;
position: absolute;
padding-top: 23px;
z-index: 1;
width: 320px
}
.membership-package-left .advantage-list:after {
content: "";
position: absolute;
display: block;
width: 1.5rem;
top: 0;
bottom: 0;
right: -1.5rem;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 100%)
}
.membership-package-left .advantage-list-item {
padding: 0 1rem;
height: 4rem;
display: flex;
align-items: center;
font-weight: 600;
margin-bottom: 0
}
.membership-package-left .advantage-list-item:nth-child(odd) {
background-color: #f6f8f9;
border-radius: .5rem 0 0 .5rem
}
.membership-package-left .advantage-list-item .advantage-item-title {
font-size: .75rem
}
.membership-package-right {
flex: 1;
margin-top: -2rem;
margin-right: 0;
position: relative;
min-width: 0
}
.membership-package-coche-list {
margin-top: 1.5rem
}
.membership-package-coche-list span {
display: flex;
align-items: center;
height: 4rem;
padding: .75rem 1rem;
margin-bottom: 1rem;
font-weight: 600
}
@media(min-width:992px) {
.membership-package-coche-list span {
font-size: 0;
justify-content: center;
padding: .75rem 0
}
}
@media(max-width:991.98px) {
.membership-package-coche-list span:not(.advantage-actived) {
color: #76818d;
font-weight: normal
}
.membership-package-coche-list span:before {
content: "";
color: #fff;
background-color: #76818d;
border-radius: 100%;
font-size: 1.25rem;
font-family: "hubber8";
height: 1.5rem;
width: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
margin-right: 1rem
}
}
.membership-package-coche-list span.advantage-actived:before {
content: "";
color: #fff;
background-color: #1882ff;
border-radius: 100%;
font-size: 1.25rem;
font-family: "hubber8";
height: 1.5rem;
width: 1.5rem;
display: flex;
align-items: center;
justify-content: center
}
@media(max-width:991.98px) {
.membership-package-coche-list span.advantage-actived:before {
margin-right: 1rem
}
}
.membership-package-coche-list span:nth-child(odd) {
background-color: #f6f8f9
}
.membership-package-list {
display: flex;
height: 100%
}
@media(max-width:991.98px) {
.membership-package-list {
flex-direction: column
}
}
.membership-package-item .membership-package-info {
height: 17rem
}
.membership-package-item .membership-package-info:hover {
cursor: pointer
}
@media(min-width:992px) {
.membership-package-item .membership-package-info {
height: 20rem
}
}
.membership-package-item:not(:last-child) {
margin-right: 1.5rem
}
.membership-package-item:not(:last-child) .membership-package-coche-list {
margin-right: -1.5rem
}
.membership-package-item:last-child .membership-package-coche-list {
border-radius: 0 .5rem .5rem 0
}
.membership-package-item .btn {
display: inline-flex;
align-items: center;
margin-right: .5rem;
width: 100%;
padding: 0 .5rem;
flex-shrink: 0
}
.membership-package-item .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(min-width:992px) {
.membership-package-item .membership-package-cta {
visibility: hidden
}
.membership-package-item .membership-package-cta .btn {
transition: all .3s ease, visibility 0s
}
.membership-package-item:hover .membership-package-cta {
visibility: visible
}
}
.membership-package-info {
padding: 4em 1rem 1rem;
border-radius: 1.5rem;
text-align: center;
height: 100%;
justify-content: space-between;
display: flex;
flex-direction: column;
transition: all 300ms ease-out
}
@media(prefers-reduced-motion:reduce) {
.membership-package-info {
transition: none
}
}
@media(min-width:992px) {
.membership-package-info {
padding: 4rem 1.5rem 3rem
}
}
.membership-package-info:hover {
background-color: #1882ff;
color: #fff
}
.membership-package-info-top {
display: flex;
flex-direction: column;
flex: 1;
justify-content: flex-start
}
.membership-package-info.active {
background-color: #1882ff;
color: #fff
}
@media(max-width:991.98px) {
.membership-package-info .btn {
display: none
}
}
.membership-package-title {
font-weight: 600;
margin-bottom: 1.5rem
}
.membership-package-price {
font-size: 1.5rem;
margin-bottom: 1.5rem;
font-weight: 600;
line-height: 1
}
@media(min-width:992px) {
.membership-package-price {
font-size: 2rem;
margin-bottom: 2.5rem
}
}
.membership-list-item {
width: 19.5rem;
background-color: #fff;
box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, .05);
border-radius: 6px;
display: flex;
flex-direction: column
}
.membership-list-item .visuel {
text-align: center;
margin: -1.5rem -1.5rem 1.5rem
}
.membership-list-item .visuel img {
width: 100%
}
.membership-list-item-content {
padding: 1.5rem;
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1
}
.membership-list-item-description {
border-top: 1px solid #dee2e6;
padding: .75rem 1.5rem;
font-size: .875rem;
position: relative;
text-align: center
}
.membership-list-item-description .product-modal-description {
position: relative;
display: block;
cursor: pointer
}
.membership-list-item-description .product-modal-description:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%)
}
.membership-list-item:not(:last-child) {
margin-right: 1.5rem
}
.membership-list-item .btn {
display: inline-flex;
align-items: center;
margin-right: .5rem;
width: 100%
}
.membership-list-item .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.membership-list-item .membership-title {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.2;
margin-bottom: .5 !important
}
.membership-list-item .membership-venue {
font-size: .875rem;
display: block;
margin-inline-start: 1rem;
color: #76818d
}
.membership-list-item .membership-summary-description {
font-size: .875rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
padding-inline: 1rem
}
.membership-list-item .membership-price {
font-size: 11px;
margin-top: 1rem;
margin-bottom: 1.5rem;
margin-inline: 1rem
}
.membership-list-item .membership-price.override,
.membership-list-item .membership-price b,
.membership-list-item .membership-price em {
font-size: 1.25rem;
font-weight: 600
}
.edito-advantage-wrapper {
margin: 5rem 0 2rem
}
@media(min-width:1792px) {
.edito-advantage-wrapper {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.edito-advantage-wrapper {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.edito-advantage-wrapper {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.edito-advantage-wrapper {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.edito-advantage-wrapper {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
.edito-advantage-wrapper .text-center {
position: relative;
z-index: 1
}
.edito-advantage-title-wrapper {
display: inline-flex;
padding: 1.5rem 3rem;
border-radius: 6px;
justify-content: center;
align-items: center;
text-align: center;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03), 0 0 24px 14px rgba(0, 0, 0, .05)
}
@media(max-width:991.98px) {
.edito-advantage-title-wrapper {
padding: .75rem
}
.edito-advantage-title-wrapper.mobile {
padding: 0;
transform: translateY(-10px)
}
.edito-advantage-title-wrapper.mobile .select2-selection {
border: 0;
min-width: 10rem
}
.edito-advantage-title-wrapper.mobile .form-group {
margin-bottom: 0
}
}
.edito-advantage-title-wrapper .nav-tabs {
border-bottom: 0
}
.edito-advantage-title-wrapper .select2-filter-container .select2-container--hubber_reference8 .select2-selection {
background: none !important;
border: none !important;
height: 3.5rem !important
}
.edito-advantage-title-content {
font-size: 1rem;
color: #76818d;
cursor: pointer
}
.edito-advantage-title-content:not(:last-child) {
margin-right: 3rem
}
@media(max-width:767.98px) {
.edito-advantage-title-content:not(:last-child) {
margin-right: 1rem
}
}
@media(max-width:767.98px) {
.edito-advantage-title-content {
font-size: .75rem
}
}
.edito-advantage-title-content.active {
font-weight: 600
}
.edito-advantage-title-content:not(.active) a {
color: inherit
}
.edito-advantage-title-content:not(.active):hover a {
color: #1882ff
}
.edito-advantage-contents-wrapper {
margin-top: -2.125rem;
background-color: #fff
}
.edito-advantage-contents-wrapper .tab-pane.active {
display: flex
}
@media(max-width:767.98px) {
.edito-advantage-contents-wrapper .tab-pane.active {
flex-direction: column
}
}
.edito-advantage-content {
display: flex;
background-color: #fff;
align-items: center
}
@media(max-width:767.98px) {
.edito-advantage-content {
flex-direction: column
}
}
.edito-advantage-content:not(.active) {
display: none
}
.edito-advantage-content-content {
padding: 3.75rem
}
@media(max-width:767.98px) {
.edito-advantage-content-content {
padding: 1.5rem
}
}
.edito-advantage-content-visuel {
max-height: 680px;
overflow: hidden;
display: flex;
align-items: center
}
.edito-advantage-content-visuel img {
width: 100% !important
}
.edito-advantage-content-visuel,
.edito-advantage-content-content {
flex: 0 0 50%
}
.block-hubber-alerting {
padding: 3rem 0;
position: relative;
color: #fff;
background-size: cover;
background-repeat: no-repeat;
margin-top: 3rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media(min-width:1792px) {
.block-hubber-alerting {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.block-hubber-alerting {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.block-hubber-alerting {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.block-hubber-alerting {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.block-hubber-alerting {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
@media(min-width:1792px) {
.block-hubber-alerting .hubber_alerting_available_alerting_block:where(.block-hubber-alerting .hubber_alerting_available_alerting_block) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.block-hubber-alerting .hubber_alerting_available_alerting_block:where(.block-hubber-alerting .hubber_alerting_available_alerting_block) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.block-hubber-alerting .hubber_alerting_available_alerting_block:where(.block-hubber-alerting .hubber_alerting_available_alerting_block) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.block-hubber-alerting .hubber_alerting_available_alerting_block:where(.block-hubber-alerting .hubber_alerting_available_alerting_block) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.block-hubber-alerting .hubber_alerting_available_alerting_block:where(.block-hubber-alerting .hubber_alerting_available_alerting_block) {
padding-left: 1rem;
padding-right: 1rem
}
}
.block-hubber-alerting h2,
.block-hubber-alerting .h2 {
color: inherit !important;
position: relative
}
.block-hubber-alerting:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .25)
}
.block-hubber-alerting.block-hubber-alerting-available-block .wrapper-title {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 8rem
}
@media(max-width:991.98px) {
.block-hubber-alerting.block-hubber-alerting-available-block .wrapper-title {
margin-bottom: 5rem;
padding-right: 0
}
}
.block-hubber-alerting.block-hubber-alerting-available-block .wrapper-title h2,
.block-hubber-alerting.block-hubber-alerting-available-block .wrapper-title .h2 {
padding-right: 0;
margin-bottom: 0
}
.block-hubber-alerting.block-hubber-alerting-available-block .wrapper-title .form-no-label {
margin-bottom: 0;
flex-shrink: 0
}
.matchAlert-container {
position: relative
}
.matchAlert-container a {
color: #fff !important
}
.matchAlert-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: .75rem;
padding-bottom: 2rem
}
.matchAlert-header .matchAlert-content-filter {
display: flex;
justify-content: space-between
}
.matchAlert-header h2,
.matchAlert-header .h2 {
margin: 0;
padding: 0 1rem 0 0
}
.matchAlert-slider-arrows {
display: flex;
gap: .5rem
}
.matchAlert-slider-arrows button.btn.noloader.slick-arrow {
height: 3rem;
width: 3rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100% !important;
border: 1px solid #fff;
color: #fff;
font-size: 0;
padding: 0;
display: inline-flex;
align-items: center
}
.matchAlert-slider-arrows button.btn.noloader.slick-arrow:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:767.98px) {
.matchAlert-slider-arrows button.btn.noloader.slick-arrow {
display: none !important
}
}
.matchAlert-slider-arrows button.btn.noloader.slick-arrow:hover {
background: rgba(255, 255, 255, .2)
}
.matchAlert-slider-arrows button.btn.noloader.slick-arrow:before {
display: none
}
.matchAlert-slider-arrows button.btn.noloader.slick-arrow.slick-prev-arrow:after {
transform: rotate(180deg)
}
.matchAlert-item {
padding: 1.5rem 3rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: .5rem;
transition: all 300ms ease-out;
min-height: 20rem
}
.matchAlert-item:hover {
background-color: rgba(3, 14, 29, .5)
}
@media(max-width:991.98px) {
.matchAlert-item {
padding: 1rem;
margin-right: 1rem;
background-color: rgba(3, 14, 29, .5)
}
}
.matchAlert-item-logo {
width: 6rem;
height: 6rem;
display: flex;
align-items: center;
justify-content: center
}
.matchAlert-item-logo .field--type-image img {
margin-bottom: 0;
max-width: 6rem;
max-height: 6rem
}
.matchAlert-item-name {
margin-top: .5rem;
font-size: .75rem;
font-weight: 700
}
.matchAlert-item-date {
font-weight: 600;
margin-top: .5rem;
flex: 1
}
.matchAlert-item-venue {
text-align: center;
font-size: 11px;
line-height: 1;
color: #76818d
}
.matchAlert-item-event {
margin-top: .5rem;
font-weight: 600;
font-size: .75rem;
color: #1882ff
}
.matchAlert-item-filter {
font-weight: 600;
font-size: .75rem
}
.matchAlert-item-action {
margin-top: 1.5rem
}
.matchAlert-item .btn {
padding: .5rem .75rem;
display: inline-flex;
align-items: center;
margin-right: .5rem;
transition: all 300ms ease-out;
width: 100%
}
.matchAlert-item .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.matchAlert-item .btn:before {
color: inherit
}
.matchAlert-item .btn:hover {
color: #1882ff;
background-color: #fff
}
.matchAlert-filter {
display: flex;
justify-content: flex-end
}
.matchAlert-filter .alerting-filter-wrapper {
color: initial
}
.matchAlert-filter .select2-filter-container .select2-container--hubber_reference8.select2-container--open {
left: auto !important
}
@media(max-width:991.98px) {
.matchAlert-filter .select2-filter-container .select2-container--hubber_reference8.select2-container--open {
right: 0;
width: 40vw
}
}
@media(max-width:991.98px) {
.matchAlert-filter .select2-filter-container .select2-container--hubber_reference8 .select2-selection {
padding: 0;
width: 3rem;
justify-content: center;
align-items: center
}
}
@media(max-width:767.98px) {
.matchAlert-filter .select2-filter-container .select2-container--hubber_reference8 .select2-selection {
height: 3rem !important
}
}
@media(max-width:991.98px) {
.matchAlert-filter .select2-filter-container .select2-container--hubber_reference8 .select2-selection .select2-selection__rendered {
display: none
}
}
@media(max-width:991.98px) {
.matchAlert-filter .select2-filter-container .select2-container--hubber_reference8 .select2-selection .select2-selection__arrow {
display: flex;
align-items: center;
justify-content: center;
position: relative;
top: auto;
right: auto
}
}
@media(max-width:991.98px) {
.matchAlert-filter .select2-filter-container .select2-container--hubber_reference8 .select2-selection .select2-selection__arrow:after {
content: "";
position: relative;
transform: none !important;
top: auto;
font-size: 1.8rem
}
}
#page-wrapper #hubber-newsletter-form {
padding-top: 3rem;
padding-bottom: 3rem;
text-align: center;
width: 51.5rem;
margin: 0 auto
}
@media(max-width:991.98px) {
#page-wrapper #hubber-newsletter-form {
width: 90%
}
}
@media(max-width:767.98px) {
#page-wrapper #hubber-newsletter-form .submit-wrapper {
width: 100%
}
}
#page-wrapper #hubber-newsletter-form div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label {
height: calc(100% - 6px);
background-color: #fff;
top: 4px;
max-height: calc(100% - 3px);
min-height: 0
}
#page-wrapper #hubber-newsletter-form div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
#page-wrapper #hubber-newsletter-form div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input.is-not-empty) label {
height: auto;
top: -5px
}
div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio) input {
background-color: #fff
}
div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio) input.is-not-empty {
border-color: #76818d
}
.ui-dialog .hubber-alerting-subscribing-modal-form div.fieldset-address-line1.js-form-item.form-type-textfield:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) label {
display: none
}
.ui-dialog .hubber-alerting-subscribing-modal-form fieldset.form-group .address-country-code-container.js-form-wrapper.form-wrapper {
margin-bottom: 1rem;
margin-top: 5px
}
.ui-dialog form.hubber-alerting-subscribing-modal-form .js-form-type-email {
padding: 0 !important
}
.ui-dialog form.hubber-alerting-subscribing-modal-form [data-drupal-selector=edit-field-user-firstname-wrapper],
.ui-dialog form.hubber-alerting-subscribing-modal-form [data-drupal-selector=edit-field-user-lastname-wrapper] {
flex-basis: calc(50% - .5rem)
}
.ui-dialog form.hubber-alerting-subscribing-modal-form [data-drupal-selector=edit-field-user-address-wrapper] {
flex-basis: 100%
}
.ui-dialog form.hubber-alerting-subscribing-modal-form [data-drupal-selector=edit-field-user-birthday-wrapper] {
width: 100%
}
#edit-submit-newsletter {
display: inline-flex;
align-items: center;
margin-right: .5rem;
display: flex;
align-items: center;
border-radius: 6px;
height: 56px;
border: 1px solid #1882ff
}
#edit-submit-newsletter:left {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
#edit-submit-newsletter[disabled] {
background-color: #e2e5e8 !important;
border: 1px solid #e2e5e8 !important;
color: #76818d !important
}
#edit-submit-newsletter:before {
content: "";
display: block;
font-family: "hubber8";
font-size: 1.75rem;
margin-right: 2px;
color: inherit;
font-weight: 400
}
#edit-submit-newsletter.btn-loading:before {
display: none
}
@media(max-width:767.98px) {
#edit-submit-newsletter {
width: 100%;
justify-content: center
}
}
.block-hubber-newsletter__title {
font-size: 1rem;
color: #1882ff;
display: flex;
align-items: center;
justify-content: center;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: 3.2px;
text-transform: uppercase;
gap: 24px
}
.block-hubber-newsletter__title:before,
.block-hubber-newsletter__title:after {
content: "";
height: 2px;
width: 4.5rem;
background-color: #1882ff;
display: block
}
.block-hubber-newsletter__description {
text-align: center;
color: #263140;
margin: 0 0 20px
}
@media(max-width:991.98px) {
.block-hubber-newsletter__description {
margin-bottom: 0px
}
}
.block-hubber-newsletter__subtitle {
font-size: 1.5rem;
margin: 20px 0;
text-align: center;
color: #263140
}
@media(min-width:992px) {
.block-hubber-newsletter__subtitle {
font-size: 3rem
}
}
.block-hubber-newsletter__input-group {
justify-content: center;
gap: 1.5rem;
max-width: 36rem;
margin: 0 auto 24px;
align-items: center
}
@media(max-width:991.98px) {
.block-hubber-newsletter__input-group {
margin: 0 auto 24px;
flex-direction: row;
width: auto;
max-width: 36rem
}
}
@media(max-width:767.98px) {
.block-hubber-newsletter__input-group {
height: auto;
margin-bottom: 20px;
flex-direction: column
}
}
.block-hubber-newsletter__input-group div.js-form-item input.form-control {
border-radius: 4px;
border: 1px solid #b4bbc2;
height: 48px;
background: lineargradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), #f6f8f9
}
.block-hubber-newsletter__input-group .form-type-email {
flex: 1
}
.block-hubber-newsletter__input-group .block-hubber-newsletter__ajax_messages {
flex: 100%;
font-size: .75rem;
text-align: left;
width: 100%
}
.block-hubber-newsletter__input-group .block-hubber-newsletter__ajax_messages .messages--error {
color: #c50808
}
.block-hubber-newsletter__input-group .block-hubber-newsletter__ajax_messages .messages--status {
color: #64bf18;
text-align: center
}
@media(max-width:991.98px) {
.block-hubber-newsletter__input-group .block-hubber-newsletter__ajax_messages .messages--status {
margin-top: 20px
}
}
.block-hubber-newsletter__input-group .block-hubber-newsletter__ajax_messages .messages--status .alert {
border-radius: 4px
}
.block-hubber-newsletter__input-group .block-hubber-newsletter__ajax_messages .messages--status .messages__item {
width: 90%;
text-align: left
}
.block-hubber-newsletter__input-group .block-hubber-newsletter__ajax_messages .messages--status .btn-close {
width: 30px;
height: 30px;
padding: 0 10px;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center
}
.block-hubber-newsletter__input-group .block-hubber-newsletter__ajax_messages .messages--status .btn-close:after {
content: "";
font-size: 1.875rem;
font-family: "hubber8"
}
.block-hubber-newsletter__input-group .block-hubber-newsletter__ajax_messages .messages--status .alert-success {
background-color: #f3f9f5;
color: #0b873c;
padding-left: 40px
}
.block-hubber-newsletter__input-group .block-hubber-newsletter__ajax_messages .messages--status .alert-success:before {
content: "";
font-size: 1.875rem;
font-family: "hubber8";
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
color: #0b873c
}
.block-hubber-newsletter__input-group .block-hubber-newsletter__ajax_messages .messages--status .alert-success .btn-close:after {
color: #0b873c
}
.block-hubber-newsletter__input-group .block-hubber-newsletter__ajax_messages .messages--status .alert-error {
background-color: #fcf2f2;
color: #c50808;
padding-left: 40px
}
.block-hubber-newsletter__input-group .block-hubber-newsletter__ajax_messages .messages--status .alert-error:before {
content: "";
font-size: 1.875rem;
font-family: "hubber8";
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
color: #c50808
}
.block-hubber-newsletter__input-group .block-hubber-newsletter__ajax_messages .messages--status .alert-error .btn-close:after {
color: #c50808
}
.block-hubber-newsletter__message {
color: #76818d;
font-size: .75rem;
width: 35.5rem;
padding-top: 20px;
margin: 0 auto
}
@media(max-width:991.98px) {
.block-hubber-newsletter__message {
width: 90%
}
}
#block-homenextevent {
margin: 3rem 1.5rem
}
@media(min-width:992px) {
#block-homenextevent {
max-width: 54.5rem;
margin: 6rem auto
}
}
#block-homenextevent h2,
#block-homenextevent .h2 {
position: absolute;
left: 50%;
z-index: 1;
top: -1rem;
font-size: .75rem;
background-color: #fff;
color: #1882ff;
padding: .5rem;
border-radius: .5rem;
text-transform: uppercase;
transform: translateX(-50%)
}
#block-homenextevent .card {
border-color: rgba(255, 255, 255, .2);
border-radius: 1.5rem
}
@media(min-width:992px) {
#block-homenextevent .card-body {
padding: 2.5rem 6rem
}
}
#block-homenextevent .card-body .button {
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
margin-right: .5rem;
position: absolute;
bottom: -0.75rem;
left: 50%;
transform: translateX(-50%)
}
@media(min-width:768px) {
#block-homenextevent .card-body .button {
display: inline-flex
}
}
#block-homenextevent .card-body .button:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
#block-homenextevent .card-body .button:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
#block-homenextevent .card-title {
font-size: 1.25rem;
font-weight: 600
}
.block-next-event {
position: relative;
background-size: cover;
background-repeat: no-repeat
}
.block-next-event:before {
content: "";
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: radial-gradient(50% 60.83% at 50% 50%, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%), linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25))
}
.next-event-container {
padding: 3rem 1.5rem;
text-align: center;
position: relative;
z-index: 2
}
@media(min-width:992px) {
.next-event-container {
max-width: 54.5rem;
margin: 0 auto;
padding-inline: 0;
min-height: 30rem;
display: flex;
flex-direction: column;
justify-content: center
}
}
.next-event-type {
position: relative;
z-index: 1;
transform: translateY(0.625rem)
}
.next-event-type .badge {
font-size: .6875rem;
text-transform: uppercase;
border-radius: .25rem;
padding: 6px .5rem;
background-color: #1882ff;
color: #fff;
font-weight: 700;
font-family: "Bebas Neue", sans-serif;
letter-spacing: 1px
}
.next-event-countdown:not(:empty) {
display: inline-flex;
background-color: rgba(0, 0, 0, .25);
padding: .75rem .5rem .125rem;
border-radius: .5rem
}
.next-event-countdown table {
margin: 0 auto
}
.next-event-countdown table td {
width: 2.5rem;
padding: .125rem 0
}
.next-event-countdown table tbody {
font-size: 1.25rem;
color: #fff;
font-weight: 600
}
.next-event-countdown table tfoot {
font-size: .75rem;
color: inherit;
opacity: .5;
text-transform: uppercase
}
.next-event-participant {
font-size: 1.25rem;
font-weight: 600;
flex: 1
}
.next-event-participant-wrapper {
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
margin: 1rem 0 3rem
}
@media(max-width:991.98px) {
.next-event-participant-wrapper {
flex-wrap: wrap;
justify-content: space-around;
margin: 0 0 4rem;
align-items: flex-start
}
.next-event-participant-wrapper .next-event-info {
flex: 0 0 100%;
margin-bottom: 1rem
}
}
.next-event-participant .participant-logo {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1rem
}
.next-event-participant .participant-logo .field--name-field-logo {
display: flex;
align-items: center;
justify-content: center;
flex: unset
}
.next-event-participant .participant-logo .field--name-field-logo img {
max-height: 6rem;
max-width: 6rem;
margin-bottom: 0;
height: auto
}
@media(min-width:992px) {
.next-event-info+.next-event-participant {
order: -1
}
}
.next-event-title {
font-size: .875rem;
margin: 1rem 0;
font-weight: 600
}
@media(max-width:991.98px) {
.next-event-title {
margin-top: 3rem;
margin-bottom: 0
}
}
.next-event-date {
font-size: 1rem;
font-weight: 600;
position: relative;
padding-top: 1rem
}
.next-event-date:before {
content: "";
position: absolute;
height: 1px;
width: 3rem;
background-color: rgba(118, 129, 141, .5);
top: .5rem;
left: 50%;
transform: translateX(-50%)
}
.next-event-venu {
font-size: .75rem;
color: #ccd2d9;
position: relative;
padding-top: 1rem
}
.next-event-venu:before {
content: "";
position: absolute;
height: 1px;
width: 3rem;
background-color: rgba(118, 129, 141, .5);
top: .5rem;
left: 50%;
transform: translateX(-50%)
}
.next-event-cta .btn {
min-width: 12rem;
width: 100%
}
@media(min-width:768px) {
.next-event-cta .btn {
width: auto
}
}
.next-event-cta .btn.available,
.next-event-cta .btn-sale {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.next-event-cta .btn.available:before,
.next-event-cta .btn-sale:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.next-event-cta .btn-resale {
display: inline-flex
}
.next-event-cta .btn+.btn {
margin-top: 1rem
}
@media(min-width:768px) {
.next-event-cta .btn+.btn {
margin-left: 1.5rem;
margin-top: 0
}
}
.next-events-wrapper {
position: relative;
padding: 3rem 0
}
@media(max-width:767.98px) {
.next-events-wrapper {
padding-block: 1rem !important
}
}
.next-events-wrapper>picture {
position: absolute
}
.next-events-wrapper>picture,
.next-events-wrapper>picture>img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
top: 0
}
.next-events-header {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
position: relative;
z-index: 1
}
.next-events-header .ml-auto {
align-items: center
}
.next-events-header h1,
.next-events-header .h1 {
margin: 0 auto 0 0 !important;
font-size: 1.5rem !important;
font-weight: 600
}
@media(max-width:1199.98px) {
.next-events-header h1,
.next-events-header .h1 {
margin-bottom: 1.5rem !important
}
}
@media(max-width:575.98px) {
.next-events-header h1,
.next-events-header .h1 {
margin-bottom: 1rem !important
}
}
@media(min-width:992px) {
.next-events-header h1,
.next-events-header .h1 {
font-size: 2rem !important;
margin-bottom: 1.5rem !important
}
}
.next-events-header div.ml-auto {
margin-bottom: 1.5rem
}
@media(max-width:1199.98px) {
.next-events-header div.ml-auto {
margin-bottom: 1.5rem
}
}
@media(max-width:991.98px) {
.next-events-header div.ml-auto {
margin-bottom: 0
}
.next-events-header div.ml-auto .btn-more-filters {
margin-bottom: 1rem
}
}
.next-events-header .form-group {
margin-bottom: 0
}
.next-events-header .d-lg-flex.d-none {
gap: .75rem
}
.next-events-header .select2-container {
margin: .5rem 0
}
.next-events-header .select2-container--hubber_reference8 .select2-selection {
border-radius: 3rem;
font-size: .75rem;
font-weight: 600;
padding-left: .5rem;
padding-right: 1.5rem;
width: 15rem
}
@media(max-width:991.98px) {
.next-events-header .select2-container--hubber_reference8 .select2-selection {
border-radius: .25rem;
width: auto
}
}
.next-events-header .select2-container--hubber_reference8 .select2-selection span {
color: inherit !important
}
.next-events-header .select2-container--hubber_reference8 .select2-selection:hover {
color: #1882ff;
box-shadow: 0 5px 10px 1px rgba(0, 0, 0, .1)
}
.next-events-header .form-type-select2.active .select2-selection {
color: #1882ff
}
.next-events-header .switch-display-icons {
margin-left: 1.5rem;
height: 3rem;
border-radius: .5rem;
border: 1px solid #dee2e6;
display: flex;
align-items: center;
overflow: hidden;
padding-inline-start: 0 !important
}
@media screen and (max-width:1203px) {
.next-events-header .switch-display-icons {
display: none !important
}
}
.next-events-header .switch-display-icons li {
border: 0;
box-shadow: none !important;
height: calc(3rem - 2px);
padding: 0;
width: 3rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0;
font-size: 0;
z-index: 1
}
.next-events-header .switch-display-icons li:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
color: #76818d;
font-weight: normal
}
.next-events-header .switch-display-icons li.active {
background-color: #1882ff;
z-index: 1
}
.next-events-header .switch-display-icons li.active:before {
color: #fff
}
.next-events-header .switch-display-icons li.list:before {
content: ""
}
.next-events-header .switch-display-icons li.thumbnails:before {
content: ""
}
.next-events-header .switch-display-icons li.calendar:before {
content: ""
}
.next-events-header .switch-display-icons li:not(:last-child) {
border-right: 1px solid #dee2e6
}
@media(max-width:991.98px) {
.next-events-filter {
display: none
}
}
@media(min-width:992px) {
.next-events-filter-mobile {
display: none
}
}
.next-events-content {
position: relative;
margin-top: 1.5rem
}
.next-events-content .calendar-group+.calendar-group {
margin-top: 1.5rem
}
.next-events-content .empty {
display: flex;
justify-content: center
}
.next-events-content .empty p {
margin-bottom: 0;
margin-right: .25rem
}
.next-events-content .empty button {
background-color: rgba(0, 0, 0, 0);
color: #1882ff;
text-decoration: underline
}
.next-events-content .card-event {
height: 100%;
min-width: unset
}
.next-events-content .card-event .commerce-product-variation-prices {
justify-content: center
}
.next-events-content .card-event .commerce-product-variation-prices .price {
font-size: 1.125rem;
margin-right: 0
}
.next-events-content .btn-show-all {
display: inline-flex;
align-items: center;
margin-right: .5rem;
display: flex;
margin: 0 auto
}
.next-events-content .btn-show-all:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.next-events-content .alerting-btn.disabled {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed
}
.next-events-content:has(.alerting-btn .disabled) {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed
}
.next-events-content .field__item {
margin: 0 !important
}
.next-events-content .field__item.not-allowed-cursor {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed !important
}
.next-events-content .field__item:hover {
cursor: pointer
}
.next-events-content .field__item .card-event:not(.card-sport) .filter {
font-size: .75rem;
font-weight: 700;
text-transform: uppercase;
font-family: "Bebas Neue";
letter-spacing: .05em
}
.next-events-content .field__item .card.has-filter .visual-bg {
height: 12rem;
padding-top: 1.5rem
}
.next-events-content .field__item .card.has-participants .visual-bg {
background-color: #f6f8f9
}
.next-events-content .field__item .thumbnail-next-event-content:has(>.filter) .visual-bg {
height: 12rem;
padding-top: 1.5rem
}
.next-events-content .field__item .thumbnail-next-event-content h3,
.next-events-content .field__item .thumbnail-next-event-content .h3 {
font-size: 1.125rem
}
.next-events-content .field__item .badge {
position: absolute;
top: -0.75rem;
left: 50%;
transform: translateX(-50%);
text-transform: uppercase;
padding: .375rem .5rem;
z-index: 1;
letter-spacing: 1px;
font-family: "Bebas Neue", sans-serif;
height: auto
}
.next-events-content .field__item .info-wrapper {
font-size: .875rem
}
@media(max-width:991.98px) {
.next-events-content .field__item .info-wrapper {
flex: 0 0 0
}
}
.next-events-content .field__item .info-wrapper .event,
.next-events-content .field__item .info-wrapper .event-additional {
text-transform: uppercase
}
.next-events-content .field__item .info-wrapper .event-label .filter:not(:first-child):before,
.next-events-content .field__item .info-wrapper .event-additional:not(:first-child):before {
content: "•";
margin: 0 .25rem;
color: inherit
}
.next-events-content .field__item .info-wrapper .date {
font-weight: 600
}
.next-events-content .field__item .info-wrapper .venue {
color: #76818d
}
.next-events-content .field__item .info-wrapper .price.override,
.next-events-content .field__item .info-wrapper .price em {
font-size: 1.125rem;
font-weight: 600
}
.next-events-content .field__item h3,
.next-events-content .field__item .h3 {
font-size: .75rem;
margin-bottom: 0;
font-weight: 600
}
.next-events-content .field__item .actions-wrapper .sale-btn .btn {
display: inline-flex;
align-items: center;
margin-right: .5rem;
width: 100%
}
.next-events-content .field__item .actions-wrapper .sale-btn .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.next-events-content .field__item .actions-wrapper .btn.login:before {
content: ""
}
.next-events-content .field__item .actions-wrapper .btn-show-details {
overflow: hidden;
white-space: nowrap;
font-size: 1rem;
padding-bottom: 0
}
.next-events-content .field__item .actions-wrapper .btn-show-details span {
text-decoration: underline;
font-weight: normal
}
.next-events-content .field__item .resale-btn {
margin-top: .5rem
}
.next-events-content .field__item .resale-btn .btn-resale {
display: inline-flex;
align-items: center;
margin-right: .5rem;
color: #fff;
width: 100%;
font-size: .75rem;
white-space: nowrap
}
.next-events-content .field__item .resale-btn .btn-resale:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.next-events-content .field__item .resale-btn .btn-resale.unavailable {
box-shadow: none !important;
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed
}
.next-events-content .list-wrapper>.field__item {
flex: 0 0 100%;
margin-top: 1.5rem !important
}
.next-events-content .list-wrapper>.field__item:hover {
cursor: pointer
}
.next-events-content .list-wrapper>.field__item:hover:has(.alerting-btn .disabled) {
cursor: not-allowed
}
.next-events-content .list-wrapper>.field__item.calendar-group-item:has(.btn.js-show-details) {
margin-bottom: 3.75rem !important
}
.next-events-content .list-wrapper>.field__item .image {
height: 5rem
}
.next-events-content .list-wrapper>.field__item .list {
display: flex;
position: relative;
border-radius: .5rem;
box-shadow: 0 0 4px 0px rgba(0, 0, 0, .03), 0 1px 1px 0px rgba(0, 0, 0, .05);
border: 1px solid #e2e5e8;
overflow: visible;
min-height: 8.5rem
}
.next-events-content .list-wrapper>.field__item .list:has(.description-wrapper) {
display: flex;
flex-direction: column;
justify-content: center
}
.next-events-content .list-wrapper>.field__item .list-sport-content {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
background-size: cover;
background-repeat: no-repeat;
border-radius: .5rem
}
.next-events-content .list-wrapper>.field__item .list-sport-content:not(:has(.visual-bg)) {
padding: 0 1.5rem;
background-size: cover;
background-position: center;
background-repeat: no-repeat
}
.next-events-content .list-wrapper>.field__item .list-sport-content:not(:has(.visual-bg)):not(:last-child) {
border-radius: .5rem .5rem 0 0
}
.next-events-content .list-wrapper>.field__item .list-sport-content:has(.visual-container) {
padding: 0
}
.next-events-content .list-wrapper>.field__item .list-sport-content:has(.visual-container) .visual-container {
flex: 0 0 10rem;
border-radius: .44rem 0 0 .44rem;
overflow: hidden
}
.next-events-content .list-wrapper>.field__item .list-sport-content:has(.visual-container) .visual-container img {
width: 100%
}
.next-events-content .list-wrapper>.field__item .list-sport-content:has(+.description-wrapper.d-none) {
border-radius: .5rem
}
.next-events-content .list-wrapper>.field__item .list-sport-content>a {
display: flex;
justify-content: space-between;
color: initial
}
.next-events-content .list-wrapper>.field__item .list-sport-content>a .info-wrapper {
justify-content: flex-start
}
.next-events-content .list-wrapper>.field__item .list-sport-content:has(.participants-wrapper)>a {
flex: 1
}
.next-events-content .list-wrapper>.field__item .list-sport-content:has(.participants-wrapper)>a .card-event-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.next-events-content .list-wrapper>.field__item .list-sport-content .filter {
text-transform: uppercase
}
.next-events-content .list-wrapper>.field__item .list:hover {
border-color: var(--hb-cta-primary)
}
@media(min-width:992px) {
.next-events-content .list-wrapper>.field__item .list.has-visual.has-participants .event-image {
margin-left: 1.5rem
}
}
.next-events-content .list-wrapper>.field__item .list .info-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 1.5rem;
flex: 1
}
.next-events-content .list-wrapper>.field__item .list .info-wrapper>a {
color: initial
}
@media(min-width:992px) {
.next-events-content .list-wrapper>.field__item .list .info-wrapper:last-child {
justify-content: flex-end;
flex: 1
}
}
.next-events-content .list-wrapper>.field__item .list .info-wrapper .event-image,
.next-events-content .list-wrapper>.field__item .list .info-wrapper .competition-image {
margin-right: 1.25rem;
max-width: 3rem;
flex-shrink: 0
}
.next-events-content .list-wrapper>.field__item .list .info-wrapper .event-image img,
.next-events-content .list-wrapper>.field__item .list .info-wrapper .competition-image img {
max-width: 100%;
height: auto;
width: auto
}
.next-events-content .list-wrapper>.field__item .list .info-wrapper .info {
display: flex;
flex-direction: column;
padding-block: 1rem
}
.next-events-content .list-wrapper>.field__item .list .info-wrapper .summary {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical
}
.next-events-content .list-wrapper>.field__item .list.has-visual .actions-wrapper {
margin-right: 1.5rem;
padding: 1.5rem 0
}
.next-events-content .list-wrapper>.field__item .list.has-visual.has-participants .info-wrapper:first-child {
margin-left: 1.5rem
}
.next-events-content .list-wrapper>.field__item .list:not(.has-participants) .visual-bg {
width: 14rem;
height: 8.5rem;
background-size: cover;
background-position: top;
flex-shrink: 0;
border-radius: .5rem 0 0 .5rem
}
.next-events-content .list-wrapper>.field__item .list:not(.has-participants) .info-wrapper {
flex: 1
}
.next-events-content .list-wrapper>.field__item .list:not(.has-participants) .info-wrapper+.info-wrapper {
flex: 0 0 33%;
margin-left: 0
}
.next-events-content .list-wrapper>.field__item .list .card-event-content {
flex: 1;
text-align: center;
margin: 0 1rem;
max-width: 20rem;
height: auto;
display: flex;
align-items: center
}
.next-events-content .list-wrapper>.field__item .list .card-event-content:first-child {
flex: 0 0 20%
}
.next-events-content .list-wrapper>.field__item .list .description-wrapper {
padding: 1.5rem;
border-top: 1px solid #dee2e6;
background-color: #fff;
border-radius: 0 0 .5rem .5rem
}
.next-events-content .list-wrapper>.field__item .list .description-wrapper .content {
padding: 1.5rem;
border-radius: .5rem;
background-color: #f6f8f9
}
.next-events-content .list-wrapper>.field__item .list .description-wrapper .content p {
font-size: .875rem
}
.next-events-content .list-wrapper>.field__item .list .description-wrapper .content p:last-child {
margin-bottom: 0
}
.next-events-content .list-wrapper>.field__item .list .description-wrapper .content {
padding: 1.5rem;
border-radius: .5rem;
background-color: #f6f8f9
}
.next-events-content .list-wrapper>.field__item .list .description-wrapper .content p {
font-size: .875rem
}
.next-events-content .list-wrapper>.field__item .list .description-wrapper .content p:last-child {
margin-bottom: 0
}
.next-events-content .list-wrapper .btn-show-all {
margin-block: 2.5rem
}
.next-events-content .thumbnails-wrapper {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
display: grid !important;
grid-row-gap: 3rem
}
@media(min-width:768px) {
.next-events-content .thumbnails-wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(min-width:992px) {
.next-events-content .thumbnails-wrapper {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
@media(min-width:1200px) {
.next-events-content .thumbnails-wrapper {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
@media(min-width:1440px) {
.next-events-content .thumbnails-wrapper {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
.next-events-content .thumbnails-wrapper:has(.card-show) {
grid-row-gap: 4.5rem
}
.next-events-content .thumbnails-wrapper .btn-show-all {
grid-column: 1/-1
}
.next-events-content .thumbnails-wrapper.d-none {
display: none !important
}
.next-events-filter {
text-align: center
}
@media(min-width:992px) {
.next-events-filter {
display: flex;
justify-content: flex-end
}
}
.next-events-filter .select2-container .select2-selection--single .select2-selection__rendered {
padding-right: 3rem
}
.next-events-filter .btn-group-toggle {
background-color: rgba(226, 229, 232, .5);
padding: .125rem;
border-radius: .5rem;
margin: 0 auto
}
.next-events-filter .btn-group-toggle .btn {
color: #76818d;
border-radius: .5rem !important;
font-weight: normal
}
.next-events-filter .btn-group-toggle .btn:has(input:checked) {
box-shadow: none !important;
background-color: #fff;
color: #1882ff;
font-weight: 600
}
.next-events-filter .btn-group-toggle .btn+.btn:after {
content: "";
height: 1.25rem;
width: 1px;
background: #dee2e6;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%)
}
@media(max-width:991.98px) {
.next-events-filters-mobile-wrapper {
position: fixed;
left: 0;
right: 0;
padding: 1.5rem 1rem 1rem;
bottom: 0;
background-color: #fff;
display: block;
margin: 0;
border-radius: 1rem 1rem 0 0;
z-index: 12;
box-shadow: 0 -1px 11px 0 rgba(0, 0, 0, .1)
}
.next-events-filters-mobile-wrapper:before {
content: "";
background-color: #dee2e6;
height: 3px;
width: 30px;
display: block;
border-radius: .5rem;
position: absolute;
top: .75rem;
left: 50%;
transform: translateX(-50%)
}
.next-events-filters-mobile-wrapper .filter-mobile+.filter-mobile {
border-top: 1px solid #dee2e6
}
.next-events-filters-mobile-wrapper .accordion-button {
font-size: .875rem;
font-weight: 600;
background: rgba(0, 0, 0, 0);
color: initial;
padding: .75rem 0
}
.next-events-filters-mobile-wrapper .accordion-button:after {
content: "";
background: rgba(0, 0, 0, 0);
font-family: "hubber8";
font-size: 1.5rem;
font-weight: normal
}
.next-events-filters-mobile-wrapper .actions {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 1.5rem
}
.next-events-filters-mobile-wrapper .actions .btn-link {
padding: 0;
font-size: .875rem;
font-weight: normal;
text-transform: initial;
text-decoration: underline;
color: inherit
}
.next-events-filters-mobile-wrapper .actions .save {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.next-events-filters-mobile-wrapper .actions .save:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
}
.next-events-wrapper {
padding-bottom: 1.5rem
}
@media(min-width:1792px) {
.next-events-wrapper {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.next-events-wrapper {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.next-events-wrapper {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.next-events-wrapper {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.next-events-wrapper {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
@media(min-width:1792px) {
.next-events-wrapper>div:where(.next-events-wrapper>div) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.next-events-wrapper>div:where(.next-events-wrapper>div) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.next-events-wrapper>div:where(.next-events-wrapper>div) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.next-events-wrapper>div:where(.next-events-wrapper>div) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.next-events-wrapper>div:where(.next-events-wrapper>div) {
padding-left: 1rem;
padding-right: 1rem
}
}
.next-events-wrapper .date-anchors .slick-list {
margin: 0 2.5rem
}
.next-events-wrapper .date-anchors .btn-anchor-wrapper {
padding: .5rem 0;
margin-right: .5rem
}
.next-events-wrapper .date-anchors .btn-anchor {
border: 1px solid #dee2e6;
padding: 0 .5rem;
width: 100%;
height: 2.375rem;
justify-content: center
}
.next-events-wrapper .date-anchors .slick-arrow {
background-color: #fff;
height: 2.25rem;
width: 2.25rem;
border-radius: .5rem;
border: 1px solid #dee2e6;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.next-events-wrapper .date-anchors .slick-arrow:hover {
border-color: #fff
}
.next-events-wrapper .date-anchors .slick-arrow:before {
content: "";
font-family: "hubber8";
color: initial
}
.next-events-wrapper .date-anchors .slick-arrow:hover {
border-color: #fff
}
.next-events-wrapper .date-anchors .slick-arrow.slick-prev {
left: 0;
right: auto
}
.next-events-wrapper .date-anchors .slick-arrow.slick-next {
right: 0;
left: auto
}
.next-events-wrapper .date-anchors .slick-arrow.slick-next:before {
transform: rotate(180deg)
}
body.filters-mobile-open {
overflow-y: hidden
}
.sport div.next-events-content .list-wrapper>.field__item .list-sport-content {
align-items: stretch;
height: auto
}
.sport div.next-events-content .list-wrapper>.field__item .list-sport-content .visual-bg,
.sport div.next-events-content .list-wrapper>.field__item .list-sport-content .visual-container {
position: relative;
height: 100%;
aspect-ratio: auto;
display: none;
overflow: visible;
flex: 0
}
.sport div.next-events-content .list-wrapper>.field__item .list-sport-content .visual-bg img,
.sport div.next-events-content .list-wrapper>.field__item .list-sport-content .visual-container img {
max-width: none;
height: 100%;
width: auto;
max-height: none;
object-fit: cover;
border-radius: .5rem 0 0 .5rem
}
.sport div.next-events-content .list-wrapper>.field__item .list-sport-content .info-wrapper {
flex: 1;
height: auto
}
.sport div.next-events-content .list-wrapper>.field__item .list-sport-content .info-wrapper .info {
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
height: auto;
max-width: 63%;
justify-content: flex-start;
flex: auto
}
@media(max-width:991.98px) {
.sport div.next-events-content .list-wrapper>.field__item .list-sport-content .info-wrapper .info {
padding-top: 1rem;
padding-bottom: 1rem
}
}
.sport div.next-events-content .list-wrapper>.field__item .list-sport-content .info-wrapper+.info-wrapper {
flex: 0 0 33%;
margin-left: 0
}
.sport div.next-events-content .list-wrapper>.field__item .list-sport-content:has(.badge) .info-wrapper .info {
padding-top: 1rem;
padding-bottom: 1rem
}
div.next-events-content .list-wrapper>.field__item .list-sport-content {
padding-top: 0;
padding-bottom: 0
}
div.next-events-content .list-wrapper>.field__item .list-sport-content .info-wrapper .actions-wrapper {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
div.next-events-content .list-wrapper>.field__item .list-sport-content .info-wrapper .info {
padding-top: 1rem;
padding-bottom: 1rem
}
div.next-events-content .list-wrapper>.field__item .list-sport-content .card-event-content .participants-wrapper {
gap: 2rem
}
div.next-events-content .list-wrapper>.field__item .list-sport-content .card-event-content .participants-wrapper .participant {
flex-direction: column;
font-size: .75rem;
font-weight: 600;
gap: .5rem
}
div.next-events-content .list-wrapper>.field__item .list-sport-content .card-event-content .participants-wrapper .participant .logo {
max-width: 5rem
}
div.next-events-content .list-wrapper>.field__item .list-sport-content .info-wrapper .actions-wrapper {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.next-events-content .list-wrapper>.field__item .list .resized .card-event-content {
position: absolute;
top: 50%;
margin: 0;
left: 50%;
height: 100%;
transform: translate(-50%, -50%)
}
#main .next-events-wrapper .date-anchors .btn-anchor.active {
background-color: #fff;
color: var(--hb-cta-primary);
box-shadow: none
}
@media(min-width:1792px) {
.block-hubber-bloc-next-event {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.block-hubber-bloc-next-event {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.block-hubber-bloc-next-event {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.block-hubber-bloc-next-event {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.block-hubber-bloc-next-event {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
.hp-landing-offers .featured-offers-wrapper {
position: relative
}
.hp-landing-offers .featured-offers-wrapper>img,
.hp-landing-offers .featured-offers-wrapper>picture {
position: absolute
}
.hp-landing-offers .featured-offers-wrapper>img,
.hp-landing-offers .featured-offers-wrapper>img>img,
.hp-landing-offers .featured-offers-wrapper>picture,
.hp-landing-offers .featured-offers-wrapper>picture>img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: top
}
@media(min-width:576px)and (max-width:991.98px) {
.hp-landing-offers .vertical-offers .slick-track,
.hp-landing-offers .horizontal-offers-only .slick-track {
display: flex;
align-items: stretch
}
.hp-landing-offers .vertical-offers .field__item,
.hp-landing-offers .horizontal-offers-only .field__item {
background-color: var(--hb-landing-offer-background-color);
border-radius: 1.5rem;
flex: 1;
height: auto;
margin-right: .9375rem
}
}
.hp-landing-offers .field--name-field-slider,
.hp-landing-offers .slide img {
margin-bottom: 0;
width: 100% !important;
overflow: hidden
}
.hp-landing-offers .slide {
position: relative
}
.hp-landing-offers .field--name-field-parag-description {
width: 66.66% !important;
padding: 0 3.75rem;
max-height: 100vh;
min-height: 10px;
position: absolute;
bottom: 5rem;
transform: none;
left: 0;
top: auto;
right: auto
}
@media(max-width:767.98px) {
.hp-landing-offers .field--name-field-parag-description {
width: 100% !important;
margin: 0 !important;
padding: 0 1rem;
bottom: 1rem
}
.hp-landing-offers .field--name-field-parag-description span {
font-size: 1.5rem !important
}
}
.hp-landing-offers .has-vertical-offers {
position: relative
}
@media(min-width:992px) {
.hp-landing-offers .has-vertical-offers {
display: flex;
align-items: flex-end
}
.hp-landing-offers .has-vertical-offers .block-next-event,
.hp-landing-offers .has-vertical-offers>div:not(.field--name-field-slider):first-child {
width: 66.66% !important;
max-height: 100vh;
min-height: 10px;
transform: none;
left: 0;
top: auto
}
}
.hp-landing-offers .has-vertical-offers .slide img {
margin-bottom: 0
}
.hp-landing-offers .has-vertical-offers .vertical-offers {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 33.33%
}
.hp-landing-offers .has-vertical-offers .vertical-offers .btn-outline-light {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.hp-landing-offers .has-vertical-offers .vertical-offers .btn-outline-light:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.hp-landing-offers .has-vertical-offers .slick-dotted .slick-dots li button:before {
color: #fff !important;
opacity: 1 !important
}
.hp-landing-offers .vertical-offers {
flex-direction: column
}
.hp-landing-offers .vertical-offers>.field__item {
flex: auto;
position: relative
}
@media(min-width:992px) {
.hp-landing-offers .vertical-offers>.field__item {
max-height: unset
}
}
.hp-landing-offers .vertical-offers>.field__item:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #263140;
opacity: .7
}
.hp-landing-offers .vertical-offers>.field__item+.field__item {
border-top: 1px solid #76818d
}
.hp-landing-offers .horizontal-offers {
border-top: 1px solid #76818d
}
@media(min-width:992px) {
.hp-landing-offers .horizontal-offers {
bottom: 0;
width: 100%
}
.hp-landing-offers .horizontal-offers .card-offer-horizontal {
padding-right: 2.5rem
}
.hp-landing-offers .horizontal-offers .card-offer-horizontal:before {
content: "";
background-color: #263140;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: .7
}
.hp-landing-offers .horizontal-offers .card-offer-horizontal .card-title-wrapper,
.hp-landing-offers .horizontal-offers .card-offer-horizontal .card-content-wrapper {
position: relative
}
}
.hp-landing-offers .horizontal-offers .field__item {
flex: 1;
position: relative
}
.hp-landing-offers .horizontal-offers .field__item+.field__item {
border-left: 1px solid #76818d
}
.hp-landing-offers .card-offer-vertical {
height: 100%;
position: relative;
padding: 1.5rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
border-radius: 1.5rem;
display: flex;
flex-direction: row-reverse;
gap: .75rem
}
@media(min-width:992px) {
.hp-landing-offers .card-offer-vertical {
border-radius: 0;
padding-right: 2.5rem
}
}
.hp-landing-offers .card-offer-vertical .card-background-image,
.hp-landing-offers .card-offer-vertical .card-content {
flex: 1
}
.hp-landing-offers .card-offer-vertical .commerce-product-variation-prices {
justify-content: center
}
.hp-landing-offers .card-offer-vertical .card-title {
font-weight: 600;
font-size: 1.25rem
}
.hp-landing-offers .card-offer-vertical .card-summary {
font-size: 1rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: .875rem
}
.hp-landing-offers .card-offer-vertical .card-price {
font-size: .625rem
}
.hp-landing-offers .card-offer-vertical .card-price em,
.hp-landing-offers .card-offer-vertical .card-price span {
font-size: 1.5rem;
font-weight: 600
}
.hp-landing-offers .card-offer-vertical .actions-wrapper {
align-self: stretch;
margin-top: 1rem
}
.hp-landing-offers .card-offer-vertical .actions-wrapper .btn {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.hp-landing-offers .card-offer-vertical .actions-wrapper .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:991.98px) {
.hp-landing-offers .card-offer-vertical .actions-wrapper .btn {
width: auto
}
}
.hp-landing-offers .card-offer-horizontal {
height: 100%;
padding: 1.5rem;
color: #fff
}
@media(max-width:991.98px) {
.hp-landing-offers .card-offer-horizontal {
padding: 1.5rem
}
}
.hp-landing-offers .card-offer-horizontal .commerce-product-variation-prices {
color: inherit
}
.hp-landing-offers .card-offer-horizontal .card-title {
font-weight: 600;
flex: 1;
margin-bottom: .25rem
}
.hp-landing-offers .card-offer-horizontal .card-title-wrapper {
display: flex;
align-items: center;
justify-content: space-between
}
@media(max-width:991.98px) {
.hp-landing-offers .card-offer-horizontal .card-title-wrapper {
height: 50px
}
}
.hp-landing-offers .card-offer-horizontal .card-summary {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: .875rem
}
.hp-landing-offers .card-offer-horizontal .card-price {
font-size: .6875rem;
white-space: nowrap;
overflow: hidden
}
.hp-landing-offers .card-offer-horizontal .card-price em {
font-size: 1.25rem;
font-weight: 600
}
.hp-landing-offers .card-offer-horizontal .card-info {
display: flex;
align-items: center;
flex: 1
}
.hp-landing-offers .card-offer-horizontal .card-content-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 1rem
}
.hp-landing-offers .card-offer-horizontal .card-content-wrapper .card-visual {
height: 5.5rem;
width: 8rem;
display: block;
background-position: top;
background-size: cover;
margin-right: 1rem;
flex-shrink: 0
}
.hp-landing-offers .card-offer-horizontal .card-content-wrapper .actions-wrapper {
margin-left: .5rem;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: center
}
.hp-landing-offers .card-offer-horizontal .card-content-wrapper .actions-wrapper .btn {
height: 2.375rem;
padding: .25rem 2rem
}
.hp-landing-offers .card-offer-horizontal .card-content-wrapper .actions-wrapper .btn.btn-primary {
display: inline-flex;
align-items: center;
margin-right: .5rem;
padding-left: 1rem;
padding-right: 1rem
}
.hp-landing-offers .card-offer-horizontal .card-content-wrapper .actions-wrapper .btn.btn-primary:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.hp-landing-offers-mobile {
width: 100%;
margin: 0 auto;
padding: 1.5rem 0
}
.hp-landing-offers-mobile .card-event {
margin: 0 .75rem
}
@media(max-width:575.98px) {
.hp-landing-offers-mobile .card-event {
margin: 0;
width: 100%
}
}
.hp-landing-offers-mobile .card-offer-vertical+.card-offer-vertical {
margin-top: 1.5rem
}
.hp-landing-offers-mobile .slick-arrow {
display: none !important
}
.hp-landing-offers-mobile .slick-slider.vertical-offers-only {
margin-bottom: 2.5rem;
background-color: var(--hb-landing-offer-background-color)
}
@media(max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.vertical-offers-only:has(.slick-list) {
background-color: rgba(0, 0, 0, 0)
}
}
@media(max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .slick-dots {
bottom: -0.625rem
}
}
@media(max-width:991.98px)and (max-width:575.98px) {
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .slick-dots {
bottom: -0.3125rem
}
}
@media(max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .field__item {
background-color: var(--hb-landing-offer-background-color);
border-radius: 1.5rem
}
}
@media(max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .card-price .price {
font-size: 2.25rem
}
}
@media(max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .card-title {
font-size: 1.25rem
}
}
@media(max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .card-price em {
font-size: 2.25rem
}
}
@media(max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .card-offer-vertical {
text-align: left
}
}
@media(max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .card-summary {
font-size: 1rem;
height: 52px;
margin-bottom: 0
}
}
@media(max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .card-background-image {
display: none
}
}
@media(max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .commerce-product-variation-prices {
padding-bottom: 0;
justify-content: flex-start;
margin-top: .1875rem
}
}
@media(max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .actions-wrapper {
margin-top: .75rem
}
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .actions-wrapper a {
width: 100%
}
}
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .actions-wrapper .btn-primary.available {
background-color: #fff !important;
border-color: #fff !important;
color: initial !important;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .actions-wrapper .btn-primary.available:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .slick-dots {
position: relative
}
@media(max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .slick-dots {
bottom: -0.625rem
}
}
@media(max-width:575.98px) {
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .slick-dots {
bottom: -0.3125rem
}
}
.hp-landing-offers-mobile .slick-slider.vertical-offers-only .slick-dots li button:before {
color: var(--hb-cta-primary)
}
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only {
background-color: var(--hb-landing-offer-background-color)
}
@media(min-width:576px)and (max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only {
background-color: rgba(0, 0, 0, 0)
}
}
@media(max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only {
border-radius: 1.5rem;
padding-bottom: 1.875rem
}
}
@media(max-width:575.98px) {
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only {
padding-bottom: 0
}
}
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .actions-wrapper .btn-primary:before {
content: ""
}
@media(max-width:575.98px) {
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .actions-wrapper {
width: 100%;
margin-left: 0;
margin-top: .5rem
}
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .actions-wrapper a {
width: 100%
}
}
@media(max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .card-title {
font-size: 1.25rem
}
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .card-visual {
display: none
}
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .card-content-wrapper {
flex-direction: column;
margin-top: 0;
height: 160px
}
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .card-summary {
margin-bottom: 0;
font-size: 1rem
}
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .card-offer-horizontal .card-info {
margin-bottom: 0
}
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .card-price {
bottom: 70px;
position: absolute
}
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .card-price .commerce-product-variation-prices {
padding-bottom: 0
}
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .card-price .placeholder {
font-size: 2.25rem
}
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .price {
font-size: 2.25rem
}
}
@media(max-width:991.98px)and (max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .slick-dots {
bottom: -0.625rem
}
}
@media(max-width:991.98px)and (max-width:575.98px) {
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .slick-dots {
bottom: -1.5625rem
}
}
@media(max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .slick-dots li button:before {
color: var(--hb-cta-primary) !important
}
}
@media(max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .actions-wrapper {
width: 100%;
margin-top: 1.875rem
}
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .actions-wrapper .sale-btn a {
margin-top: 0;
height: 3rem
}
}
@media(max-width:991.98px) {
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .card-offer-horizontal .card-info {
align-items: flex-start;
text-align: left;
flex: 1;
width: 100%
}
}
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .card-sport {
margin-top: .75rem
}
.hp-landing-offers-mobile .actions-wrapper .btn {
width: 100%;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.hp-landing-offers-mobile .actions-wrapper .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(min-width:1792px) {
.has-featured-top .featured-top:where(.has-featured-top .featured-top) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.has-featured-top .featured-top:where(.has-featured-top .featured-top) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.has-featured-top .featured-top:where(.has-featured-top .featured-top) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.has-featured-top .featured-top:where(.has-featured-top .featured-top) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.has-featured-top .featured-top:where(.has-featured-top .featured-top) {
padding-left: 1rem;
padding-right: 1rem
}
}
@media(min-width:992px) {
.has-featured-top .featured-top {
position: fixed;
z-index: 0;
width: 100vw;
left: 0;
right: 0
}
}
@media(min-width:992px) {
.has-featured-top .layout-main-wrapper {
margin-top: 44rem;
z-index: 1;
position: relative
}
.has-featured-top .featured-bottom .container-fluid,
.has-featured-top .featured-bottom .container-sm,
.has-featured-top .featured-bottom .container-md,
.has-featured-top .featured-bottom .container-lg,
.has-featured-top .featured-bottom .container-hd,
.has-featured-top .featured-bottom .container-xl,
.has-featured-top .featured-bottom .container-xxl,
.has-featured-top .featured-bottom .container-xxxl {
padding-inline: 0
}
}
.participants-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: .5rem
}
.participants-wrapper .participant {
height: 100%;
flex: 1;
display: flex;
align-items: center;
justify-content: center
}
.participants-wrapper .participant .logo {
height: 100%;
max-width: 6rem
}
.participants-wrapper .participant .logo img {
height: 100%;
max-height: 100% !important;
max-width: 100% !important;
min-width: auto;
width: 100%;
margin: 0
}
.participants-wrapper .separator {
font-size: 0;
position: relative;
margin: 0 .5rem
}
.participants-wrapper .separator:before {
content: "";
display: block;
background-color: #fff;
height: 18px;
width: 18px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 100%
}
.participants-wrapper .separator:after {
content: "";
background-image: url(/themes/custom/hubber_reference8/images/vs_dark.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
height: 45px;
width: 24px;
display: block;
z-index: 1;
position: relative
}
.participants-wrapper .separator.dark:before {
background-color: #263140
}
.participants-wrapper .separator.dark:after {
background-image: url(/themes/custom/hubber_reference8/images/vs_white.svg)
}
.block-partner-block {
padding-block: 3rem
}
.block-partner-block h2,
.block-partner-block .h2 {
text-align: center;
font-size: 2rem;
font-weight: 600
}
.block-partner-block .title {
text-align: center;
font-size: 1rem;
font-weight: normal;
text-transform: uppercase
}
.block-partner-block .content {
width: 100%
}
.block-partner-block .wrapper-partners:not(.slick-slide) {
margin-bottom: 1.5rem
}
.block-partner-block .wrapper-partners:first-child .partners {
max-width: unset
}
.block-partner-block .wrapper-partners:first-child .partners img {
max-width: 130px;
height: auto;
width: auto
}
.block-partner-block .wrapper-partners .partners-li {
display: flex;
align-items: center;
justify-content: center
}
.block-partner-block .wrapper-partners .partners img {
width: auto;
height: auto;
max-height: 3rem
}
.block-partner-block .partners {
display: flex;
flex-wrap: wrap;
justify-content: center
}
.block-partner-block .partners-li {
padding: .75rem
}
@media(max-width:767.98px) {
.block-partner-block .partners-li {
display: flex;
align-items: center
}
}
.block-partner-block .slick-slider .slick-slide img {
margin: 0 auto
}
.block-partner-block .slick-slider .slick-arrow {
height: unset;
width: unset
}
.block-partner-block .slick-slider .slick-arrow:before {
content: "";
font-family: "hubber8";
height: 3.75rem;
width: 2rem;
background-color: #fff;
color: red;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
border-radius: .5rem
}
.block-partner-block .slick-slider .slick-arrow.slick-prev {
left: 0
}
.block-partner-block .slick-slider .slick-arrow.slick-next {
right: 0
}
.block-partner-block .slick-slider .slick-arrow.slick-next:before {
transform: rotate(180deg)
}
.checkout-pane-payment-process {
max-width: 20.5rem;
margin: 0 auto
}
.payment-form .PaylineWidget .pl-wallet-layout,
.checkout-pane-payment-process .PaylineWidget .pl-wallet-layout {
border-color: #dee2e6;
background-color: #fff;
border-radius: .5rem;
padding: 1.5rem;
box-shadow: 0px 1.5px 3px rgba(0, 0, 0, .05)
}
.payment-form .PaylineWidget .pl-wallet-layout .pl-walletrow,
.checkout-pane-payment-process .PaylineWidget .pl-wallet-layout .pl-walletrow {
display: flex;
align-items: center;
flex-direction: column
}
.payment-form .PaylineWidget .pl-wallet-layout .pl-walletrow .pl-message,
.checkout-pane-payment-process .PaylineWidget .pl-wallet-layout .pl-walletrow .pl-message {
flex: 1;
margin-bottom: 0
}
.payment-form .PaylineWidget .pl-wallet-layout .pl-wallets-title,
.checkout-pane-payment-process .PaylineWidget .pl-wallet-layout .pl-wallets-title {
padding: 0;
border-bottom: 0;
color: #000
}
.payment-form .PaylineWidget .pl-wallet-layout .pl-wallets,
.checkout-pane-payment-process .PaylineWidget .pl-wallet-layout .pl-wallets {
padding: 0
}
.payment-form .PaylineWidget .pl-wallet-layout .pl-container-title,
.checkout-pane-payment-process .PaylineWidget .pl-wallet-layout .pl-container-title {
font-size: 1rem;
font-weight: 700;
text-transform: uppercase
}
.payment-form .PaylineWidget .pl-wallet-layout .pl-pay-btn-super-container,
.checkout-pane-payment-process .PaylineWidget .pl-wallet-layout .pl-pay-btn-super-container {
text-align: left;
margin-top: 1rem
}
.payment-form .PaylineWidget .pl-wallet-layout .pl-pay-btn-super-container .pl-pay-btn,
.checkout-pane-payment-process .PaylineWidget .pl-wallet-layout .pl-pay-btn-super-container .pl-pay-btn {
margin-left: 0
}
.payment-form .PaylineWidget .pl-wallet-layout .pl-pay-btn-container,
.checkout-pane-payment-process .PaylineWidget .pl-wallet-layout .pl-pay-btn-container {
margin: 0;
overflow: unset;
max-height: unset !important
}
.payment-form .PaylineWidget .pl-wallet-layout .pl-pay-btn,
.checkout-pane-payment-process .PaylineWidget .pl-wallet-layout .pl-pay-btn {
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
border-radius: 9px;
text-transform: unset;
margin: 0
}
@media(min-width:768px) {
.payment-form .PaylineWidget .pl-wallet-layout .pl-pay-btn,
.checkout-pane-payment-process .PaylineWidget .pl-wallet-layout .pl-pay-btn {
display: inline-flex
}
}
.payment-form .PaylineWidget .pl-wallet-layout .pl-pay-btn:hover,
.checkout-pane-payment-process .PaylineWidget .pl-wallet-layout .pl-pay-btn:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.payment-form .PaylineWidget .pl-wallet-layout .pl-pay-btn:hover,
.checkout-pane-payment-process .PaylineWidget .pl-wallet-layout .pl-pay-btn:hover {
background-color: #1882ff
}
.payment-form .PaylineWidget .pl-layout,
.checkout-pane-payment-process .PaylineWidget .pl-layout {
border: 1px solid #dee2e6;
background-color: #fff;
border-radius: .5rem;
padding: 1.5rem;
box-shadow: 0px 1.5px 3px rgba(0, 0, 0, .05)
}
.payment-form .PaylineWidget .pl-layout .pl-tab,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-tab {
border: 0;
background: rgba(0, 0, 0, 0);
margin: 0 auto
}
.payment-form .PaylineWidget .pl-layout .pl-tab .pl-card-logos,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-tab .pl-card-logos {
padding: 0;
display: flex
}
.payment-form .PaylineWidget .pl-layout .pl-tab .pl-card-logos span,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-tab .pl-card-logos span {
margin-right: .75rem
}
.payment-form .PaylineWidget .pl-layout .pl-paymentMethods,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-paymentMethods {
border: 0;
background-color: #fff;
top: 0
}
.payment-form .PaylineWidget .pl-layout .pl-pmContainer,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-pmContainer {
background-color: #fff;
margin: 0
}
.payment-form .PaylineWidget .pl-layout .pl-pmContainer .pl-cardTypeIconContainer,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-pmContainer .pl-cardTypeIconContainer {
height: 34px;
width: 50px
}
.payment-form .PaylineWidget .pl-layout .pl-pmContainer .pl-cardTypeIconContainer .pl-altNetworkArrow,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-pmContainer .pl-cardTypeIconContainer .pl-altNetworkArrow {
border-left: 4px solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
border-top: 6px solid #000;
top: 16px;
left: unset;
right: 2px
}
.payment-form .PaylineWidget .pl-layout .pl-paymentMethod-view,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-paymentMethod-view {
padding: 0
}
.payment-form .PaylineWidget .pl-layout .pl-input,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-input {
border: 1px solid #dee2e6
}
.payment-form .PaylineWidget .pl-layout .pl-pay-btn,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-pay-btn {
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
margin: 0;
border-radius: 9px;
text-transform: unset
}
@media(min-width:768px) {
.payment-form .PaylineWidget .pl-layout .pl-pay-btn,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-pay-btn {
display: inline-flex
}
}
.payment-form .PaylineWidget .pl-layout .pl-pay-btn:hover,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-pay-btn:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.payment-form .PaylineWidget .pl-layout .pl-pay-btn:hover,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-pay-btn:hover {
background-color: #1882ff
}
.payment-form .PaylineWidget .pl-layout .pl-pay-btn-container,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-pay-btn-container {
margin: 0;
display: block
}
.payment-form .PaylineWidget .pl-layout .pl-remember-container,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-remember-container {
padding-left: 2.25rem !important;
position: relative
}
.payment-form .PaylineWidget .pl-layout .pl-remember-container .pl-remember-text:before,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-remember-container .pl-remember-text:before {
position: absolute;
top: .5rem;
left: 0;
display: block;
width: 1.5rem;
height: 1.5rem;
content: "";
background-color: #fff;
border: 1px solid #76818d;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1);
border-radius: .1875rem
}
.payment-form .PaylineWidget .pl-layout .pl-remember-container input:checked~.pl-remember-text,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-remember-container input:checked~.pl-remember-text {
color: inherit
}
.payment-form .PaylineWidget .pl-layout .pl-remember-container input:checked~.pl-remember-text:before,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-remember-container input:checked~.pl-remember-text:before {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1)
}
.payment-form .PaylineWidget .pl-layout .pl-remember-container input:checked~.pl-remember-text:after,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-remember-container input:checked~.pl-remember-text:after {
position: absolute;
display: block;
width: auto;
height: auto;
content: "";
font-family: "hubber8";
background-color: #1882ff;
color: #fff;
line-height: 1;
font-size: 1.5rem;
left: 0;
top: .5rem;
border-radius: 3px
}
.payment-form .PaylineWidget .pl-layout .pl-remember-container .pl-remember-text,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-remember-container .pl-remember-text {
font-weight: normal;
text-transform: none;
font-size: .875rem;
color: #000
}
.payment-form .PaylineWidget .pl-layout .pl-remember-container input[type=checkbox],
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-remember-container input[type=checkbox] {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0;
margin-top: 0;
margin-left: 0
}
.PaylineWidget [class*=" pl-icon-"]:not(.pl-icon-warning) {
font-family: "hubber8" !important;
color: #76818d;
font-size: 1.5rem
}
.PaylineWidget [class*=" pl-icon-"]:not(.pl-icon-warning).pl-icon-credit-card:before {
content: ""
}
.PaylineWidget [class*=" pl-icon-"]:not(.pl-icon-warning).pl-icon-date:before {
content: ""
}
.PaylineWidget [class*=" pl-icon-"]:not(.pl-icon-warning).pl-icon-cvv:before {
content: "" !important
}
.PaylineWidget [class*=" pl-icon-"]:not(.pl-icon-warning).pl-icon-star:before {
content: "" !important
}
.PaylineWidget [class*=" pl-icon-"]:not(.pl-icon-warning).pl-icon-garbage:before {
content: "" !important
}
.PaylineWidget [class*=" pl-icon-"]:not(.pl-icon-warning).pl-icon-arrow:before {
content: "" !important
}
.PaylineWidget .pl-paymentMethodLayout-view .pl-pmContainer .pl-form-control-addon.pl-icon-credit-card,
.PaylineWidget .pl-paymentMethodLayout-view .pl-pmContainer .pl-form-control-addon.pl-icon-date,
.PaylineWidget .pl-paymentMethodLayout-view .pl-pmContainer .pl-form-control-addon.pl-icon-cvv {
top: 0
}
.PaylineWidget .pl-paymentMethodLayout-view .pl-pmContainer .pl-form-control-addon:before {
font-size: 1.563rem
}
.block-hubber-slider,
.hp-landing-offers {
padding-inline: 0 !important
}
@media(min-width:1792px) {
.block-hubber-slider .block-content-highlighted_offers_block,
.hp-landing-offers .block-content-highlighted_offers_block {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.block-hubber-slider .block-content-highlighted_offers_block,
.hp-landing-offers .block-content-highlighted_offers_block {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.block-hubber-slider .block-content-highlighted_offers_block,
.hp-landing-offers .block-content-highlighted_offers_block {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.block-hubber-slider .block-content-highlighted_offers_block,
.hp-landing-offers .block-content-highlighted_offers_block {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.block-hubber-slider .block-content-highlighted_offers_block,
.hp-landing-offers .block-content-highlighted_offers_block {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
.block-hubber-slider .field--name-field-parag-description,
.hp-landing-offers .field--name-field-parag-description {
width: 66.66% !important;
padding: 0 3.75rem;
max-height: 100vh;
min-height: 10px;
position: absolute;
bottom: 5rem;
transform: none;
left: 0;
top: auto;
right: auto
}
@media(max-width:767.98px) {
.block-hubber-slider .field--name-field-parag-description,
.hp-landing-offers .field--name-field-parag-description {
width: 100% !important;
margin: 0 !important;
padding: 0 1rem;
bottom: 1rem
}
.block-hubber-slider .field--name-field-parag-description span,
.hp-landing-offers .field--name-field-parag-description span {
font-size: 24px !important
}
}
.block-hubber-slider .slick-arrow,
.hp-landing-offers .slick-arrow {
position: absolute;
z-index: 1;
height: 3rem;
width: 3rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
border: 1px solid rgba(255, 255, 255, .3);
background-color: rgba(0, 0, 0, .15);
bottom: 3.75rem;
right: 7.75rem;
left: auto;
transform: none;
top: auto
}
@media(max-width:991.98px) {
.block-hubber-slider .slick-arrow,
.hp-landing-offers .slick-arrow {
bottom: 1rem;
right: 5rem
}
}
.block-hubber-slider .slick-arrow:before,
.hp-landing-offers .slick-arrow:before {
opacity: 1;
color: #fff;
font-family: "hubber8";
content: "";
font-size: 1.5rem
}
.block-hubber-slider .slick-arrow:hover,
.hp-landing-offers .slick-arrow:hover {
background-color: rgba(0, 0, 0, .2)
}
.block-hubber-slider .slick-arrow.slick-next,
.hp-landing-offers .slick-arrow.slick-next {
right: 3.75rem
}
@media(max-width:991.98px) {
.block-hubber-slider .slick-arrow.slick-next,
.hp-landing-offers .slick-arrow.slick-next {
right: 1rem
}
}
.block-hubber-slider .slick-arrow.slick-next:before,
.hp-landing-offers .slick-arrow.slick-next:before {
display: block;
transform: rotate(180deg)
}
.block-hubber-slider .slick-arrow.slick-pause,
.hp-landing-offers .slick-arrow.slick-pause {
right: 11.75rem
}
@media(max-width:991.98px) {
.block-hubber-slider .slick-arrow.slick-pause,
.hp-landing-offers .slick-arrow.slick-pause {
right: 9rem
}
}
.block-hubber-slider .slick-arrow.slick-pause:before,
.hp-landing-offers .slick-arrow.slick-pause:before {
display: block;
content: "⏸"
}
.block-hubber-slider .slick-slide,
.block-hubber-slider .slide,
.hp-landing-offers .slick-slide,
.hp-landing-offers .slide {
position: relative
}
.block-hubber-slider picture,
.hp-landing-offers picture {
overflow: hidden
}
.block-hubber-slider picture img,
.hp-landing-offers picture img {
width: 100% !important;
height: auto;
margin-bottom: 0
}
@media(min-width:992px) {
.block-hubber-slider picture.slick-slide img,
.hp-landing-offers picture.slick-slide img {
min-height: 32.5rem;
max-height: unset
}
}
.block-hubber-slider .field--type-text-long,
.hp-landing-offers .field--type-text-long {
color: inherit
}
@media(max-width:991.98px) {
.block-hubber-slider .field--type-text-long,
.hp-landing-offers .field--type-text-long {
margin: 0 1.5rem
}
}
@media(min-width:992px) {
.block-hubber-slider .field--type-text-long,
.hp-landing-offers .field--type-text-long {
width: 71.5rem
}
}
.block-hubber-slider .participants-wrapper,
.hp-landing-offers .participants-wrapper {
gap: 0
}
@media(max-width:991.98px) {
.block-hubber-slider .participants-wrapper,
.hp-landing-offers .participants-wrapper {
display: none
}
}
.block-hubber-slider .participants-wrapper .participant .logo,
.hp-landing-offers .participants-wrapper .participant .logo {
max-width: 4rem
}
.block-hubber-slider .participants-wrapper .participant.first,
.hp-landing-offers .participants-wrapper .participant.first {
z-index: 1
}
.block-hubber-slider .participants-wrapper .participant.second,
.hp-landing-offers .participants-wrapper .participant.second {
margin-left: -1rem;
margin-right: 1rem
}
.block-hubber-slider .participants-wrapper .separator,
.hp-landing-offers .participants-wrapper .separator {
display: none
}
.slick-dotted .slick-dots li button:before {
content: "○";
font-size: 1rem
}
.slick-dotted .slick-dots li.slick-active button:before {
content: "●";
color: #1882ff;
opacity: 1
}
.slick-slider .slick-arrow {
z-index: 1
}
.slick-slider .slick-arrow.slick-disabled {
opacity: 0
}
@keyframes mask {
0% {
background: #76818d;
-webkit-transform: rotate(0deg)
}
50% {
background: #76818d;
-webkit-transform: rotate(-180deg)
}
50.01% {
background: #f6f8f9;
-webkit-transform: rotate(0deg)
}
100% {
background: #f6f8f9;
-webkit-transform: rotate(-180deg)
}
}
.slick-slider .slick-arrow .timer {
background: -webkit-linear-gradient(left, #F6F8F9 50%, #76818D 50%);
background: linear-gradient(left, #F6F8F9 50%, #76818D 50%);
border-radius: 100%;
height: 3rem;
width: 3rem;
position: absolute;
animation: time calc(var(--duration)*1s) steps(1000, start) infinite;
-webkit-animation: time calc(var(--duration)*1s) steps(1000, start) infinite;
-webkit-mask: radial-gradient(transparent 65%, #000000 50%);
mask: radial-gradient(transparent 65%, #000000 50%)
}
.slick-slider .slick-arrow .mask {
border-radius: 100% 0 0 100%/50% 0 0 50%;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 50%;
animation: mask calc(var(--duration)*1s) steps(500, start) infinite;
-webkit-animation: mask calc(var(--duration)*1s) steps(500, start) infinite;
-webkit-transform-origin: 100% 50%
}
.bill-split-wrapper {
background: #fff;
box-shadow: inset 0px -1px 0px #d9dde2;
padding: 24px;
border-radius: 8px
}
.bill-split-wrapper .slider-info-min {
font-size: 12px;
color: #76818d;
padding: 0
}
.bill-split-wrapper .add-guest-link {
margin: 24px 0px;
width: 100%;
text-align: left;
background: #f7f9fa;
border-radius: 8px;
height: 50px;
color: #000;
text-transform: capitalize;
font-weight: normal;
padding-left: 60px;
position: relative;
display: flex;
align-items: center;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.bill-split-wrapper .add-guest-link:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.bill-split-wrapper .add-guest-link span {
text-decoration: underline
}
.bill-split-wrapper .add-guest-link:hover span {
text-decoration: none
}
.bill-split-wrapper h5,
.bill-split-wrapper .h5 {
font-weight: bold;
font-size: 16px;
color: 0
}
.bill-split-wrapper .bill-split-info {
display: block;
margin-bottom: 10px;
font-weight: normal;
font-size: 14px
}
.bill-split-wrapper .bill-split-sliders-wrapper .slider-info-slider {
padding-right: 0;
margin-right: 10px
}
.bill-split-wrapper .bill-split-sliders-wrapper .slider-info-slider .split-slider {
height: 4px
}
@media(min-width:992px) {
.bill-split-wrapper .bill-split-sliders-wrapper .slider-info-slider {
max-width: 20%
}
}
@media(max-width:991.98px) {
.bill-split-wrapper .bill-split-sliders-wrapper .slider-info-slider {
flex: 0 0 calc(100% - 3rem);
max-width: unset;
margin: 1rem
}
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider {
background: #f7f9fa;
border-radius: .5rem
}
@media(min-width:768px) {
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider {
min-height: 50px;
height: auto;
padding: 15px 0px
}
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider span.ui-state-default {
width: 24px;
height: 24px;
border-radius: 50px;
top: -11px
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider span.ui-state-default.ui-state-focus,
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider span.ui-state-default.ui-state-active {
background: #f7f9fa;
border: 1px solid #d9dde2;
color: #d9dde2;
outline-color: unset
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider .ui-slider-range-min {
background: #1882ff
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer span.ui-slider-handle:before {
font-family: "hubber8";
content: "";
position: relative;
top: -2px;
left: 3px;
color: #000
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer .ui-slider-range-min {
background: #d9dde2
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer .row {
align-items: center;
height: 100%;
justify-content: space-between
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer .row .slider-info-name {
align-items: center;
display: flex;
font-weight: 800;
font-size: 14px;
line-height: 1;
color: #000
}
@media(min-width:768px) {
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer .row .slider-info-name {
max-width: 22%
}
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer .row .slider-info-name:before {
content: "";
font-family: "hubber8";
color: #76818d;
margin: 0 17px;
font-size: 27px
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer .row .slider-info-total {
font-weight: 700;
min-width: 140px;
color: #000
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer .row .slider-info-total .total-label {
margin-right: 10px;
font-size: 14px
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer .row .slider-info-total .total-value {
font-weight: 900;
font-size: 16px
}
@media(min-width:768px) {
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .row.slider-info {
align-items: center;
height: 100%;
justify-content: space-between
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .row.slider-info .col-3.slider-info-guest {
display: flex;
align-items: center;
font-size: 14px;
max-width: 22%;
list-style: 1
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .row.slider-info .col-3.slider-info-guest .guest-name {
align-items: center;
display: flex;
font-weight: 800;
color: #000;
text-transform: lowercase
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .row.slider-info .col-3.slider-info-guest .guest-name:before {
content: "";
font-family: "hubber8";
color: #76818d;
margin: 0 17px;
font-size: 27px
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .row.slider-info .col-3.slider-info-guest button.edit-guest-trigger {
font-size: 0;
background: rgba(0, 0, 0, 0);
padding: 0 0px 0 20px;
border: none
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .row.slider-info .col-3.slider-info-guest button.edit-guest-trigger:before {
color: #76818d;
font-size: 28px;
font-family: "hubber8";
content: "";
cursor: pointer;
pointer-events: all;
border-radius: 50px
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .row.slider-info .col-3.slider-info-guest button.edit-guest-trigger:hover {
box-shadow: none
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .row.slider-info .slider-info-amount {
display: flex;
height: 38px;
align-items: center;
padding: 0
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .row.slider-info .slider-info-amount input {
background: #fff;
border: 1px solid #76818d;
box-sizing: border-box;
box-shadow: 0px 12px 24px rgba(0, 0, 0, .03), 0px 7.5px 15px rgba(0, 0, 0, .03), 0px 2.5px 5px rgba(0, 0, 0, .025), 0px 1.5px 3px rgba(0, 0, 0, .015);
border-radius: 5px;
text-align: center;
margin-right: 5px;
max-width: 50px
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .row.slider-info .slider-info-amount .guest-fee-info {
font-size: 12px;
color: #76818d
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .row.slider-info .slider-info-total {
font-weight: 700;
color: #000
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .row.slider-info .slider-info-total .total-label {
margin-right: 10px;
font-size: 14px
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .row.slider-info .slider-info-total .total-value {
font-weight: 900;
font-size: 16px
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .guest-info {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
width: 100%;
font-size: 14px
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .guest-info .guest-number {
display: flex;
align-items: center;
font-weight: 800;
color: #000
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .guest-info .guest-number:before {
content: "";
font-family: "hubber8";
color: #76818d;
margin: 0 17px;
font-size: 27px
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .guest-info .guest-lastname input,
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .guest-info .guest-firstname input,
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .guest-info .guest-email input {
height: 38px
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .guest-actions {
display: flex;
justify-content: space-between;
align-items: center
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .guest-actions button.save-guest-trigger {
padding: 0 10px;
background: #185bbf;
height: 38px;
color: #fff
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .guest-actions button.save-guest-trigger[disabled] {
background: #d2d2d2
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .guest-actions button.save-guest-trigger[disabled]+.remove-guest-trigger {
display: none
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .guest-actions button.remove-guest-trigger {
display: block;
font-size: 0;
background: rgba(0, 0, 0, 0);
border: none;
color: #76818d;
padding: .375rem .75rem
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .guest-actions button.remove-guest-trigger:before {
font-size: 18px;
font-family: "hubber8";
content: "";
cursor: pointer;
pointer-events: all;
border-radius: 50px;
color: #76818d
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .guest-actions button.remove-guest-trigger:hover {
background: red;
box-shadow: 1px 5px 16px gray
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .guest-actions button.remove-guest-trigger:hover:before {
color: #fff
}
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest span.ui-state-default {
border: 1px solid #1882ff
}
}
.stepper-wrapper {
padding: .5rem 0 0 0;
flex: 1;
display: flex;
align-items: center;
gap: .5rem
}
@media(min-width:992px) {
.stepper-wrapper {
padding: 1.5rem 0 0 0
}
.path-product-bundle-multi-steps--init .stepper-wrapper,
.page-order-confirm .stepper-wrapper,
.path-cart.layout-no-sidebars .stepper-wrapper {
max-width: unset;
padding-inline: 0
}
}
.stepper-wrapper .steps {
display: flex;
justify-content: space-between;
position: relative;
flex: 1
}
@media(min-width:992px) {
.stepper-wrapper .steps {
justify-content: space-around
}
}
.stepper-wrapper .step {
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-between;
align-items: center;
position: relative
}
.stepper-wrapper .step.passed .step-label,
.stepper-wrapper .step.current .step-label {
font-weight: 600
}
.stepper-wrapper .step.passed:before,
.stepper-wrapper .step.current:before {
content: "";
background-color: #1882ff;
width: 50%;
height: 2px;
position: absolute;
bottom: 7px;
left: 0
}
.stepper-wrapper .step.passed::after {
content: "";
background-color: #1882ff;
width: calc(50% - .5rem);
height: 2px;
position: absolute;
bottom: 7px;
right: 0
}
.stepper-wrapper .step.current:after,
.stepper-wrapper .step.togo:after {
content: "";
background-color: #ccd2d9;
width: calc(50% - .5rem);
height: 2px;
position: absolute;
bottom: 7px;
right: 0
}
.stepper-wrapper .step.current .step-label {
color: #1882ff
}
.stepper-wrapper .step.togo:before {
content: "";
background-color: #ccd2d9;
width: 50%;
height: 2px;
position: absolute;
bottom: 7px;
left: 0
}
.stepper-wrapper .step.togo .step-label {
color: #76818d;
font-weight: 400
}
.stepper-wrapper .step.togo .info {
cursor: default
}
.stepper-wrapper .step:nth-child(2) .custom-tooltip-content {
left: 50%;
transform: translateX(-50%)
}
.stepper-wrapper .step:nth-child(2) .custom-tooltip-content:before {
top: -6px;
transform: rotate(0)
}
.stepper-wrapper .step:first-child {
align-items: flex-start
}
.stepper-wrapper .step:first-child .step-label {
text-align: left
}
.stepper-wrapper .step:first-child:before {
height: 0
}
.stepper-wrapper .step:first-child:after {
width: calc(100% - 1rem)
}
.stepper-wrapper .step:last-of-type {
align-items: flex-end
}
.stepper-wrapper .step:last-of-type:before {
width: 100%
}
.stepper-wrapper .step:last-of-type:after {
background-color: rgba(0, 0, 0, 0)
}
.stepper-wrapper .step-label {
font-size: .625rem;
font-weight: 600;
margin-bottom: 8px;
text-align: center
}
@media(min-width:992px) {
.stepper-wrapper .step-label {
font-size: .75rem
}
}
.stepper-wrapper .step-label a {
color: inherit
}
.stepper-wrapper .step-infos,
.stepper-wrapper .step .info {
display: flex;
align-items: center;
justify-content: center
}
.stepper-wrapper .step .info {
border-radius: 1rem;
border: 2px solid #ccd2d9;
background-color: #fff;
height: 1rem;
width: 1rem;
position: relative;
z-index: 1
}
.stepper-wrapper .step .info:before {
margin-left: 0;
content: "";
font-size: 1rem
}
.stepper-wrapper .step .info.current {
border-color: #1882ff
}
.stepper-wrapper .step .info.selected,
.stepper-wrapper .step .info.passed {
background-color: var(--hb-cta-primary);
color: #fff;
border-color: var(--hb-cta-primary)
}
.stepper-wrapper .step .info.selected:before,
.stepper-wrapper .step .info.passed:before {
content: ""
}
.stepper-wrapper .step .multi-stepper-detail .info {
width: 3rem;
font-size: 12px;
font-weight: bold;
color: #76818d;
cursor: pointer;
display: inline-flex;
align-items: center
}
.stepper-wrapper .step .multi-stepper-detail .info:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.stepper-wrapper .step .multi-stepper-detail .info:after {
font-size: 1rem
}
.stepper-wrapper .step .multi-stepper-detail .info:before {
display: none
}
.stepper-wrapper .step.current .multi-stepper-detail .info.selected {
background-color: #fff;
color: #1882ff
}
.stepper-wrapper .step .js-information .js-info-details {
width: auto;
white-space: nowrap
}
.stepper-wrapper .step-infos>a:not(:first-child),
.stepper-wrapper .step-infos>.js-information:not(:first-child) {
margin-left: -4px
}
.stepper-wrapper .step .custom-tooltip-content:before {
left: 50%;
top: 25px;
transform: rotate(180deg) translateX(50%)
}
@media(max-width:1199.98px) {
.stepper-wrapper .step .step-label {
width: 68px;
margin-top: 20px
}
.stepper-wrapper .step.order_information .step-label {
margin-top: 0
}
}
.stepper-wrapper .cart_counter {
background: #fff;
padding-right: 8px;
border-radius: 8px;
margin-left: 8px;
border: 1px solid #e2e5e8;
min-width: 90px;
max-height: 2.75rem;
margin-top: 6px
}
.stepper-wrapper li {
display: flex
}
@media(min-width:992px) {
.breadcrumb-container {
display: flex;
position: relative
}
}
.breadcrumb-container+.section .ticket-content-wrapper.no-map {
padding-top: 0;
padding-bottom: 6rem
}
.breadcrumb-container+.section .ticket-content-wrapper.no-map .data-error-msg {
font-size: .75rem;
background-color: #c50808;
color: #fff;
line-height: 1;
display: flex;
align-items: center;
color: #c50808;
background: #fff4f4;
padding: .5rem;
border-top: 1px solid #c50808
}
.breadcrumb-container+.section .ticket-content-wrapper.no-map .data-error-msg:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
margin-right: .25rem
}
.breadcrumb-container--cart {
padding-top: 1.5rem;
font-size: .75rem;
font-weight: 600
}
.breadcrumb-container--cart .steps li {
position: relative;
align-items: center;
flex: 1
}
.breadcrumb-container--cart .steps li:before,
.breadcrumb-container--cart .steps li:after {
content: "";
width: 50%;
height: 2px;
background-color: #e2e5e8
}
.breadcrumb-container--cart .steps li:first-child:before,
.breadcrumb-container--cart .steps li:last-child:after {
background-color: rgba(0, 0, 0, 0)
}
.breadcrumb-container--cart .steps li a {
display: flex;
flex-direction: column;
align-items: center
}
.breadcrumb-container .steps .step:first-child .js-information .js-info-details {
top: -4rem;
left: 0
}
.step-product-info {
padding: 1rem 0;
display: flex;
align-items: center;
gap: 1rem
}
@media(min-width:992px) {
.step-product-info {
border-left: 1px solid #dee2e6;
width: 512px
}
}
@media(min-width:992px)and (min-width:1200px) {
.step-product-info {
width: 600px
}
}
.step-product-info .bundle-item-info-content {
text-align: left
}
.step-product-info .group-name {
font-size: .75rem;
color: #76818d
}
.step-product-info .product-name {
font-weight: 600;
display: flex;
flex-direction: column
}
.step-product-info .product-name .date-info {
font-size: .875rem
}
.step-product-info .step-nbr {
margin-left: auto;
color: #76818d
}
.step-product-info .step-nbr b {
color: initial;
font-weight: 600
}
.step-product-info .participants-wrapper .participant .logo {
max-width: 3rem
}
.cart-content .cart-product-bundle-info-title a {
color: initial
}
.cart-content .product-title,
.path-product-bundle-multi-steps .product-title {
display: flex;
align-items: center;
gap: .5rem
}
.cart-content .product-title .badge-resale,
.path-product-bundle-multi-steps .product-title .badge-resale {
padding: .25rem;
font-weight: 700;
font-family: "Bebas Neue";
letter-spacing: .05em;
display: inline-flex;
align-items: center;
transform: translateY(-2px);
border-radius: 3px
}
.cart-content .product-title a,
.path-product-bundle-multi-steps .product-title a {
color: initial;
font-weight: 600;
font-size: 1rem
}
.cart-content .bundle-item-info-title-wrapper>div,
.path-product-bundle-multi-steps .bundle-item-info-title-wrapper>div {
display: block;
font-size: 12px;
color: #76818d
}
.cart-content .bundle-item-info-title-wrapper>div .separator.d-lg-inline,
.path-product-bundle-multi-steps .bundle-item-info-title-wrapper>div .separator.d-lg-inline {
display: none !important
}
.cart-content .bundle-item-info-title-wrapper>div.product-title,
.path-product-bundle-multi-steps .bundle-item-info-title-wrapper>div.product-title {
font-size: 1rem;
font-weight: 600;
color: #263140
}
.cart-content .bundle-item-info-sup,
.path-product-bundle-multi-steps .bundle-item-info-sup {
font-size: 12px
}
.cart-content .bundle-item-info-seat,
.path-product-bundle-multi-steps .bundle-item-info-seat {
margin-top: .75rem;
font-size: 12px
}
.cart-content .bundle-item .bundle-item-info:not(:has(img)),
.path-product-bundle-multi-steps .bundle-item .bundle-item-info:not(:has(img)) {
align-items: center;
gap: 1rem;
display: flex
}
.cart-content .bundle-item .bundle-item-info:not(:has(img)):before,
.path-product-bundle-multi-steps .bundle-item .bundle-item-info:not(:has(img)):before {
content: "";
display: flex;
border-radius: .5rem;
background-color: #f2f4f5;
background-position: center;
height: 90px;
width: 10rem;
background-repeat: no-repeat;
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/billet.svg)
}
@media(max-width:767.98px) {
.cart-content .bundle-item .bundle-item-info:not(:has(img)):before,
.path-product-bundle-multi-steps .bundle-item .bundle-item-info:not(:has(img)):before {
width: 48px;
height: 48px
}
}
.cart-content .bundle-item-merchandising,
.path-product-bundle-multi-steps .bundle-item-merchandising {
display: flex;
gap: .5rem
}
@media(max-width:991.98px) {
.cart-content .bundle-item-merchandising,
.path-product-bundle-multi-steps .bundle-item-merchandising {
width: 100%
}
.cart-content .bundle-item-merchandising .cart-product-detail-info-container,
.path-product-bundle-multi-steps .bundle-item-merchandising .cart-product-detail-info-container {
display: flex;
gap: .75rem;
text-align: left
}
}
.cart-content .bundle-item-merchandising .cart-product-detail-image,
.cart-content .bundle-item-merchandising .cart-product-detail-image-mob,
.path-product-bundle-multi-steps .bundle-item-merchandising .cart-product-detail-image,
.path-product-bundle-multi-steps .bundle-item-merchandising .cart-product-detail-image-mob {
display: flex;
align-items: center;
justify-content: center;
max-width: 6rem;
width: 6rem
}
.cart-content .bundle-item-merchandising .cart-product-detail-image:not(:has(img)),
.cart-content .bundle-item-merchandising .cart-product-detail-image-mob:not(:has(img)),
.path-product-bundle-multi-steps .bundle-item-merchandising .cart-product-detail-image:not(:has(img)),
.path-product-bundle-multi-steps .bundle-item-merchandising .cart-product-detail-image-mob:not(:has(img)) {
display: none !important
}
@media(max-width:767.98px) {
.cart-content .bundle-item-merchandising .cart-product-detail-image,
.cart-content .bundle-item-merchandising .cart-product-detail-image-mob,
.path-product-bundle-multi-steps .bundle-item-merchandising .cart-product-detail-image,
.path-product-bundle-multi-steps .bundle-item-merchandising .cart-product-detail-image-mob {
max-width: 3rem
}
}
.cart-content .bundle-item-merchandising .cart-product-detail-info-title,
.path-product-bundle-multi-steps .bundle-item-merchandising .cart-product-detail-info-title {
font-weight: 600
}
.cart-content .bundle-item .bundle-item-info.bundle-item-ticketing:before,
.path-product-bundle-multi-steps .bundle-item .bundle-item-info.bundle-item-ticketing:before {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/billet.svg)
}
.cart-content .bundle-item .bundle-item-info.bundle-item-membership:before,
.path-product-bundle-multi-steps .bundle-item .bundle-item-info.bundle-item-membership:before {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/abo.svg)
}
.cart-content .bundle-item .bundle-item-info.bundle-item-merchandising:before,
.path-product-bundle-multi-steps .bundle-item .bundle-item-info.bundle-item-merchandising:before {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/merch.svg)
}
.cart-content .bundle-item .bundle-item-info.bundle-item-gift-card:before,
.path-product-bundle-multi-steps .bundle-item .bundle-item-info.bundle-item-gift-card:before {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/carte_cadeau.svg)
}
.cart-content .bundle-item .bundle-item-info.bundle-item-donation:before,
.path-product-bundle-multi-steps .bundle-item .bundle-item-info.bundle-item-donation:before {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/don.svg)
}
.path-product-bundle-multi-steps .product-list-groups {
overflow: auto;
margin-bottom: 0
}
@media(min-width:992px) {
.path-product-bundle-multi-steps .ticket-content-wrapper:not(.only-map) {
height: calc(100vh - 16rem)
}
}
@media(max-width:991.98px) {
.path-product-bundle-multi-steps .ticket-content {
overflow: auto
}
}
.path-product-bundle-multi-steps .bundle-details {
overflow: auto;
height: calc(100vh - 21rem)
}
@media(min-width:1792px) {
.path-product-bundle-multi-steps .bundle-details:where(.path-product-bundle-multi-steps .bundle-details) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.path-product-bundle-multi-steps .bundle-details:where(.path-product-bundle-multi-steps .bundle-details) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.path-product-bundle-multi-steps .bundle-details:where(.path-product-bundle-multi-steps .bundle-details) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.path-product-bundle-multi-steps .bundle-details:where(.path-product-bundle-multi-steps .bundle-details) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.path-product-bundle-multi-steps .bundle-details:where(.path-product-bundle-multi-steps .bundle-details) {
padding-left: 1rem;
padding-right: 1rem
}
}
.path-product-bundle-multi-steps .bundle-details .cart-product-bundle-info-title {
font-size: 1.75rem;
margin-top: 1rem
}
.path-product-bundle-multi-steps .bundle-details .bundle-sub-header {
background: #fff;
padding: 1rem 1.5rem;
border-radius: .5rem .5rem 0 0;
margin-bottom: 0;
border: 1px solid #dee2e6
}
.path-product-bundle-multi-steps .bundle-details .bundle-item {
background: #fff;
padding: 1rem 1.5rem;
border-inline: 1px solid #dee2e6;
position: relative;
margin-top: 0
}
@media(max-width:991.98px) {
.path-product-bundle-multi-steps .bundle-details .bundle-item {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: space-around;
text-align: center;
font-size: .875rem
}
.path-product-bundle-multi-steps .bundle-details .bundle-item:nth-last-child(2) .bundle-item-info:after {
display: none
}
}
.path-product-bundle-multi-steps .bundle-details .bundle-item:nth-last-child(2) {
border-radius: 0 0 .5rem .5rem;
border-bottom: 1px solid #dee2e6
}
.path-product-bundle-multi-steps .bundle-details .bundle-item .bundle-item-total-price {
font-weight: 600
}
.path-product-bundle-multi-steps .bundle-details .bundle-item .bundle-item-modify-link {
position: absolute;
right: 1.5rem;
top: 2.5rem
}
.path-product-bundle-multi-steps .bundle-details .bundle-item .bundle-item-modify-link a {
display: inline-flex;
align-items: center;
color: initial;
font-size: 0
}
.path-product-bundle-multi-steps .bundle-details .bundle-item .bundle-item-modify-link a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:991.98px) {
.path-product-bundle-multi-steps .bundle-details .bundle-item .bundle-item-info {
text-align: left;
position: relative;
flex: 0 0 90%
}
}
.path-product-bundle-multi-steps .bundle-details .bundle-item .seat-information {
color: initial
}
.path-product-bundle-multi-steps .bundle-details .bundle-header:last-child {
padding: 1rem 1.5rem;
border-top: 1px solid #dee2e6;
margin-top: 1rem
}
.path-product-bundle-multi-steps .bundle-details .bundle-header:last-child .bundle-details-header-quantity {
display: none !important
}
.path-product-bundle-multi-steps .bundle-details .bundle-header:last-child .bundle-details-header-price {
font-size: 1rem;
flex: 1
}
.path-product-bundle-multi-steps .bundle-details .bundle-header:last-child .bundle-details-header-price em {
font-size: 24px;
font-weight: 800
}
.path-product-bundle-multi-steps .form-actions {
margin: 1rem 0;
text-align: right
}
.path-product-bundle-multi-steps .cart-product-bundle-info-qty {
display: none
}
.path-product-bundle-multi-steps .cart-wrapper .reinsurance-container {
display: none !important
}
.path-product-bundle-multi-steps .cart-wrapper .cart-wrapper-footer {
position: relative;
box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, .1019607843)
}
.path-product-bundle-multi-steps .cart-wrapper .cart-wrapper-footer:before {
content: "";
position: absolute;
background-color: #dee2e6;
height: 3px;
left: 50%;
width: 24px;
top: 6px;
transform: translateX(-50%);
border-radius: 10px
}
.path-product-bundle-multi-steps.path-product-bundle-multi-steps--summary .bundle-details,
.path-product-bundle-multi-steps.path-product-bundle-multi-steps--summary .main-content {
height: auto !important
}
.path-product-bundle-multi-steps.path-product-bundle-multi-steps--summary .no-seat-info {
display: none
}
.path-product-bundle-multi-steps.path-product-bundle-multi-steps--summary .button--add-to-cart {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.path-product-bundle-multi-steps.path-product-bundle-multi-steps--summary .button--add-to-cart:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
[id^=hubber-bundle-multi-steps-reset-qty] h2,
[id^=hubber-bundle-multi-steps-reset-qty] .h2 {
font-size: 1rem
}
[id^=hubber-bundle-multi-steps-reset-qty] .btn {
font-family: "Poppins", Arial, Verdana, sans-serif
}
[id^=hubber-bundle-multi-steps-reset-qty] .btn.btn-primary {
float: right;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
[id^=hubber-bundle-multi-steps-reset-qty] .btn.btn-primary:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.path-product-bundle-multi-steps--product-selection .breadcrumb-container+.section .ticket-content-wrapper.no-map {
padding-bottom: 0
}
.path-product-bundle-multi-steps--product-selection .main-content {
height: auto !important
}
.path-product-bundle-multi-steps--init .ui-dialog-content>p {
font-weight: 600
}
.path-product-bundle-multi-steps--init .ui-dialog-content .form-item {
padding: 1rem;
background-color: #f6f8f9;
margin-bottom: .5rem
}
.path-product-bundle-multi-steps--init .ui-dialog-content .form-item legend {
border-bottom: 1px solid #dee2e6
}
.path-product-bundle-multi-steps--init .ui-dialog-content .form-item .fieldset-wrapper {
display: flex;
flex-wrap: wrap;
gap: .5rem
}
@media(max-width:991.98px) {
.path-product-bundle-multi-steps--init .ui-dialog-content .form-item .fieldset-wrapper {
flex-direction: column
}
}
.path-product-bundle-multi-steps--init .ui-dialog-content .category-availability-wrapper {
background: #fff;
border-radius: .5rem;
border: 1px solid #e2e5e8;
color: #3e4a58;
padding: 6px 12px;
font-size: .75rem;
display: flex;
gap: .5rem;
align-items: center
}
.path-product-bundle-multi-steps--init .ui-dialog-content .category-availability-wrapper span:first-child {
width: 6px;
display: inline-block;
height: 16px;
border-radius: 2rem
}
.path-product-bundle-multi-steps--init .ui-dialog-content .category-availability-wrapper .category-label {
font-weight: 600
}
.path-product-bundle-multi-steps--init .ui-dialog-content .category-availability-wrapper .category-availability {
color: #76818d
}
.modal-stepper-detail .product-detail {
background-color: #f6f8f9;
color: #76818d;
border-radius: .5rem;
padding: .5rem;
padding-right: 3rem;
font-weight: 600;
margin-bottom: .5rem;
line-height: 1.3;
position: relative;
display: flex;
flex-direction: row;
align-items: center;
gap: 1rem
}
@media(max-width:991.98px) {
.modal-stepper-detail .product-detail {
padding-right: 0
}
}
@media(max-width:991.98px) {
.modal-stepper-detail .product-detail .participants-logo-wrapper {
width: auto;
margin-right: 0
}
}
.modal-stepper-detail .product-detail.before {
background-color: #fff
}
.modal-stepper-detail .product-detail.before a {
color: #1882ff
}
.modal-stepper-detail .product-detail.before:before {
content: "";
background-color: #1882ff;
opacity: .1;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: .5rem;
pointer-events: none
}
.modal-stepper-detail .product-detail.before:after {
content: "";
display: flex;
position: absolute;
right: .5rem;
top: 50%;
height: 1.5rem;
width: 1.5rem;
background: #1882ff;
border-radius: 100%;
align-items: center;
justify-content: center;
transform: translateY(-50%);
color: #fff;
font-weight: normal;
font-family: "hubber8";
font-size: 1.5rem
}
.page-order-payment .stepper-wrapper .step-label,
.page-order-payment .stepper-wrapper .custom-tooltip .info {
cursor: default
}
.hubber-breadcrumb .stepper-wrapper .steps {
justify-content: space-between;
overflow: hidden
}
.hubber-breadcrumb .stepper-wrapper .steps:before {
content: "";
width: 100%;
height: 2px;
position: absolute;
background: #ccd2d9;
bottom: 7px
}
.hubber-breadcrumb .stepper-wrapper .steps li {
flex: unset
}
.hubber-breadcrumb .stepper-wrapper .steps li:first-child {
align-items: flex-start
}
.hubber-breadcrumb .stepper-wrapper .steps li:last-child {
align-items: flex-end
}
.hubber-breadcrumb .stepper-wrapper .steps li:before,
.hubber-breadcrumb .stepper-wrapper .steps li:after {
display: none
}
.hubber-breadcrumb .stepper-wrapper .steps li:not(:first-child).current:before {
display: block;
width: 100vw;
left: auto
}
.hubber-breadcrumb .stepper-wrapper .steps li:not(:first-child):not(:last-child).current:before {
right: 50%
}
@media(min-width:1792px) {
#hubber-bundle-multi-steps-confirm-form:where(#hubber-bundle-multi-steps-confirm-form) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
#hubber-bundle-multi-steps-confirm-form:where(#hubber-bundle-multi-steps-confirm-form) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
#hubber-bundle-multi-steps-confirm-form:where(#hubber-bundle-multi-steps-confirm-form) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
#hubber-bundle-multi-steps-confirm-form:where(#hubber-bundle-multi-steps-confirm-form) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
#hubber-bundle-multi-steps-confirm-form:where(#hubber-bundle-multi-steps-confirm-form) {
padding-left: 1rem;
padding-right: 1rem
}
}
@media(min-width:992px) {
.path-product-bundle-multi-steps--product-selection.page-product-ticketing .stepper-wrapper:has(+.step-product-info) {
padding-left: 2rem;
padding-right: 2rem
}
}
@media(max-width:991.98px) {
.path-product-bundle-multi-steps--product-selection.page-product-ticketing .stepper-wrapper:has(+.step-product-info) {
padding-left: 1rem;
padding-right: 1rem
}
}
.path-product-bundle-multi-steps--product-selection.page-product-ticketing .step-product-info {
padding-left: 1rem;
padding-right: 1rem
}
@media(min-width:992px) {
.path-product-bundle-multi-steps--product-selection .stepper-wrapper:has(+.step-product-info) {
padding-right: 2rem
}
.path-product-bundle-multi-steps--product-selection .step-product-info {
padding-left: 2rem
}
}
@media(min-width:1792px) {
.path-product-bundle-multi-steps--summary .stepper-wrapper:not(:has(+.step-product-info)):where(.path-product-bundle-multi-steps--summary .stepper-wrapper:not(:has(+.step-product-info))) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.path-product-bundle-multi-steps--summary .stepper-wrapper:not(:has(+.step-product-info)):where(.path-product-bundle-multi-steps--summary .stepper-wrapper:not(:has(+.step-product-info))) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.path-product-bundle-multi-steps--summary .stepper-wrapper:not(:has(+.step-product-info)):where(.path-product-bundle-multi-steps--summary .stepper-wrapper:not(:has(+.step-product-info))) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.path-product-bundle-multi-steps--summary .stepper-wrapper:not(:has(+.step-product-info)):where(.path-product-bundle-multi-steps--summary .stepper-wrapper:not(:has(+.step-product-info))) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.path-product-bundle-multi-steps--summary .stepper-wrapper:not(:has(+.step-product-info)):where(.path-product-bundle-multi-steps--summary .stepper-wrapper:not(:has(+.step-product-info))) {
padding-left: 1rem;
padding-right: 1rem
}
}
.page-order-confirm .breadcrumb-container--cart {
margin: 0 auto;
max-width: 100%
}
.breadcrumb {
font-size: 11px !important;
font-weight: 500;
padding: 8px 0;
flex-wrap: nowrap !important;
align-items: center;
min-height: 40px
}
@media(max-width:991.98px) {
.breadcrumb {
line-height: 12px
}
}
@media(min-width:992px) {
.breadcrumb {
padding-block: 16px;
font-size: .75rem !important
}
}
.breadcrumb-item {
display: flex;
align-items: center
}
.breadcrumb-item a {
text-decoration: none;
color: #263140;
font-weight: 500
}
.breadcrumb-item+.breadcrumb-item:before {
content: "";
height: 10px;
width: 6px;
padding-right: 0;
margin-right: .5rem;
flex-shrink: 0;
mask-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 4.88L1.12 0.5L0.25 1.38L3.75 4.88L0.25 8.38L1.13 9.25L5.5 4.88Z' fill='%23263140'/%3E%3C/svg%3E%0A");
background-color: var(--breadcrumb-separator-color, #263140)
}
.breadcrumb-item.active {
color: #b4bbc2
}
.breadcrumb-item:last-child {
font-weight: normal
}
.breadcrumb-item:last-child a {
color: #b4bbc2
}
.breadcrumb .js-see-more {
cursor: pointer
}
.breadcrumb .js-breadcrumb-popin {
background: #fff;
box-shadow: 3px 3px 8px 1px #ddd;
border-radius: 2px;
padding: 1rem
}
.breadcrumb .js-breadcrumb-popin .breadcrumb-item a {
font-weight: normal
}
.breadcrumb .js-breadcrumb-popin .breadcrumb-item a:hover {
text-decoration: underline
}
.breadcrumb .js-breadcrumb-popin .breadcrumb-item+.breadcrumb-item {
padding-left: 0;
padding-top: .5rem
}
.breadcrumb .js-breadcrumb-popin .breadcrumb-item:last-child a {
color: inherit
}
.path-sticker .breadcrumb .js-breadcrumb-popin .breadcrumb-item:last-child a:hover {
text-decoration: underline;
color: #1882ff
}
.btn.btn-filter {
border: 1px solid #dee2e6;
border-radius: 2rem;
text-transform: none;
margin-right: .75rem;
display: flex;
align-items: center;
overflow: hidden;
white-space: nowrap;
height: 3rem;
background-color: #f6f8f9;
font-size: 1rem
}
@media(min-width:992px) {
.btn.btn-filter {
padding-right: 2.5rem
}
}
.btn.btn-filter.selected {
color: #64bf18;
border-color: inherit
}
.btn.btn-filter:not(.selected):hover {
background-color: #fff;
box-shadow: 0 12px 24px rgba(0, 0, 0, .03), 0 7.5px 15px rgba(0, 0, 0, .03), 0 2.5px 5px rgba(0, 0, 0, .025), 0 1.5px 3px rgba(0, 0, 0, .015)
}
.btn.btn-filter em {
margin-right: .25rem
}
.btn.btn-more-filters {
width: auto;
height: 3rem;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #dee2e6;
background-color: #f6f8f9;
border-radius: 2rem;
font-size: 16px
}
@media(max-width:991.98px) {
.btn.btn-more-filters {
border-radius: 100%;
width: 3rem;
padding: 0
}
}
@media(max-width:991.98px) {
.btn.btn-more-filters {
border-radius: 100%;
font-size: 0;
width: 3rem;
padding: 0
}
}
.btn.btn-more-filters:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
font-weight: normal
}
@media(min-width:992px) {
.btn.btn-more-filters:before {
margin-left: 1rem;
order: 1
}
}
.btn.btn-more-filters.selected {
color: #64bf18;
border-color: inherit
}
.btn.btn-more-filters:not(.selected):hover {
background-color: #fff;
box-shadow: 0 12px 24px rgba(0, 0, 0, .03), 0 7.5px 15px rgba(0, 0, 0, .03), 0 2.5px 5px rgba(0, 0, 0, .025), 0 1.5px 3px rgba(0, 0, 0, .015)
}
.ticketing-filters>div:nth-child(3) .btn.btn-more-filters {
font-size: 0;
width: 3rem;
height: 3rem
}
.ticketing-filters>div:nth-child(3) .btn.btn-more-filters:before {
margin-left: 0 !important
}
.scroller {
display: none;
position: fixed;
right: 1rem;
bottom: 1rem;
z-index: 9999
}
@media(min-width:992px) {
.scrolled:not(.path-cart) .scroller {
display: block
}
}
.scroller .top {
display: flex;
align-items: center;
justify-content: center;
height: 2.5rem;
width: 2.5rem;
border-radius: .5rem;
background-color: #fff;
color: #1882ff;
cursor: pointer;
box-shadow: 0px 5px 24px rgba(0, 0, 0, .07), 0px 2px 15px rgba(0, 0, 0, .03), 0px 1px 5px rgba(0, 0, 0, .03), 0px 1px 3px rgba(0, 0, 0, .05)
}
.scroller .top:before {
content: "";
font-family: "hubber8";
transform: rotate(180deg);
font-size: 1.5rem;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center
}
.menu-opened .scroller {
filter: blur(2px);
-webkit-filter: blur(2px);
pointer-events: none
}
.btn {
font-size: .75rem;
font-weight: 600;
padding: .75rem 1.5rem;
border-radius: .5rem;
position: relative
}
.btn:disabled,
.btn.disabled {
background-color: #e2e5e8;
border-color: #e2e5e8;
color: #76818d;
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed !important
}
.btn:focus:not(:focus-visible) {
box-shadow: none
}
.btn:not(:disabled):not(.disabled):active {
box-shadow: none
}
.btn-default {
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none
}
@media(min-width:768px) {
.btn-default {
display: inline-flex
}
}
.btn-default:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.btn-lg,
.btn-group-lg>.btn {
height: 3rem
}
.btn-primary,
.ui-widget .btn-primary {
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none
}
@media(min-width:768px) {
.btn-primary,
.ui-widget .btn-primary {
display: inline-flex
}
}
.btn-primary:hover,
.ui-widget .btn-primary:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.btn-primary.disabled,
.btn-primary:disabled,
.ui-widget .btn-primary.disabled,
.ui-widget .btn-primary:disabled {
opacity: 1;
background-color: #e2e5e8 !important;
border-color: #e2e5e8 !important;
color: #76818d !important;
box-shadow: none !important;
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed !important
}
.btn-secondary {
align-items: center;
background-color: #fff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #1882ff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none
}
@media(min-width:768px) {
.btn-secondary {
display: inline-flex
}
}
.btn-secondary:hover {
background-color: #fff;
border-color: #1882ff;
color: #1882ff;
transform: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03)
}
.btn-secondary:focus {
background-color: rgba(0, 0, 0, 0)
}
.btn-tertiary {
border: 1px solid #dee2e6
}
.btn-tertiary:hover {
border-color: #1882ff;
background-color: #1882ff;
color: #1882ff
}
.btn-with-arrow {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.btn-with-arrow:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.btn-white-outline {
color: #fff;
border-color: #fff
}
.btn.quantity-minus::before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
color: inherit
}
.btn.quantity-minus.trash {
background-color: #fff
}
.btn.quantity-minus.trash:before {
content: "";
font-weight: normal
}
.btn.quantity-plus::before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
color: inherit
}
.btn-cancel {
font-size: .875rem;
text-decoration: underline;
cursor: pointer;
font-weight: normal;
padding-inline: 0
}
.btn-cancel:hover {
text-decoration: underline
}
.btn.unavailable:not(.clickable) {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed !important;
box-shadow: none !important;
transform: none !important
}
.btn-resale {
display: inline-flex;
align-items: center;
margin-right: .5rem;
color: #fff !important;
width: 100%
}
.btn-resale:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.btn-outline-light.unavailable:hover {
color: #fff
}
.btn-outline-primary {
background-color: rgba(0, 0, 0, 0) !important;
border: 1px solid #1882ff;
color: #1882ff
}
.btn-link.js-show-map-trigger {
display: inline-flex;
align-items: center;
margin-right: .5rem;
font-weight: normal;
padding-inline: 0
}
.btn-link.js-show-map-trigger:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.btn-link.js-show-map-trigger:after {
content: "";
position: absolute;
height: 1px;
right: 0;
left: 2rem;
background: #1882ff;
bottom: 1rem
}
.input-number-operators .operator.active:hover {
background-color: #1882ff;
color: #fff
}
.thumbnail-next-event-content.card-event:not(.card-sport) .filter {
font-size: .75rem;
font-weight: 700;
text-transform: uppercase;
font-family: "Bebas Neue";
letter-spacing: .05em
}
.thumbnail-next-event-content.card.has-filter .visual-bg {
height: 12rem;
padding-top: 1.5rem
}
.thumbnail-next-event-content.card.has-participants .visual-bg {
background-color: #f6f8f9
}
.thumbnail-next-event-content .thumbnail-next-event-content:has(>.filter) .visual-bg {
height: 12rem;
padding-top: 1.5rem
}
.thumbnail-next-event-content .badge {
position: absolute;
top: -0.75rem;
left: 50%;
transform: translateX(-50%);
text-transform: uppercase;
padding: 6px 8px;
z-index: 1;
letter-spacing: 1px;
font-family: "Bebas Neue", sans-serif;
height: auto
}
.thumbnail-next-event-content .info-wrapper {
font-size: .875rem
}
@media(max-width:991.98px) {
.thumbnail-next-event-content .info-wrapper {
flex: 0 0 25%
}
}
.thumbnail-next-event-content .info-wrapper .event,
.thumbnail-next-event-content .info-wrapper .event-additional {
text-transform: uppercase
}
.thumbnail-next-event-content .info-wrapper .event-label .filter:not(:first-child):before,
.thumbnail-next-event-content .info-wrapper .event-additional:not(:first-child):before {
content: "•";
margin: 0 .25rem;
color: inherit
}
.thumbnail-next-event-content .info-wrapper .date {
font-weight: 600
}
.thumbnail-next-event-content .info-wrapper .venue {
color: #76818d
}
.thumbnail-next-event-content .info-wrapper .price.override,
.thumbnail-next-event-content .info-wrapper .price em {
font-size: 1.125rem;
font-weight: 600;
line-height: 1
}
.thumbnail-next-event-content h3.title,
.thumbnail-next-event-content .title.h3 {
font-size: 1.125rem;
margin-bottom: 0;
font-weight: 600
}
.thumbnail-next-event-content .actions-wrapper .sale-btn .btn {
display: inline-flex;
align-items: center;
margin-right: .5rem;
width: 100%
}
.thumbnail-next-event-content .actions-wrapper .sale-btn .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.thumbnail-next-event-content .actions-wrapper .btn.login:before {
content: ""
}
.thumbnail-next-event-content .actions-wrapper .btn-show-details {
overflow: hidden;
white-space: nowrap;
font-size: 1rem;
padding-bottom: 0
}
.thumbnail-next-event-content .actions-wrapper .btn-show-details:hover span {
color: var(--hb-cta-primary);
transition: color .15s ease-in-out
}
.thumbnail-next-event-content .actions-wrapper .btn-show-details span {
text-decoration: underline;
font-weight: normal
}
.thumbnail-next-event-content .resale-btn {
margin-top: .5rem
}
.thumbnail-next-event-content .resale-btn .btn-resale {
display: inline-flex;
align-items: center;
margin-right: .5rem;
color: #fff;
width: 100%;
font-size: .75rem;
white-space: nowrap
}
.thumbnail-next-event-content .resale-btn .btn-resale:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.thumbnail-next-event-content .resale-btn .btn-resale.unavailable {
box-shadow: none !important;
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed;
color: #76818d !important
}
.thumbnail-next-event-content .btn-show-details {
color: inherit
}
.thumbnail-next-event-content img {
max-width: 100%;
height: auto;
width: auto
}
.thumbnail-next-event-content.color-ow .actions-wrapper .btn-show-details:hover span {
color: inherit
}
.card-event {
border-radius: .5rem;
box-shadow: 0 0 4px 0px rgba(0, 0, 0, .03), 0 1px 1px 0px rgba(0, 0, 0, .05);
background-color: #fff;
color: #263140;
position: relative;
justify-content: space-between;
min-width: 19.5rem;
border: 1px solid #e2e5e8
}
.card-event:hover {
border-color: var(--hb-cta-primary)
}
.card-event .commerce-product-variation-prices {
justify-content: center
}
.card-event .commerce-product-variation-prices .price {
font-size: 1.125rem;
margin-right: 0
}
.card-event.js-thumbnail-with-main-link {
cursor: pointer
}
.card-event.thumbnail-next-event-content {
min-width: unset;
height: 100%;
display: flex;
z-index: 0
}
@media(max-width:767.98px) {
.card-event.thumbnail-next-event-content {
height: auto
}
}
.manifestation-content .card-event.thumbnail-next-event-content,
.membership-list .card-event.thumbnail-next-event-content {
margin: .5rem .75rem;
border: 1px solid #dee2e6;
height: auto;
transition: border-color 200ms ease-in-out;
min-width: unset;
width: calc((1280px - var(--bs-gutter-x))/4 - 1.5rem)
}
@media(max-width:575.98px) {
.manifestation-content .card-event.thumbnail-next-event-content,
.membership-list .card-event.thumbnail-next-event-content {
width: calc(540px - var(--bs-gutter-x) - 1.5rem)
}
}
@media(max-width:767.98px) {
.manifestation-content .card-event.thumbnail-next-event-content,
.membership-list .card-event.thumbnail-next-event-content {
width: calc((720px - var(--bs-gutter-x))/2 - 1.5rem)
}
}
@media(max-width:991.98px) {
.manifestation-content .card-event.thumbnail-next-event-content,
.membership-list .card-event.thumbnail-next-event-content {
width: calc((960px - var(--bs-gutter-x))/3 - 1.5rem)
}
}
@media(max-width:1023.98px) {
.manifestation-content .card-event.thumbnail-next-event-content,
.membership-list .card-event.thumbnail-next-event-content {
width: calc(1024px - var(--bs-gutter-x) - 1.5rem)
}
}
@media(max-width:1199.98px) {
.manifestation-content .card-event.thumbnail-next-event-content,
.membership-list .card-event.thumbnail-next-event-content {
width: calc((1140px - var(--bs-gutter-x))/4 - 1.5rem)
}
}
@media(max-width:1439.98px) {
.manifestation-content .card-event.thumbnail-next-event-content,
.membership-list .card-event.thumbnail-next-event-content {
width: calc((1440px - var(--bs-gutter-x))/4 - 1.5rem)
}
}
@media(max-width:1791.98px) {
.manifestation-content .card-event.thumbnail-next-event-content,
.membership-list .card-event.thumbnail-next-event-content {
width: calc(1792px - var(--bs-gutter-x) - 1.5rem)
}
}
@media(max-width:575.98px) {
.manifestation-content .card-event.thumbnail-next-event-content,
.membership-list .card-event.thumbnail-next-event-content {
width: calc(100vw - var(--bs-gutter-x) - 1.5rem)
}
}
.manifestation-content .card-event.thumbnail-next-event-content:first-child,
.membership-list .card-event.thumbnail-next-event-content:first-child {
margin-left: 0
}
.manifestation-content .card-event.thumbnail-next-event-content.card-show,
.membership-list .card-event.thumbnail-next-event-content.card-show {
margin-bottom: 3rem
}
.manifestation-content .card-event.thumbnail-next-event-content:hover,
.membership-list .card-event.thumbnail-next-event-content:hover {
border-color: var(--hb-cta-primary)
}
.card-event>a {
color: inherit
}
.card-event .summary {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical
}
.card-event .visual-bg {
background-size: cover;
background-position: top center;
position: relative;
border-radius: .5rem .5rem 0 0
}
.card-event .visual-bg+.card-event-content {
margin-top: 0;
position: relative;
margin-bottom: auto
}
.card-event .visual-bg.no-gradient:after {
display: none
}
.card-event.has-participants .visual-bg {
background-position: initial
}
.card-event.dark {
background-color: #263140;
color: #fff
}
.card-event.dark .visual-bg:after {
background: linear-gradient(180deg, rgba(38, 49, 64, 0) 50%, #263140 100%)
}
.card-event .card-event-content {
border-radius: .5rem .5rem 0 0;
overflow: hidden;
margin-top: auto
}
.card-event .card-event-content h3,
.card-event .card-event-content .h3 {
margin-inline: 1rem;
font-size: 1.125rem;
font-weight: 600
}
.card-event .card-event-content h3:first-child,
.card-event .card-event-content .h3:first-child {
margin-top: 1rem
}
.card-event .info-wrapper {
display: flex;
flex-direction: column;
margin: 1rem;
position: relative;
gap: .25rem
}
.card-event .info-wrapper .price {
margin-right: 0
}
.card-event .actions-wrapper {
padding: 0 1rem 1rem
}
@media(min-width:992px) {
.card-event .actions-wrapper {
padding-bottom: 0
}
.card-event .actions-wrapper:last-child {
padding-bottom: 1rem
}
}
.card-event .btn-show-details {
font-size: .875rem;
font-weight: normal;
text-decoration: underline
}
.card-event .btn-show-details:hover {
color: var(--hb-cta-primary)
}
.card-event h3,
.card-event .h3 {
font-size: 1.125rem;
margin-bottom: 0;
font-weight: 600
}
.card-event.sticker .price {
font-size: 1.125rem
}
.card-event.card-show {
justify-content: flex-start
}
.card-event.card-show .visual-bg {
height: 17rem;
transition: all 300ms ease-out;
background-repeat: no-repeat
}
.card-event.card-show .actions-wrapper {
padding: 0
}
@media(max-width:991.98px) {
.card-event.card-show .actions-wrapper {
border-radius: 0 0 .5rem .5rem;
overflow: hidden
}
}
.card-event.card-show .actions-wrapper .btn {
border-radius: 0
}
.card-event.card-show .actions-wrapper .btn:not(.alerting-btn, .btn-resale, .available, .unavailable) {
display: inline-flex;
align-items: center;
margin-right: .5rem;
width: 100%
}
.card-event.card-show .actions-wrapper .btn:not(.alerting-btn, .btn-resale, .available, .unavailable):before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.card-event.card-show .actions-wrapper .resale-btn {
margin-top: 0
}
.card-event.card-show .actions-wrapper .resale-btn .btn-resale {
border-radius: 0 0 .5rem .5rem
}
.card-event.card-show .actions-wrapper .sale-btn:last-child .unavailable {
border-radius: 0 0 .5rem .5rem
}
.card-event.card-show .actions-wrapper .sale-btn .available {
border-radius: 0
}
.card-event.card-show .actions-wrapper .sale-btn:last-child .available {
border-radius: 0 0 .5rem .5rem
}
.card-event.card-show .actions-wrapper .alerting-btn:last-child .btn {
border-radius: 0 0 .5rem .5rem
}
.card-event.card-show .btn-show-details {
color: #76818d !important
}
.card-event.card-show .card-event-content {
padding: 1.5rem;
text-align: left;
display: flex;
flex-wrap: wrap
}
.card-event.card-show .card-event-content>*:not(.event-label, .filter) {
width: 100%
}
.card-event.card-show .card-event-content .event-title,
.card-event.card-show .card-event-content .filter {
padding: 2px 8px;
border-radius: 4px;
background-color: #1882ff;
color: #fff;
font-size: .75rem;
font-weight: 700;
text-transform: uppercase;
font-family: "Bebas Neue";
letter-spacing: .05em;
display: flex;
margin-right: 8px
}
.card-event.card-show .card-event-content .event-type .badge {
text-align: left;
transform: none;
position: relative;
left: unset;
top: unset;
padding: 0;
margin-bottom: 1rem;
background-color: rgba(0, 0, 0, 0);
color: #fff;
padding: .25rem;
margin-left: -0.25rem
}
.card-event.card-show .card-event-content .commerce-product-variation-prices {
justify-content: flex-start
}
.card-event.card-show .card-event-content h3.title,
.card-event.card-show .card-event-content .title.h3 {
margin: .5rem 0;
padding: 0;
font-size: 1.125rem;
font-weight: 600
}
.card-event.card-show .card-event-content .summary {
font-size: .875rem
}
.card-event.card-show .card-event-content .date,
.card-event.card-show .card-event-content .venue {
margin-bottom: .5rem
}
.card-event.card-show .card-event-content .venue {
font-size: .875rem;
color: #76818d
}
.card-event.card-show .card-event-content .price {
display: flex;
gap: .5rem;
align-items: baseline
}
.card-event.card-show .card-event-content .price.override,
.card-event.card-show .card-event-content .price b,
.card-event.card-show .card-event-content .price em {
font-size: 1.125rem;
font-weight: 600
}
.card-event.card-show.dark .card-event-content .venue {
color: #fff
}
@media(min-width:992px) {
.card-event.card-show .actions-wrapper {
padding: 0;
height: 0;
overflow: hidden;
transition: all 300ms ease-out;
margin-top: auto
}
.card-event.card-show .actions-wrapper .btn {
transition: all 300ms ease-out;
opacity: 0;
transform: translateY(3rem)
}
.card-event.card-show:hover .visual-bg {
height: 14.5rem
}
.card-event.card-show:hover .actions-wrapper {
height: 3rem
}
.card-event.card-show:hover .actions-wrapper .btn {
opacity: 1;
transform: translateY(0)
}
.card-event.card-show.resale-activated .btn-primary {
border-radius: 0
}
.card-event.card-show.resale-activated .alerting-btn a {
margin-bottom: 0;
border-radius: 0
}
.card-event.card-show.resale-activated .resale-btn {
margin-top: 0
}
.card-event.card-show.resale-activated:hover .actions-wrapper {
height: 6rem
}
}
.card-event.card-sport {
height: 100%;
min-height: auto
}
.card-event.card-sport .badge {
position: absolute;
top: -0.75rem;
left: 50%;
transform: translateX(-50%);
font-size: .75rem;
text-transform: uppercase;
padding: 6px 8px;
z-index: 1;
max-width: calc(100% - 3rem);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-family: "Bebas Neue", sans-serif;
letter-spacing: 1px
}
.card-event.card-sport:not(:has(.info-wrapper)) .visual-container {
margin-bottom: 1.5rem
}
.card-event.card-sport .visual-container {
border-radius: .44rem .44rem 0 0;
width: 100%;
display: flex;
overflow: hidden
}
.card-event.card-sport .visual-container img {
width: 100%;
height: auto;
object-fit: cover;
display: block
}
.card-event.card-sport .info-wrapper {
font-size: .875rem
}
.card-event.card-sport .info-wrapper .event-label {
text-transform: uppercase
}
.card-event.card-sport .info-wrapper .event-label .filter:not(:first-child):before {
content: "•";
margin: 0 .25rem;
color: inherit
}
.card-event.card-sport .info-wrapper .event,
.card-event.card-sport .info-wrapper .event-additional {
text-transform: uppercase
}
.card-event.card-sport .info-wrapper .event-additional:not(:first-child):before {
content: "•";
margin: 0 .25rem;
color: inherit
}
.card-event.card-sport .info-wrapper .date {
font-weight: 600
}
.card-event.card-sport .info-wrapper .venue {
color: #76818d
}
.card-event.card-sport .info-wrapper .price.override,
.card-event.card-sport .info-wrapper .price b,
.card-event.card-sport .info-wrapper .price em {
font-size: 1.125rem;
font-weight: 600;
line-height: 1
}
.card-event.card-sport h3,
.card-event.card-sport .h3 {
font-size: 1.125rem;
margin-bottom: 0
}
.card-event.card-sport .actions-wrapper .btn-primary {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.card-event.card-sport .actions-wrapper .btn-primary:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.card-event.card-sport .actions-wrapper .btn-primary.unavailable:after {
display: none
}
.card-event.card-sport .actions-wrapper .btn-primary.login:before {
content: ""
}
.card-event.card-sport .actions-wrapper .btn {
width: 100%
}
.card-event.card-sport .resale-btn {
margin-top: .5rem
}
.card-event.card-sport .resale-btn .btn {
width: 100%
}
.card-event.card-sport .resale-btn .btn.js-alerting {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.card-event.card-sport .resale-btn .btn.js-alerting:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.card-event.card-sport .resale-btn .btn-resale {
display: inline-flex;
align-items: center;
margin-right: .5rem;
width: 100%
}
.card-event.card-sport .resale-btn .btn-resale:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.card-event.card-sport.dark .info-wrapper .venue {
color: #fff
}
.card-event.has-description .btn-show-details {
position: absolute;
width: 100%;
bottom: -3rem;
left: 0;
font-weight: normal;
text-decoration: underline;
color: initial;
box-shadow: none
}
.card-event.card-sport .visual-bg {
height: 15.5rem;
display: flex;
align-items: center;
justify-content: center
}
@media(min-width:576px) {
.card-event.card-sport .visual-bg {
height: 22.5rem
}
}
@media(min-width:768px) {
.card-event.card-sport .visual-bg {
height: 11rem
}
}
.card-event.card-sport .info-wrapper {
font-size: .875rem;
margin-block: 1rem;
margin-top: 1rem;
text-align: center
}
.card-event.card-sport .info-wrapper .event-label:empty,
.card-event.card-sport .info-wrapper .date:empty,
.card-event.card-sport .info-wrapper .venue:empty {
display: none
}
.card-event.card-sport .actions-wrapper {
height: auto;
display: flex;
flex-direction: column;
justify-content: flex-end;
margin-top: auto
}
.card-event.card-sport .actions-wrapper .alerting-btn:last-child .btn {
margin-bottom: 0
}
.card-event.card-cross-sell {
width: 18.5rem;
min-width: unset
}
@media(min-width:992px) {
.card-event.card-cross-sell {
margin: 0 .75rem
}
}
.card-offer-vertical .participants-wrapper .participant .logo,
.card-event .participants-wrapper .participant .logo,
.list-sport .participants-wrapper .participant .logo,
.modal-header .participants-wrapper .participant .logo {
max-height: 6rem;
max-width: 6rem;
display: flex;
align-items: center
}
.card-offer-vertical .participants-wrapper .participant img,
.card-event .participants-wrapper .participant img,
.list-sport .participants-wrapper .participant img,
.modal-header .participants-wrapper .participant img {
height: auto;
width: 100%
}
.card-offer-vertical .price:not(span),
.card-event .price:not(span),
.list-sport .price:not(span),
.modal-header .price:not(span) {
font-size: .875rem
}
.card-offer-vertical .price.override,
.card-event .price.override,
.list-sport .price.override,
.modal-header .price.override {
font-size: 1.125rem;
font-weight: 600
}
.card-offer-vertical .date_not_final,
.card-event .date_not_final,
.list-sport .date_not_final,
.modal-header .date_not_final {
display: block;
font-weight: normal;
font-size: .75rem
}
.card-event.card-sport .field__item .filter {
font-family: inherit;
font-weight: inherit;
font-size: inherit
}
.list {
background-color: #fff
}
.list.dark {
background-color: #263140;
color: #fff
}
.list-sport {
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
.list-sport.has-visuel:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 26%);
border-radius: .5rem
}
.list-sport.dark.has-visual:before {
background: linear-gradient(90deg, rgba(38, 49, 64, 0) 0%, #263140 26%)
}
.list-sport .card-event-content,
.list-sport .info-wrapper {
position: relative
}
.list-sport .participants-wrapper .participant {
font-size: .75rem
}
.list-sport .actions-wrapper .btn {
width: 100%
}
.list .dark {
background-color: #263140;
color: #fff
}
.reservation-wrapper .card-event.card-show .card-event-content .summary {
display: block
}
.cart_counter {
font-size: .75rem;
display: flex;
align-items: center;
color: #263140
}
.cart_counter .hourglass {
height: 2rem;
width: 2rem;
display: block;
position: relative;
margin-right: .5rem;
animation: hourglassRotate 3s linear 0s infinite
}
.cart_counter .hourglass:before {
content: "";
display: block;
background-color: #263140;
width: 4px;
height: 3px;
position: absolute;
border-radius: 50%;
left: 14px;
top: 9px;
animation: hourglassSand 3s infinite
}
.cart_counter .hourglass:after {
content: "";
font-family: "hubber8";
font-size: 1.75rem;
position: absolute;
line-height: 1;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0)
}
.cart_counter em {
font-style: normal;
margin-left: 5px
}
.cart_counter.warning {
color: #c50808
}
.cart_counter.warning .hourglass::after {
color: #c50808
}
.cart_counter.warning .hourglass:before {
background-color: #c50808
}
.order-summary .cart_counter,
.sidebar .cart_counter {
font-size: 0
}
.order-summary .cart_counter em,
.sidebar .cart_counter em {
font-size: 12px
}
.cart-content {
display: flex;
padding: 1.5rem;
position: relative;
border-bottom: 1px solid #dee2e6
}
.cart-content.dispatch--for-relatives .text-primary {
font-style: italic
}
.cart-content .product-image:has(svg),
.cart-content .product-image:has(svg) .product-image,
.cart-content .product-image:has(svg) .product-image-mob,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)),
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)) .product-image,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)) .product-image-mob,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)),
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)) .product-image,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)) .product-image-mob,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)),
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)) .product-image,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)) .product-image-mob {
position: relative
}
.cart-content .product-image:has(svg) .product-image,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)) .product-image,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)) .product-image,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)) .product-image {
width: 100%;
height: 90px;
min-width: 90px;
border-radius: 8px;
background: #f2f4f5
}
.cart-content .product-image:has(svg) .product-image-mob,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)) .product-image-mob,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)) .product-image-mob,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)) .product-image-mob {
width: 48px;
height: 48px;
border-radius: 8px;
background: #f2f4f5
}
.cart-content .product-image:has(svg) .product-image:before,
.cart-content .product-image:has(svg) .product-image-mob:before,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)) .product-image:before,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)) .product-image-mob:before,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)) .product-image:before,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)) .product-image-mob:before,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)) .product-image:before,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)) .product-image-mob:before {
content: "";
display: flex;
top: 0;
background-color: rgba(0, 0, 0, 0);
background-position: center;
border-radius: .5rem;
left: 0;
position: absolute;
width: 100%;
height: 90px;
min-width: 90px;
background-repeat: no-repeat
}
.cart-content .product-image:has(svg) .product-image-mob:before,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)) .product-image-mob:before,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)) .product-image-mob:before,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)) .product-image-mob:before {
height: 100%;
min-width: 0
}
.cart-content .product-image:has(svg) .cart-product-bundle-image:has(img),
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)) .cart-product-bundle-image:has(img),
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)) .cart-product-bundle-image:has(img),
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)) .cart-product-bundle-image:has(img) {
display: flex;
align-items: center;
justify-content: center;
max-width: 6rem;
width: 6rem
}
@media(max-width:767.98px) {
.cart-content .product-image:has(svg) .cart-product-bundle-image:has(img),
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)) .cart-product-bundle-image:has(img),
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)) .cart-product-bundle-image:has(img),
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)) .cart-product-bundle-image:has(img) {
max-width: 3rem
}
}
.cart-content .product-image:has(svg) .cart-product-bundle-image:not(:has(img)),
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)) .cart-product-bundle-image:not(:has(img)),
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)) .cart-product-bundle-image:not(:has(img)),
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)) .cart-product-bundle-image:not(:has(img)) {
width: 100%;
height: 90px;
min-width: 90px;
border-radius: 8px;
background: #f2f4f5;
position: relative
}
.cart-content .product-image:has(svg) .cart-product-bundle-image:not(:has(img)):before,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)) .cart-product-bundle-image:not(:has(img)):before,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)) .cart-product-bundle-image:not(:has(img)):before,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)) .cart-product-bundle-image:not(:has(img)):before {
content: "";
display: flex;
top: 0;
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/billet.svg);
background-color: rgba(0, 0, 0, 0);
background-position: center;
border-radius: .5rem;
left: 0;
position: absolute;
width: 100%;
height: 90px;
min-width: 90px;
background-repeat: no-repeat
}
@media(max-width:767.98px) {
.cart-content .product-image:has(svg) .cart-product-bundle-image:not(:has(img)),
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)) .cart-product-bundle-image:not(:has(img)),
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)) .cart-product-bundle-image:not(:has(img)),
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)) .cart-product-bundle-image:not(:has(img)) {
width: 48px;
height: 48px;
min-width: 0;
flex: 0 0 48px
}
.cart-content .product-image:has(svg) .cart-product-bundle-image:not(:has(img)):before,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)) .cart-product-bundle-image:not(:has(img)):before,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)) .cart-product-bundle-image:not(:has(img)):before,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)) .cart-product-bundle-image:not(:has(img)):before {
height: 100%;
min-width: 0
}
}
.cart-content .product-image:has(svg).product-ticketing .product-image:before,
.cart-content .product-image:has(svg).product-ticketing .product-image-mob:before,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)).product-ticketing .product-image:before,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)).product-ticketing .product-image-mob:before,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)).product-ticketing .product-image:before,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)).product-ticketing .product-image-mob:before,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)).product-ticketing .product-image:before,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)).product-ticketing .product-image-mob:before {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/billet.svg)
}
.cart-content .product-image:has(svg).product-membership .product-image:before,
.cart-content .product-image:has(svg).product-membership .product-image-mob:before,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)).product-membership .product-image:before,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)).product-membership .product-image-mob:before,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)).product-membership .product-image:before,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)).product-membership .product-image-mob:before,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)).product-membership .product-image:before,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)).product-membership .product-image-mob:before {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/abo.svg)
}
.cart-content .product-image:has(svg).product-merchandising .product-image:before,
.cart-content .product-image:has(svg).product-merchandising .product-image-mob:before,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)).product-merchandising .product-image:before,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)).product-merchandising .product-image-mob:before,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)).product-merchandising .product-image:before,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)).product-merchandising .product-image-mob:before,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)).product-merchandising .product-image:before,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)).product-merchandising .product-image-mob:before {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/merch.svg)
}
.cart-content .product-image:has(svg).product-gift-card .product-image:before,
.cart-content .product-image:has(svg).product-gift-card .product-image-mob:before,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)).product-gift-card .product-image:before,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)).product-gift-card .product-image-mob:before,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)).product-gift-card .product-image:before,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)).product-gift-card .product-image-mob:before,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)).product-gift-card .product-image:before,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)).product-gift-card .product-image-mob:before {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/carte_cadeau.svg)
}
.cart-content .product-image:has(svg).product-donation .product-image:before,
.cart-content .product-image:has(svg).product-donation .product-image-mob:before,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)).product-donation .product-image:before,
.cart-content:not(:has(.product-image svg)):not(:has(.product-image img)).product-donation .product-image-mob:before,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)).product-donation .product-image:before,
.cart-content:not(:has(.product-image-mob svg)):not(:has(.product-image-mob img)).product-donation .product-image-mob:before,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)).product-donation .product-image:before,
.cart-content:has(.cart-product-bundle-image):not(:has(.cart-product-bundle-image svg)):not(:has(.cart-product-bundle-image img)).product-donation .product-image-mob:before {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/don.svg)
}
.cart-content-list {
background-color: #fff;
border-radius: .5rem;
font-size: .75rem;
border: 1px solid #dee2e6;
margin-bottom: 1rem
}
.cart-content-list [class$=-order-add-info] {
margin: 1.5rem;
display: flex;
flex-direction: column;
gap: .5rem
}
.cart-content-list [class$=-order-add-info] label {
position: relative
}
.cart-content-list [class$=-order-add-info] label:after {
position: absolute;
right: .5rem;
bottom: -1.25rem;
background: linear-gradient(to bottom, #FFFFFF 54%, transparent 55%);
font-style: italic;
padding-inline: .25rem
}
.cart-content-list [class$=-order-add-info] .form-control {
background-color: #f6f8f9
}
.cart-content-list [class$=-order-add-info] .form-control:focus {
background-color: #fff
}
.cart-content-header {
justify-content: space-between;
color: #76818d;
font-weight: 600;
padding: 1rem 1.5rem;
border-bottom: 1px solid #dee2e6
}
@media(min-width:1200px) {
.cart-content-header .product-title {
flex: 1
}
.cart-content-header .unit-price,
.cart-content-header .quantity {
flex: 0 0 6.25rem;
text-align: center
}
.cart-content-header .total-price {
flex: 0 0 5rem;
text-align: right
}
}
.cart-content .product-image {
margin-right: 1rem;
max-width: 10rem
}
.cart-content .product-image svg {
width: 100%;
border-radius: 8px
}
.cart-content .product-image img {
min-width: 5rem
}
.cart-content .participants-wrapper {
max-width: 6rem
}
@media(max-width:991.98px) {
.cart-content .participants-wrapper {
max-width: 3rem
}
}
.block-cross-selling {
position: relative
}
.block-hubber-cart-contents .block-cross-selling .content {
position: relative
}
.block-hubber-cart-contents .block-cross-selling .content:before {
content: attr(data-label-or);
text-transform: uppercase;
font-size: .75rem;
position: absolute;
left: 50%;
top: -0.5rem;
transform: translateX(-50%);
padding: 0 .5rem;
background-color: #fff;
color: #76818d
}
.block-cross-selling .option-order {
display: flex;
flex-direction: column
}
.sidebar .block-cross-selling .option-order {
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid rgba(118, 129, 141, .25)
}
.block-cross-selling .option-order .button-checkout-cart {
padding: .5rem;
display: block;
align-items: center;
background-color: #fff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #1882ff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
height: 2.375rem
}
@media(min-width:768px) {
.block-cross-selling .option-order .button-checkout-cart {
display: inline-flex
}
}
.block-cross-selling .option-order .button-checkout-cart:hover {
background-color: #fff;
border-color: #1882ff;
color: #1882ff;
transform: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03)
}
.sidebar .block-cross-selling .option-order .button-checkout-cart {
padding: 0;
width: 100%
}
.block-cross-selling .option-order .button-checkout-cart:before {
display: none
}
.block-cross-selling .option-order .button-checkout-cart:hover {
background-color: #fff;
color: #1882ff;
border: 1px solid
}
.block-cross-selling .option-order .button-checkout-cart .checkout-btn-label {
display: flex;
align-items: center
}
.block-cross-selling .option-order .button-checkout-cart .checkout-btn-label span {
margin-left: .25rem
}
.block-cross-selling .option-order .button-checkout-cart .checkout-btn-label:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
line-height: 1;
margin-right: .5rem;
font-weight: normal
}
.block-cross-selling .option-order .button-checkout-cart .checkout-btn-price-info {
padding-left: .75rem;
margin-left: .75rem;
border-left: 1px solid rgba(24, 130, 255, .25);
font-weight: 900
}
@media(max-width:991.98px) {
.block-cross-selling .option-order .button-checkout-cart .checkout-btn-price-info {
padding-left: .4rem;
margin-left: .4rem
}
}
.block-cross-selling .option-order p {
margin-bottom: 0;
line-height: 1.2
}
.block-cross-selling .option-order .option-more-info-details {
position: absolute;
bottom: -1rem;
right: 1rem;
transform: translateY(100%);
color: #fff;
background: #263140;
font-size: .75rem;
padding: .25rem;
margin: .5rem;
border-radius: .5rem;
box-shadow: 10px 10px 15px rgba(0, 0, 0, .25);
display: none
}
.sidebar .block-cross-selling .option-order .option-more-info-details {
right: -1rem
}
.block-cross-selling .option-order .option-more-info-details:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 6px 7px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #263140 rgba(0, 0, 0, 0);
position: absolute;
right: .75rem;
top: -6px
}
.block-cross-selling .option-order .js-information {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: .5rem
}
.block-cross-selling .option-order .js-information:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
margin-left: .25rem;
color: #76818d
}
.block-cross-selling .option-order .js-information:hover .option-more-info-details {
display: block
}
.block-cross-selling .option-order .option-more-info {
font-size: 11px;
text-align: right;
text-decoration: underline
}
.block-cross-selling>em {
font-size: 1.5rem;
font-weight: 600;
margin-top: 2rem;
margin-bottom: .75rem;
display: block;
color: initial
}
.pay-option span {
display: flex;
align-items: center
}
.cart-action-wrapper.option-available {
flex-direction: column
}
.cart-action-wrapper.option-available .button-checkout-mini-cart {
flex: unset
}
.cart-action-wrapper.option-available .option-order {
display: flex;
flex: 1
}
@media(max-width:991.98px) {
.cart-action-wrapper.option-available .option-order .products-wrapper {
display: flex
}
}
.cart-action-wrapper.option-available .option-order a {
flex: 1
}
.cart-action-wrapper.option-available .option-order .js-toggle-cart-details {
width: 3rem;
margin-left: 1rem;
border: 1px solid #dee2e6;
background: rgba(0, 0, 0, 0);
color: initial;
font-size: 0;
display: inline-flex;
align-items: center
}
.cart-action-wrapper.option-available .option-order .js-toggle-cart-details:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.cart-action-wrapper.option-available .js-information {
display: none
}
.product-item--info-wrapper {
flex: 1;
position: relative
}
.product-item--info-wrapper .fees-info-wrapper {
position: relative
}
.product-item--info-wrapper .fees-info-wrapper .icon-information {
position: absolute;
font-size: 0;
right: 100%;
top: -3px
}
.product-item--info-wrapper .quantity-selector-wrapper {
background: rgba(0, 0, 0, 0);
padding: 0;
margin-top: -0.5rem
}
.product-item--info-wrapper .quantity-selector-wrapper .quantity-minus:after {
display: none
}
.product-item--info-wrapper .quantity-selector-wrapper .form-control {
height: 32px;
text-align: center;
width: 32px;
padding: 0;
border-radius: 4px
}
.product-item--info-head {
display: flex;
justify-content: space-between;
align-items: flex-start
}
.product-item--info-head .product-details {
color: #76818d;
width: 100%
}
.product-item--info-head .product-details .product-attributes-wrapper {
color: initial
}
@media(min-width:1200px) {
.product-item--info-head .product-details .product-attributes-wrapper {
display: none
}
}
@media(max-width:1199.98px) {
.product-item--info-head .product-details {
display: flex
}
.product-item--info-head .product-details .product-image-mob {
margin-right: 1rem;
flex-shrink: 0
}
.product-item--info-head .product-details .product-image-mob img {
width: 64px
}
.product-item--info-head .product-details .product-title {
flex-wrap: wrap
}
.product-item--info-head .product-details .product-category-rate-wrapper,
.product-item--info-head .product-details .product-date-location-wrapper {
margin-top: .25rem
}
}
.product-item--info-head .product-details .product-summary-wrapper {
color: #263140;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
width: 100%
}
.product-item--info-head .product-title {
flex-wrap: wrap
}
.product-item--info-head .product-title a {
color: initial;
font-size: 1rem;
font-weight: 600
}
@media(max-width:1199.98px) {
.product-item--info-head .product-title-wrapper {
display: flex
}
.product-item--info-head .product-title-wrapper .product-image-mob {
margin-right: 1rem
}
.product-item--info-head .product-title-wrapper .product-image-mob img {
width: 64px
}
.product-item--info-head .product-title .product-summary-wrapper {
width: 100%;
margin-bottom: 0
}
}
.product-item--info-head .product-unit-price,
.product-item--info-head .product-qty {
font-size: .875rem;
flex: 0 0 6.25rem;
justify-content: center;
text-align: center
}
@media(min-width:1200px) {
.product-item--info-head .product-unit-price,
.product-item--info-head .product-qty {
font-size: 1rem
}
}
.product-item--info-head .product-total-price {
font-size: .875rem;
font-weight: 600;
flex: 0 0 5rem;
text-align: right;
justify-content: flex-end
}
@media(min-width:1200px) {
.product-item--info-head .product-total-price {
font-size: 1rem
}
}
.product-item--info-head .product-total-price .fees-info-wrapper {
font-size: .75rem;
font-weight: normal;
color: #76818d;
margin-top: .25rem;
display: flex;
flex-direction: column;
position: relative
}
.product-item--info-head .product-total-price .fees-info-wrapper .icon-information {
justify-content: flex-end;
position: absolute;
right: 90%;
top: -3px;
font-size: 0
}
.product-item--info-content {
display: flex;
justify-content: space-between;
margin-top: .5rem;
position: relative
}
@media(max-width:1199.98px) {
.cart-content.merchandising .product-item--info-content {
display: none
}
}
.product-item--info-content+.product-item--info-content {
margin-block: 2rem
}
@media(max-width:1199.98px) {
.product-item--info-content:last-child {
margin-bottom: 1rem
}
}
.product-item--info-content .variation-information {
width: 100%
}
.product-item--info-content .variation-other {
margin-left: auto
}
.product-item--info-content .variation-other+.delete-wrapper {
position: absolute;
right: 0;
top: 1.5rem
}
.product-item--info-content .seat-information {
display: flex;
flex-direction: column;
gap: .5rem;
margin-top: .5rem
}
@media(min-width:1200px) {
.product-item--info-content .variation-information+.delete-wrapper {
transform: translateY(-2.5rem)
}
.product-item--info-content .variation-information+.delete-wrapper.resale-delete-wrapper {
transform: none
}
}
.product-item--info-content.justify-content-end {
margin-top: 0;
position: absolute;
top: 3.5rem;
right: 1rem
}
.product-item--info-content.justify-content-end+.product-item--info-content {
border-top: 1px solid #dee2e6;
padding-top: .5rem
}
.product-item--info-content:last-child {
border-bottom: 1px solid #dee2e6;
padding-bottom: 1rem
}
.product-item--info-content .variation-header {
display: flex;
align-items: center
}
.product-item--info-content .variation-header .variation-category-rate-wrapper {
color: #76818d
}
.product-item--info-content .variation-header .variation-category-rate-wrapper .qty {
color: initial;
font-size: .875rem
}
.product-item--info-content .variation-header .price-info {
position: absolute;
right: 0;
font-size: .875rem
}
.product-item--info-content .delete-wrapper .btn {
height: 2.375rem;
width: 2.375rem;
font-size: 0;
background-color: rgba(0, 0, 0, 0) !important;
border-color: rgba(0, 0, 0, 0) !important;
padding: 0;
justify-content: center;
display: inline-flex;
align-items: center
}
.product-item--info-content .delete-wrapper .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.product-item--info-content .delete-wrapper .btn:before {
color: #ccd2d9 !important
}
.product-item--info-content .delete-wrapper .btn:hover {
background-color: #c50808 !important
}
.product-item--info-content .delete-wrapper .btn:hover:before {
color: #fff !important
}
.product-item--info-content .seat-information .seat {
display: flex;
align-items: center;
gap: .5rem
}
.product-item--info-content .seat-information .seat .seat-mode-seat-picto {
display: flex;
gap: .5rem
}
.product-item--info-content .seat-information .seat .seat-mode-seat-picto>span.js-view-cam-button,
.product-item--info-content .seat-information .seat .seat-mode-seat-picto>span.js-map-location-button {
margin: 0
}
.product-item--info-content .ticketing-seat-info {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 1.5rem
}
.product-item--info-content .ticketing-seat-info .btn.cart--delete-seat,
.product-item--info-content .ticketing-seat-info .btn.cart--delete-item {
height: 2.375rem;
width: 2.375rem;
font-size: 0;
background-color: rgba(0, 0, 0, 0) !important;
border-color: rgba(0, 0, 0, 0) !important;
padding: 0;
justify-content: center;
display: inline-flex;
align-items: center
}
.product-item--info-content .ticketing-seat-info .btn.cart--delete-seat:before,
.product-item--info-content .ticketing-seat-info .btn.cart--delete-item:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:1199.98px) {
.product-item--info-content .ticketing-seat-info .btn.cart--delete-seat.unique-item-btn-desktop,
.product-item--info-content .ticketing-seat-info .btn.cart--delete-item.unique-item-btn-desktop {
display: none
}
}
.product-item--info-content .ticketing-seat-info .btn.cart--delete-seat:before,
.product-item--info-content .ticketing-seat-info .btn.cart--delete-item:before {
color: #ccd2d9 !important
}
.product-item--info-content .ticketing-seat-info .btn.cart--delete-seat:hover,
.product-item--info-content .ticketing-seat-info .btn.cart--delete-item:hover {
background-color: #c50808 !important
}
.product-item--info-content .ticketing-seat-info .btn.cart--delete-seat:hover:before,
.product-item--info-content .ticketing-seat-info .btn.cart--delete-item:hover:before {
color: #fff !important
}
@media(max-width:1199.98px) {
.product-item--info-content .btn.unique-item-btn-desktop {
display: none
}
}
.product-item--info-footer-mobile {
display: flex;
justify-content: space-between;
margin-top: 2rem;
position: relative
}
.product-item--info-footer-mobile:before {
content: "";
height: 1px;
width: calc(100% + 3rem);
background-color: #dee2e6;
position: absolute;
left: -1.5rem;
top: -1rem
}
.product-item--info-footer-mobile .product-unit-price,
.product-item--info-footer-mobile .product-qty,
.product-item--info-footer-mobile .product-total-price {
display: flex;
flex-direction: column;
align-items: center
}
.product-item--info-footer-mobile .product-unit-price span,
.product-item--info-footer-mobile .product-qty span,
.product-item--info-footer-mobile .product-total-price span {
margin-bottom: 1rem;
color: #76818d;
font-size: .625rem
}
.product-item--info-footer-mobile .product-total-price {
align-items: flex-end;
font-weight: 600
}
.product-item--info-footer-mobile .product-total-price .label {
font-weight: 400
}
.product-item--info-footer-mobile .product-unit-price {
align-items: flex-start
}
.product-item--delete-item-mobile {
color: #76818d;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.product-item--delete-item-mobile:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.product-item--delete-item-mobile button {
padding: 1rem 0;
text-decoration: underline;
font-weight: 400;
color: #76818d
}
.product-item--delete-item-mobile .unique-item-btn-mobile {
font-weight: normal;
text-decoration: underline;
color: inherit
}
.bundle-details {
width: 100%
}
.bundle-details-header-quantity {
flex: 0 0 6.25rem;
text-align: center;
font-size: .875rem;
font-weight: 600
}
.bundle-details-header-price {
flex: 0 0 5rem;
text-align: right;
font-size: 0;
font-weight: 600
}
.bundle-details-header-price em {
font-size: 1rem
}
.bundle-details .bundle-item .bundle-item-quantity,
.bundle-details .bundle-item .bundle-item-unit-price,
.bundle-details .bundle-item .bundle-item-total-price {
font-weight: normal !important;
font-size: .875rem
}
.bundle-details .cart-product-details {
font-size: .75rem;
display: flex;
gap: .25rem;
color: #76818d
}
.bundle-details .cart-product-attribute+.cart-product-attribute:before {
content: "•"
}
.bundle-header {
display: flex;
margin-bottom: 1rem
}
@media(max-width:1199.98px) {
.bundle-header .bundle-delete-wrapper {
display: none
}
}
.bundle-header .bundle-delete-wrapper .delete-item-desktop {
height: 2.375rem;
width: 2.375rem;
font-size: 0;
background-color: rgba(0, 0, 0, 0) !important;
border-color: rgba(0, 0, 0, 0) !important;
padding: 0;
justify-content: center;
display: inline-flex;
align-items: center
}
.bundle-header .bundle-delete-wrapper .delete-item-desktop:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.bundle-header .bundle-delete-wrapper .delete-item-desktop:before {
color: #ccd2d9 !important
}
.bundle-header .bundle-delete-wrapper .delete-item-desktop:hover {
background-color: #c50808 !important
}
.bundle-header .bundle-delete-wrapper .delete-item-desktop:hover:before {
color: #fff !important
}
.bundle-header .cart-product-bundle-image {
margin-right: .5rem;
max-width: 3rem;
width: 3rem;
flex: 0 0 3rem
}
@media(min-width:576px) {
.bundle-header .cart-product-bundle-image {
flex-shrink: 0;
max-width: 10rem;
width: 10rem;
flex: 0 0 10rem;
margin-right: 1.5rem
}
.bundle-header .cart-product-bundle-image img {
width: 100% !important
}
}
.bundle-header .cart-product-bundle-info-wrapper {
display: flex;
flex: 1
}
.bundle-header .cart-product-bundle-info-wrapper .bundle-item-info-visual {
max-width: 6rem
}
@media(max-width:767.98px) {
.bundle-header .cart-product-bundle-info-wrapper .bundle-item-info-visual {
max-width: 3rem
}
}
.bundle-header .cart-product-bundle-info-title {
font-size: 1rem;
font-weight: 600
}
.bundle-header .cart-product-bundle-info-title .badge {
background: #1882ff;
font-weight: 700;
font-family: "Bebas Neue";
letter-spacing: .05em;
display: inline-flex;
align-items: center;
transform: translateY(-2px);
border-radius: 3px
}
.bundle-header .cart-product-bundle-info-qty {
margin-left: .5rem
}
.bundle-sub-header {
display: flex;
font-size: .75rem;
font-weight: 600;
color: #76818d;
padding-bottom: .5rem;
border-bottom: 1px solid #dee2e6;
margin-bottom: 1rem
}
.bundle-sub-header .bundle-item-info {
flex: 1
}
@media(min-width:1200px) {
.bundle-sub-header .bundle-item-unit-price,
.bundle-sub-header .bundle-item-quantity {
flex: 0 0 6.25rem;
text-align: center;
font-size: .75rem
}
.bundle-sub-header .bundle-item-total-price {
flex: 0 0 5rem;
text-align: right;
font-size: .75rem
}
}
.bundle-item+.bundle-item {
padding-top: 1rem;
margin-top: 1rem;
border-top: 1px solid #dee2e6
}
.bundle-item-info-visual {
margin-right: .5rem;
max-width: 6rem;
width: 6rem
}
@media(max-width:767.98px) {
.bundle-item-info-visual {
max-width: 3rem
}
}
.bundle-item-info-content {
color: #76818d
}
.bundle-item-info-content .bundle-item-info-seat {
color: initial
}
.bundle-item-info-wrapper {
display: flex;
gap: .75rem
}
.bundle-item-info .product-title {
font-size: .875rem;
color: initial
}
.bundle-item-info .seat-information {
display: flex;
flex-direction: column;
gap: .5rem
}
.bundle-item-info .seat-information .ticketing-seat-info {
margin-top: 1rem
}
.bundle-item-info .seat-information .seat {
display: flex;
align-items: center
}
.bundle-item-info .seat-information .seat .seat-content {
color: initial
}
.bundle-item-info .seat-information .seat .seat-mode-seat-picto {
display: flex
}
@media(min-width:1200px) {
.bundle-item {
display: flex
}
.bundle-item-unit-price,
.bundle-item-quantity {
flex: 0 0 6.25rem;
text-align: center;
font-size: 1rem
}
.bundle-item-total-price {
font-size: 1rem;
flex: 0 0 5rem;
text-align: right;
font-weight: 600
}
.bundle-item-info {
flex: 1
}
.bundle-item-info-title-wrapper>div {
display: inline
}
}
.bundle-footer {
display: inline-flex;
align-items: center;
margin-right: .5rem;
color: #76818d;
width: 100%;
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid #dee2e6
}
@media(min-width:1200px) {
.bundle-footer {
display: none
}
}
.bundle-footer:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.bundle-footer .delete-item-mobile {
font-weight: normal;
text-decoration: underline;
transform: translateX(-1.5rem);
color: inherit
}
.path-cart .sidebar_second,
.order-summary,
.cart-block--contents {
position: fixed;
top: var(--main-content-top, 0);
right: 0;
max-width: unset;
width: 23.25rem;
margin-left: 0;
padding: 0;
background-color: #fff;
box-shadow: 0 24px 48px rgba(0, 0, 0, .05), 0 12px 24px rgba(0, 0, 0, .03), 0 7.5px 15px rgba(0, 0, 0, .03), 0 3.5px 5px rgba(0, 0, 0, .025), 0 1.5px 3px rgba(0, 0, 0, .015)
}
@media(max-width:991.98px) {
.path-cart .sidebar_second,
.order-summary,
.cart-block--contents {
padding: 1rem;
bottom: 0;
z-index: 10;
background: #fff;
box-shadow: 0px 5px 24px rgba(0, 0, 0, .07), 0px 2px 15px rgba(0, 0, 0, .03), 0px 1px 5px rgba(0, 0, 0, .03), 0px 1px 3px rgba(0, 0, 0, .05);
border-radius: 1.5rem 1.5rem 0 0;
top: unset !important;
width: 100%;
position: fixed !important
}
.path-cart .sidebar_second:before,
.order-summary:before,
.cart-block--contents:before {
content: "";
width: 30px;
height: 3px;
position: absolute;
top: 10px;
left: 50%;
background: #d3d3d3;
transform: translateX(-50%);
border-radius: 50px
}
.path-cart .sidebar_second.openRecap,
.order-summary.openRecap,
.cart-block--contents.openRecap {
z-index: 902
}
.path-cart .sidebar_second:not(.openRecap) .block-cart-contents,
.path-cart .sidebar_second:not(.openRecap) .totals-details,
.path-cart .sidebar_second:not(.openRecap) .cancel-option,
.path-cart .sidebar_second:not(.openRecap) .cart-contents,
.path-cart .sidebar_second:not(.openRecap) .reinsurance-container,
.order-summary:not(.openRecap) .block-cart-contents,
.order-summary:not(.openRecap) .totals-details,
.order-summary:not(.openRecap) .cancel-option,
.order-summary:not(.openRecap) .cart-contents,
.order-summary:not(.openRecap) .reinsurance-container,
.cart-block--contents:not(.openRecap) .block-cart-contents,
.cart-block--contents:not(.openRecap) .totals-details,
.cart-block--contents:not(.openRecap) .cancel-option,
.cart-block--contents:not(.openRecap) .cart-contents,
.cart-block--contents:not(.openRecap) .reinsurance-container {
display: none
}
}
.path-cart .sidebar_second h2,
.path-cart .sidebar_second .h2,
.order-summary h2,
.order-summary .h2,
.cart-block--contents h2,
.cart-block--contents .h2 {
border-bottom: 0;
font-weight: 600;
padding: 2.25rem 1.5rem 0;
font-size: 1.75rem
}
@media(min-width:992px) {
.path-cart .sidebar_second .cart-summary-info-wrapper,
.order-summary .cart-summary-info-wrapper,
.cart-block--contents .cart-summary-info-wrapper {
max-height: calc(100vh - 10rem)
}
}
.path-cart .sidebar_second .cart-summary-product,
.order-summary .cart-summary-product,
.cart-block--contents .cart-summary-product {
display: flex;
align-items: center;
justify-content: space-between
}
.path-cart .sidebar_second .cart-summary-product:not(:first-child),
.order-summary .cart-summary-product:not(:first-child),
.cart-block--contents .cart-summary-product:not(:first-child) {
margin-top: 1rem
}
.path-cart .sidebar_second .cart-summary-product .cart-product-total,
.order-summary .cart-summary-product .cart-product-total,
.cart-block--contents .cart-summary-product .cart-product-total {
margin-left: 1rem;
font-size: .75rem;
font-weight: 600
}
@media(min-width:992px) {
.path-cart .sidebar_second .cart-summary-product .cart-product-total,
.order-summary .cart-summary-product .cart-product-total,
.cart-block--contents .cart-summary-product .cart-product-total {
font-size: .875rem
}
}
.path-cart .sidebar_second .cart-summary-product.product-split-payment-fee,
.path-cart .sidebar_second .cart-summary-product.payment-with-installments,
.path-cart .sidebar_second .cart-summary-product.promotion,
.path-cart .sidebar_second .cart-summary-product.shipping-fees,
.path-cart .sidebar_second .cart-summary-product.product-insurance,
.path-cart .sidebar_second .cart-summary-product.credit,
.path-cart .sidebar_second .cart-summary-product.option,
.path-cart .sidebar_second .cart-summary-product.gift-card,
.path-cart .sidebar_second .cart-summary-product.donation,
.path-cart .sidebar_second .cart-summary-product.payment-fees,
.order-summary .cart-summary-product.product-split-payment-fee,
.order-summary .cart-summary-product.payment-with-installments,
.order-summary .cart-summary-product.promotion,
.order-summary .cart-summary-product.shipping-fees,
.order-summary .cart-summary-product.product-insurance,
.order-summary .cart-summary-product.credit,
.order-summary .cart-summary-product.option,
.order-summary .cart-summary-product.gift-card,
.order-summary .cart-summary-product.donation,
.order-summary .cart-summary-product.payment-fees,
.cart-block--contents .cart-summary-product.product-split-payment-fee,
.cart-block--contents .cart-summary-product.payment-with-installments,
.cart-block--contents .cart-summary-product.promotion,
.cart-block--contents .cart-summary-product.shipping-fees,
.cart-block--contents .cart-summary-product.product-insurance,
.cart-block--contents .cart-summary-product.credit,
.cart-block--contents .cart-summary-product.option,
.cart-block--contents .cart-summary-product.gift-card,
.cart-block--contents .cart-summary-product.donation,
.cart-block--contents .cart-summary-product.payment-fees {
padding: .75rem;
border-radius: .5rem;
border: 1px solid #dee2e6
}
.path-cart .sidebar_second .cart-summary-product.product-split-payment-fee .product-title,
.path-cart .sidebar_second .cart-summary-product.payment-with-installments .product-title,
.path-cart .sidebar_second .cart-summary-product.promotion .product-title,
.path-cart .sidebar_second .cart-summary-product.shipping-fees .product-title,
.path-cart .sidebar_second .cart-summary-product.product-insurance .product-title,
.path-cart .sidebar_second .cart-summary-product.credit .product-title,
.path-cart .sidebar_second .cart-summary-product.option .product-title,
.path-cart .sidebar_second .cart-summary-product.gift-card .product-title,
.path-cart .sidebar_second .cart-summary-product.donation .product-title,
.path-cart .sidebar_second .cart-summary-product.payment-fees .product-title,
.order-summary .cart-summary-product.product-split-payment-fee .product-title,
.order-summary .cart-summary-product.payment-with-installments .product-title,
.order-summary .cart-summary-product.promotion .product-title,
.order-summary .cart-summary-product.shipping-fees .product-title,
.order-summary .cart-summary-product.product-insurance .product-title,
.order-summary .cart-summary-product.credit .product-title,
.order-summary .cart-summary-product.option .product-title,
.order-summary .cart-summary-product.gift-card .product-title,
.order-summary .cart-summary-product.donation .product-title,
.order-summary .cart-summary-product.payment-fees .product-title,
.cart-block--contents .cart-summary-product.product-split-payment-fee .product-title,
.cart-block--contents .cart-summary-product.payment-with-installments .product-title,
.cart-block--contents .cart-summary-product.promotion .product-title,
.cart-block--contents .cart-summary-product.shipping-fees .product-title,
.cart-block--contents .cart-summary-product.product-insurance .product-title,
.cart-block--contents .cart-summary-product.credit .product-title,
.cart-block--contents .cart-summary-product.option .product-title,
.cart-block--contents .cart-summary-product.gift-card .product-title,
.cart-block--contents .cart-summary-product.donation .product-title,
.cart-block--contents .cart-summary-product.payment-fees .product-title {
font-weight: normal !important
}
.path-cart .sidebar_second .cart-summary-product.product-split-payment-fee .cart-product-info:before,
.path-cart .sidebar_second .cart-summary-product.payment-with-installments .cart-product-info:before,
.path-cart .sidebar_second .cart-summary-product.promotion .cart-product-info:before,
.path-cart .sidebar_second .cart-summary-product.shipping-fees .cart-product-info:before,
.path-cart .sidebar_second .cart-summary-product.product-insurance .cart-product-info:before,
.path-cart .sidebar_second .cart-summary-product.credit .cart-product-info:before,
.path-cart .sidebar_second .cart-summary-product.option .cart-product-info:before,
.path-cart .sidebar_second .cart-summary-product.gift-card .cart-product-info:before,
.path-cart .sidebar_second .cart-summary-product.donation .cart-product-info:before,
.path-cart .sidebar_second .cart-summary-product.payment-fees .cart-product-info:before,
.order-summary .cart-summary-product.product-split-payment-fee .cart-product-info:before,
.order-summary .cart-summary-product.payment-with-installments .cart-product-info:before,
.order-summary .cart-summary-product.promotion .cart-product-info:before,
.order-summary .cart-summary-product.shipping-fees .cart-product-info:before,
.order-summary .cart-summary-product.product-insurance .cart-product-info:before,
.order-summary .cart-summary-product.credit .cart-product-info:before,
.order-summary .cart-summary-product.option .cart-product-info:before,
.order-summary .cart-summary-product.gift-card .cart-product-info:before,
.order-summary .cart-summary-product.donation .cart-product-info:before,
.order-summary .cart-summary-product.payment-fees .cart-product-info:before,
.cart-block--contents .cart-summary-product.product-split-payment-fee .cart-product-info:before,
.cart-block--contents .cart-summary-product.payment-with-installments .cart-product-info:before,
.cart-block--contents .cart-summary-product.promotion .cart-product-info:before,
.cart-block--contents .cart-summary-product.shipping-fees .cart-product-info:before,
.cart-block--contents .cart-summary-product.product-insurance .cart-product-info:before,
.cart-block--contents .cart-summary-product.credit .cart-product-info:before,
.cart-block--contents .cart-summary-product.option .cart-product-info:before,
.cart-block--contents .cart-summary-product.gift-card .cart-product-info:before,
.cart-block--contents .cart-summary-product.donation .cart-product-info:before,
.cart-block--contents .cart-summary-product.payment-fees .cart-product-info:before {
font-family: "hubber8";
font-size: 1.5rem;
color: #76818d;
margin-right: .5rem;
line-height: 1
}
.path-cart .sidebar_second .cart-summary-product.donation .cart-product-info:before,
.order-summary .cart-summary-product.donation .cart-product-info:before,
.cart-block--contents .cart-summary-product.donation .cart-product-info:before {
content: ""
}
.path-cart .sidebar_second .cart-summary-product.shipping-fees .cart-product-info:before,
.order-summary .cart-summary-product.shipping-fees .cart-product-info:before,
.cart-block--contents .cart-summary-product.shipping-fees .cart-product-info:before {
content: ""
}
.path-cart .sidebar_second .cart-summary-product.payment-with-installments .cart-product-info:before,
.order-summary .cart-summary-product.payment-with-installments .cart-product-info:before,
.cart-block--contents .cart-summary-product.payment-with-installments .cart-product-info:before {
content: ""
}
.path-cart .sidebar_second .cart-summary-product.credit .cart-product-info:before,
.order-summary .cart-summary-product.credit .cart-product-info:before,
.cart-block--contents .cart-summary-product.credit .cart-product-info:before {
content: ""
}
.path-cart .sidebar_second .cart-summary-product.gift-card .cart-product-info:before,
.order-summary .cart-summary-product.gift-card .cart-product-info:before,
.cart-block--contents .cart-summary-product.gift-card .cart-product-info:before {
content: ""
}
.path-cart .sidebar_second .cart-summary-product.option .cart-product-info:before,
.order-summary .cart-summary-product.option .cart-product-info:before,
.cart-block--contents .cart-summary-product.option .cart-product-info:before {
content: ""
}
.path-cart .sidebar_second .cart-summary-product.product-insurance .cart-product-info:before,
.order-summary .cart-summary-product.product-insurance .cart-product-info:before,
.cart-block--contents .cart-summary-product.product-insurance .cart-product-info:before {
content: ""
}
.path-cart .sidebar_second .cart-summary-product.product-insurance .product-img,
.order-summary .cart-summary-product.product-insurance .product-img,
.cart-block--contents .cart-summary-product.product-insurance .product-img {
display: none
}
.path-cart .sidebar_second .cart-summary-product.promotion .cart-product-info:before,
.order-summary .cart-summary-product.promotion .cart-product-info:before,
.cart-block--contents .cart-summary-product.promotion .cart-product-info:before {
content: ""
}
.path-cart .sidebar_second .cart-summary-product.product-split-payment-fee .cart-product-info:before,
.order-summary .cart-summary-product.product-split-payment-fee .cart-product-info:before,
.cart-block--contents .cart-summary-product.product-split-payment-fee .cart-product-info:before {
content: ""
}
.path-cart .sidebar_second .cart-summary-product.payment-fees .cart-product-info:before,
.order-summary .cart-summary-product.payment-fees .cart-product-info:before,
.cart-block--contents .cart-summary-product.payment-fees .cart-product-info:before {
content: ""
}
.path-cart .sidebar_second .cart-summary-product .cart-product-info,
.order-summary .cart-summary-product .cart-product-info,
.cart-block--contents .cart-summary-product .cart-product-info {
display: flex;
align-items: center
}
.path-cart .sidebar_second .cart-summary-product .product-title,
.order-summary .cart-summary-product .product-title,
.cart-block--contents .cart-summary-product .product-title {
font-size: .75rem;
font-weight: 600
}
.path-cart .sidebar_second .cart-summary-product .product-title .badge,
.order-summary .cart-summary-product .product-title .badge,
.cart-block--contents .cart-summary-product .product-title .badge {
display: table;
background: #1882ff;
padding: .25rem;
font-weight: 700;
font-family: "Bebas Neue";
letter-spacing: .05em;
border-radius: 3px;
font-size: 12px
}
.path-cart .sidebar_second .cart-summary-product .product-qty,
.order-summary .cart-summary-product .product-qty,
.cart-block--contents .cart-summary-product .product-qty {
color: #76818d;
font-weight: normal;
display: inline-block
}
.path-cart .sidebar_second .block-cart-contents,
.path-cart .sidebar_second .cart-contents,
.order-summary .block-cart-contents,
.order-summary .cart-contents,
.cart-block--contents .block-cart-contents,
.cart-block--contents .cart-contents {
overflow: auto;
padding: 0 1.5rem
}
@media(min-width:992px) {
.path-cart .sidebar_second .block-cart-contents,
.path-cart .sidebar_second .cart-contents,
.order-summary .block-cart-contents,
.order-summary .cart-contents,
.cart-block--contents .block-cart-contents,
.cart-block--contents .cart-contents {
padding-bottom: 1rem
}
}
@media(max-width:991.98px) {
.path-cart .sidebar_second .block-cart-contents,
.path-cart .sidebar_second .cart-contents,
.order-summary .block-cart-contents,
.order-summary .cart-contents,
.cart-block--contents .block-cart-contents,
.cart-block--contents .cart-contents {
margin-bottom: 0
}
}
.path-cart .sidebar_second .block-cart-contents .totals-details,
.path-cart .sidebar_second .cart-contents .totals-details,
.order-summary .block-cart-contents .totals-details,
.order-summary .cart-contents .totals-details,
.cart-block--contents .block-cart-contents .totals-details,
.cart-block--contents .cart-contents .totals-details {
color: #76818d
}
.path-cart .sidebar_second .block-cart-footer .timer-wrapper,
.path-cart .sidebar_second .cart-contents-footer .timer-wrapper,
.order-summary .block-cart-footer .timer-wrapper,
.order-summary .cart-contents-footer .timer-wrapper,
.cart-block--contents .block-cart-footer .timer-wrapper,
.cart-block--contents .cart-contents-footer .timer-wrapper {
align-items: center
}
.path-cart .sidebar_second .block-cart-footer .order-total-to-pay-label,
.path-cart .sidebar_second .cart-contents-footer .order-total-to-pay-label,
.order-summary .block-cart-footer .order-total-to-pay-label,
.order-summary .cart-contents-footer .order-total-to-pay-label,
.cart-block--contents .block-cart-footer .order-total-to-pay-label,
.cart-block--contents .cart-contents-footer .order-total-to-pay-label {
font-weight: 600
}
.path-cart .sidebar_second .block-cart-footer .order-total-to-pay-value,
.path-cart .sidebar_second .cart-contents-footer .order-total-to-pay-value,
.order-summary .block-cart-footer .order-total-to-pay-value,
.order-summary .cart-contents-footer .order-total-to-pay-value,
.cart-block--contents .block-cart-footer .order-total-to-pay-value,
.cart-block--contents .cart-contents-footer .order-total-to-pay-value {
font-size: 1.25rem;
font-weight: 600
}
.path-cart .sidebar_second .block-cart-footer .cart-action-wrapper .block-cross-selling .checkout-btn-label:after,
.path-cart .sidebar_second .cart-contents-footer .cart-action-wrapper .block-cross-selling .checkout-btn-label:after,
.order-summary .block-cart-footer .cart-action-wrapper .block-cross-selling .checkout-btn-label:after,
.order-summary .cart-contents-footer .cart-action-wrapper .block-cross-selling .checkout-btn-label:after,
.cart-block--contents .block-cart-footer .cart-action-wrapper .block-cross-selling .checkout-btn-label:after,
.cart-block--contents .cart-contents-footer .cart-action-wrapper .block-cross-selling .checkout-btn-label:after {
color: inherit
}
@media(max-width:991.98px) {
.path-cart .sidebar_second .block-cart-footer .cart-action-wrapper,
.path-cart .sidebar_second .cart-contents-footer .cart-action-wrapper,
.order-summary .block-cart-footer .cart-action-wrapper,
.order-summary .cart-contents-footer .cart-action-wrapper,
.cart-block--contents .block-cart-footer .cart-action-wrapper,
.cart-block--contents .cart-contents-footer .cart-action-wrapper {
display: flex
}
.path-cart .sidebar_second .block-cart-footer .cart-action-wrapper .btn-info,
.path-cart .sidebar_second .cart-contents-footer .cart-action-wrapper .btn-info,
.order-summary .block-cart-footer .cart-action-wrapper .btn-info,
.order-summary .cart-contents-footer .cart-action-wrapper .btn-info,
.cart-block--contents .block-cart-footer .cart-action-wrapper .btn-info,
.cart-block--contents .cart-contents-footer .cart-action-wrapper .btn-info {
width: 3rem;
height: 3rem;
margin-left: 1rem;
border: 1px solid #dee2e6;
background: rgba(0, 0, 0, 0);
justify-content: center;
color: initial;
font-size: 0;
padding: 0;
flex-shrink: 0;
display: inline-flex;
align-items: center
}
.path-cart .sidebar_second .block-cart-footer .cart-action-wrapper .btn-info:before,
.path-cart .sidebar_second .cart-contents-footer .cart-action-wrapper .btn-info:before,
.order-summary .block-cart-footer .cart-action-wrapper .btn-info:before,
.order-summary .cart-contents-footer .cart-action-wrapper .btn-info:before,
.cart-block--contents .block-cart-footer .cart-action-wrapper .btn-info:before,
.cart-block--contents .cart-contents-footer .cart-action-wrapper .btn-info:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
}
.path-cart .sidebar_second .block-cart-footer .cart-action-wrapper .reinsurance-container,
.path-cart .sidebar_second .cart-contents-footer .cart-action-wrapper .reinsurance-container,
.order-summary .block-cart-footer .cart-action-wrapper .reinsurance-container,
.order-summary .cart-contents-footer .cart-action-wrapper .reinsurance-container,
.cart-block--contents .block-cart-footer .cart-action-wrapper .reinsurance-container,
.cart-block--contents .cart-contents-footer .cart-action-wrapper .reinsurance-container {
display: none
}
.path-cart .sidebar_second .block-cart-footer,
.order-summary .block-cart-footer,
.cart-block--contents .block-cart-footer {
width: 100%
}
@media(min-width:992px) {
.path-cart .sidebar_second .block-cart-footer,
.order-summary .block-cart-footer,
.cart-block--contents .block-cart-footer {
background-color: #fff;
border-top: 1px solid #dee2e6;
margin: 0;
padding: 1rem 1.5rem;
width: 23.25rem;
margin-top: auto;
box-shadow: 0 0 10px rgba(0, 0, 1, .1)
}
}
.path-cart .sidebar_second .block-cart-footer .timer-wrapper,
.order-summary .block-cart-footer .timer-wrapper,
.cart-block--contents .block-cart-footer .timer-wrapper {
margin-bottom: .75rem
}
.path-cart .sidebar_second .block-cart-footer .order-total-to-pay-value,
.order-summary .block-cart-footer .order-total-to-pay-value,
.cart-block--contents .block-cart-footer .order-total-to-pay-value {
font-size: 1.25rem;
font-weight: 800
}
.path-cart .sidebar_second .block-cart-footer .order-total-to-pay-label,
.order-summary .block-cart-footer .order-total-to-pay-label,
.cart-block--contents .block-cart-footer .order-total-to-pay-label {
font-weight: 600;
font-size: .875rem
}
.path-cart .sidebar_second .totals-details,
.order-summary .totals-details,
.cart-block--contents .totals-details {
text-align: right;
padding-top: .75rem;
margin-top: .75rem;
border-top: 1px solid #dee2e6
}
.path-cart .sidebar_second:not(.openRecap) .block-cart-footer .cart-action-wrapper .btn-info:before,
.order-summary:not(.openRecap) .block-cart-footer .cart-action-wrapper .btn-info:before,
.cart-block--contents:not(.openRecap) .block-cart-footer .cart-action-wrapper .btn-info:before {
transform: rotate(180deg)
}
@media(max-width:991.98px) {
body:has(.modal-gift-card-form) .order-summary,
body:has(.payline-transactions):not(:has(.payline-transactions.d-none)) .order-summary,
body:has(.bill-split-wrapper):not(:has(.bill-split-wrapper.d-none)) .order-summary {
display: none
}
}
body:has(.modal-gift-card-form) .choose-another-payment-button.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):not(.btn-sale):not(.add-coupon-btn),
body:has(.payline-transactions):not(:has(.payline-transactions.d-none)) .choose-another-payment-button.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):not(.btn-sale):not(.add-coupon-btn),
body:has(.bill-split-wrapper):not(:has(.bill-split-wrapper.d-none)) .choose-another-payment-button.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):not(.btn-sale):not(.add-coupon-btn) {
border-color: rgba(0, 0, 0, 0) !important;
background-color: rgba(0, 0, 0, 0) !important
}
@media(max-width:991.98px) {
body:has(.modal-gift-card-form) .payline-transactions,
body:has(.modal-gift-card-form) .bill-split-wrapper,
body:has(.payline-transactions):not(:has(.payline-transactions.d-none)) .payline-transactions,
body:has(.payline-transactions):not(:has(.payline-transactions.d-none)) .bill-split-wrapper,
body:has(.bill-split-wrapper):not(:has(.bill-split-wrapper.d-none)) .payline-transactions,
body:has(.bill-split-wrapper):not(:has(.bill-split-wrapper.d-none)) .bill-split-wrapper {
z-index: 1005 !important
}
}
#page-wrapper .sidebar .more-info .checkout-pane,
#page-wrapper .sidebar .more-info .checkout-pane.js-form-wrapper.form-wrapper:has(input[type=text]),
#page-wrapper .sidebar .order-summary .js-form-wrapper,
#page-wrapper .sidebar .order-summary .checkout-pane-order-summary,
#page-wrapper .sidebar .order-summary .cart-summary-info-wrapper {
margin-bottom: 0
}
div.ui-dialog .ui-dialog-titlebar-close,
.hr-closing-cross {
top: 1rem;
right: 1.5rem;
border: 1px solid #dee2e6;
outline: none;
height: 38px;
width: 38px;
border-radius: .5rem;
padding: 0;
margin: 0;
position: absolute;
font-size: 0;
background: none !important;
border-radius: .5rem
}
div.ui-dialog .ui-dialog-titlebar-close .ui-icon,
.hr-closing-cross .ui-icon {
display: none
}
div.ui-dialog .ui-dialog-titlebar-close:after,
div.ui-dialog .ui-dialog-titlebar-close:before,
.hr-closing-cross:after,
.hr-closing-cross:before {
content: "";
position: absolute;
width: 15px;
height: 2px;
background: #000;
display: block;
top: 50%;
left: 50%;
border-radius: 4px;
transition: .1s linear
}
div.ui-dialog .ui-dialog-titlebar-close:after,
.hr-closing-cross:after {
transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}
div.ui-dialog .ui-dialog-titlebar-close:before,
.hr-closing-cross:before {
transform: translateX(-50%) translateY(-50%) rotate(45deg)
}
div.ui-dialog .ui-dialog-titlebar-close:hover,
.hr-closing-cross:hover {
cursor: pointer
}
div.ui-dialog .ui-dialog-titlebar-close:hover:before,
div.ui-dialog .ui-dialog-titlebar-close:hover:after,
.hr-closing-cross:hover:before,
.hr-closing-cross:hover:after {
transform: translateX(-50%) translateY(-50%) rotate(0deg)
}
@media(max-width:991.98px) {
div.ui-dialog .ui-dialog-titlebar-close,
.hr-closing-cross {
top: 0px;
height: 1.5rem;
width: 1.5rem;
border: 0;
border-radius: 100% !important;
background: #76818d !important
}
div.ui-dialog .ui-dialog-titlebar-close:after,
div.ui-dialog .ui-dialog-titlebar-close:before,
.hr-closing-cross:after,
.hr-closing-cross:before {
background: #fff
}
}
#commerce-product-ticketing-bloc-coupon-access-code {
text-align: center;
padding: 3rem
}
#commerce-product-ticketing-bloc-coupon-access-code h1,
#commerce-product-ticketing-bloc-coupon-access-code .h1 {
font-weight: 600
}
#commerce-product-ticketing-bloc-coupon-access-code p {
font-size: .875rem
}
#commerce-product-ticketing-bloc-coupon-access-code .coupon-access-code-form {
margin: 0 auto
}
@media(min-width:992px) {
#commerce-product-ticketing-bloc-coupon-access-code .coupon-access-code-form {
padding: 1.5rem;
width: 19.5rem;
border-radius: .5rem;
background-color: #fff;
flex-shrink: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03)
}
}
#commerce-product-ticketing-bloc-coupon-access-code .coupon-access-code-form .btn {
width: 100%
}
#commerce-product-ticketing-bloc-coupon-access-code .coupon-access-code-form .form-item-code {
margin-bottom: 1rem
}
.path-node #block-cross-selling-internal,
.page-user-orders #block-cross-selling-internal,
.page-user-tickets #block-cross-selling-internal,
.user-dashboard #block-cross-selling-internal {
background: rgba(0, 0, 0, 0);
width: auto
}
@media(max-width:991.98px) {
.path-node #block-cross-selling-internal .bx-wrapper,
.page-user-orders #block-cross-selling-internal .bx-wrapper,
.page-user-tickets #block-cross-selling-internal .bx-wrapper,
.user-dashboard #block-cross-selling-internal .bx-wrapper {
padding: 0
}
}
.path-node #block-cross-selling-internal .internal-products article,
.page-user-orders #block-cross-selling-internal .internal-products article,
.page-user-tickets #block-cross-selling-internal .internal-products article,
.user-dashboard #block-cross-selling-internal .internal-products article {
border-radius: .5rem 0 0;
border-color: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0);
width: auto !important
}
.path-node #block-cross-selling-internal h2,
.path-node #block-cross-selling-internal .h2,
.path-node #block-cross-selling-internal h2+.placeholder,
.path-node #block-cross-selling-internal .h2+.placeholder,
.page-user-orders #block-cross-selling-internal h2,
.page-user-orders #block-cross-selling-internal .h2,
.page-user-orders #block-cross-selling-internal h2+.placeholder,
.page-user-orders #block-cross-selling-internal .h2+.placeholder,
.page-user-tickets #block-cross-selling-internal h2,
.page-user-tickets #block-cross-selling-internal .h2,
.page-user-tickets #block-cross-selling-internal h2+.placeholder,
.page-user-tickets #block-cross-selling-internal .h2+.placeholder,
.user-dashboard #block-cross-selling-internal h2,
.user-dashboard #block-cross-selling-internal .h2,
.user-dashboard #block-cross-selling-internal h2+.placeholder,
.user-dashboard #block-cross-selling-internal .h2+.placeholder {
display: none
}
.path-node #block-cross-selling-internal h4.title,
.path-node #block-cross-selling-internal .title.h4,
.page-user-orders #block-cross-selling-internal h4.title,
.page-user-orders #block-cross-selling-internal .title.h4,
.page-user-tickets #block-cross-selling-internal h4.title,
.page-user-tickets #block-cross-selling-internal .title.h4,
.user-dashboard #block-cross-selling-internal h4.title,
.user-dashboard #block-cross-selling-internal .title.h4 {
margin-bottom: 1.5rem
}
.path-node .card-cross-sell .image,
.path-node .hubber-cross-sell-product .image,
.path-node .hubber-cross-sell-product-merch .image,
.page-user-orders .card-cross-sell .image,
.page-user-orders .hubber-cross-sell-product .image,
.page-user-orders .hubber-cross-sell-product-merch .image,
.page-user-tickets .card-cross-sell .image,
.page-user-tickets .hubber-cross-sell-product .image,
.page-user-tickets .hubber-cross-sell-product-merch .image,
.user-dashboard .card-cross-sell .image,
.user-dashboard .hubber-cross-sell-product .image,
.user-dashboard .hubber-cross-sell-product-merch .image {
border-radius: .5rem;
overflow: hidden;
padding: 2rem 4rem;
background: #fff;
margin-bottom: 1.5rem;
height: auto
}
.path-node .card-cross-sell .image img,
.path-node .hubber-cross-sell-product .image img,
.path-node .hubber-cross-sell-product-merch .image img,
.page-user-orders .card-cross-sell .image img,
.page-user-orders .hubber-cross-sell-product .image img,
.page-user-orders .hubber-cross-sell-product-merch .image img,
.page-user-tickets .card-cross-sell .image img,
.page-user-tickets .hubber-cross-sell-product .image img,
.page-user-tickets .hubber-cross-sell-product-merch .image img,
.user-dashboard .card-cross-sell .image img,
.user-dashboard .hubber-cross-sell-product .image img,
.user-dashboard .hubber-cross-sell-product-merch .image img {
width: 100%;
height: auto
}
.path-node .card-cross-sell .container-price-button,
.path-node .hubber-cross-sell-product .container-price-button,
.path-node .hubber-cross-sell-product-merch .container-price-button,
.page-user-orders .card-cross-sell .container-price-button,
.page-user-orders .hubber-cross-sell-product .container-price-button,
.page-user-orders .hubber-cross-sell-product-merch .container-price-button,
.page-user-tickets .card-cross-sell .container-price-button,
.page-user-tickets .hubber-cross-sell-product .container-price-button,
.page-user-tickets .hubber-cross-sell-product-merch .container-price-button,
.user-dashboard .card-cross-sell .container-price-button,
.user-dashboard .hubber-cross-sell-product .container-price-button,
.user-dashboard .hubber-cross-sell-product-merch .container-price-button {
padding: 0
}
.path-node .card-cross-sell .container-price-button .price,
.path-node .hubber-cross-sell-product .container-price-button .price,
.path-node .hubber-cross-sell-product-merch .container-price-button .price,
.page-user-orders .card-cross-sell .container-price-button .price,
.page-user-orders .hubber-cross-sell-product .container-price-button .price,
.page-user-orders .hubber-cross-sell-product-merch .container-price-button .price,
.page-user-tickets .card-cross-sell .container-price-button .price,
.page-user-tickets .hubber-cross-sell-product .container-price-button .price,
.page-user-tickets .hubber-cross-sell-product-merch .container-price-button .price,
.user-dashboard .card-cross-sell .container-price-button .price,
.user-dashboard .hubber-cross-sell-product .container-price-button .price,
.user-dashboard .hubber-cross-sell-product-merch .container-price-button .price {
display: none
}
.card-cross-sell,
.hubber-cross-sell-product,
.hubber-cross-sell-product-merch {
background-color: #fff;
border-radius: .5rem;
border: 1px solid #dee2e6;
margin: 0 .75rem;
display: flex;
flex-direction: column;
padding-bottom: 1rem;
box-shadow: none
}
.card-cross-sell:hover,
.hubber-cross-sell-product:hover,
.hubber-cross-sell-product-merch:hover {
border-color: #1882ff
}
.card-cross-sell:has(.js-show-details) .actions-wrapper,
.hubber-cross-sell-product:has(.js-show-details) .actions-wrapper,
.hubber-cross-sell-product-merch:has(.js-show-details) .actions-wrapper {
margin-bottom: 0 !important
}
.card-cross-sell.in-cart,
.hubber-cross-sell-product.in-cart,
.hubber-cross-sell-product-merch.in-cart {
border: 2px solid #1882ff
}
.card-cross-sell .info-wrapper,
.hubber-cross-sell-product .info-wrapper,
.hubber-cross-sell-product-merch .info-wrapper {
display: flex;
flex-direction: column;
margin-block: 1rem;
padding-inline: 1rem
}
.card-cross-sell .info-wrapper .event-label,
.hubber-cross-sell-product .info-wrapper .event-label,
.hubber-cross-sell-product-merch .info-wrapper .event-label {
font-size: .875rem;
color: #263140
}
.card-cross-sell .info-wrapper .event-label .event,
.hubber-cross-sell-product .info-wrapper .event-label .event,
.hubber-cross-sell-product-merch .info-wrapper .event-label .event {
color: #1882ff
}
.card-cross-sell .info-wrapper .event-label .event+.event-additional,
.hubber-cross-sell-product .info-wrapper .event-label .event+.event-additional,
.hubber-cross-sell-product-merch .info-wrapper .event-label .event+.event-additional {
position: relative;
padding-inline: .75rem
}
.card-cross-sell .info-wrapper .event-label .event+.event-additional:not(:first-child):before,
.hubber-cross-sell-product .info-wrapper .event-label .event+.event-additional:not(:first-child):before,
.hubber-cross-sell-product-merch .info-wrapper .event-label .event+.event-additional:not(:first-child):before {
content: "•";
position: absolute;
left: 4px;
color: #76818d
}
.card-cross-sell .info-wrapper+.actions-wrapper,
.hubber-cross-sell-product .info-wrapper+.actions-wrapper,
.hubber-cross-sell-product-merch .info-wrapper+.actions-wrapper {
margin-block: auto 1rem;
margin-inline: 1rem;
padding: 0;
display: flex;
flex-direction: column;
gap: .5rem
}
.card-cross-sell .info-wrapper+.actions-wrapper .resale-btn,
.hubber-cross-sell-product .info-wrapper+.actions-wrapper .resale-btn,
.hubber-cross-sell-product-merch .info-wrapper+.actions-wrapper .resale-btn {
margin-top: 0
}
.card-cross-sell .badge,
.hubber-cross-sell-product .badge,
.hubber-cross-sell-product-merch .badge {
position: absolute;
top: -0.75rem;
left: 50%;
transform: translateX(-50%);
font-size: .75rem;
text-transform: uppercase;
padding: 6px 8px;
z-index: 1;
max-width: calc(100% - 3rem);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-family: "Bebas Neue", sans-serif;
letter-spacing: 1px
}
.card-cross-sell .image,
.hubber-cross-sell-product .image,
.hubber-cross-sell-product-merch .image {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 16/9;
object-fit: cover;
overflow: hidden;
border-radius: .5rem .5rem 0 0
}
.card-cross-sell .image .image-style-vignette-card-image,
.hubber-cross-sell-product .image .image-style-vignette-card-image,
.hubber-cross-sell-product-merch .image .image-style-vignette-card-image {
width: 100% !important
}
.card-cross-sell .visual-bg,
.hubber-cross-sell-product .visual-bg,
.hubber-cross-sell-product-merch .visual-bg {
aspect-ratio: 16/9;
border-radius: .5rem .5rem 0 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
.card-cross-sell .title,
.hubber-cross-sell-product .title,
.hubber-cross-sell-product-merch .title {
font-size: 1rem;
font-weight: 600;
margin-bottom: .25rem;
margin-top: 1rem
}
.card-cross-sell .event,
.hubber-cross-sell-product .event,
.hubber-cross-sell-product-merch .event {
font-size: .875rem
}
.card-cross-sell .event+.event-additional,
.hubber-cross-sell-product .event+.event-additional,
.hubber-cross-sell-product-merch .event+.event-additional {
position: relative;
padding-left: .75rem;
font-size: .875rem
}
.card-cross-sell .event+.event-additional:not(:first-child):before,
.hubber-cross-sell-product .event+.event-additional:not(:first-child):before,
.hubber-cross-sell-product-merch .event+.event-additional:not(:first-child):before {
content: "•";
position: absolute;
left: 2px;
top: 0;
margin: 0;
color: #76818d
}
.card-cross-sell .date_not_final,
.hubber-cross-sell-product .date_not_final,
.hubber-cross-sell-product-merch .date_not_final {
font-size: .75rem
}
.card-cross-sell .venue,
.card-cross-sell .date,
.hubber-cross-sell-product .venue,
.hubber-cross-sell-product .date,
.hubber-cross-sell-product-merch .venue,
.hubber-cross-sell-product-merch .date {
font-size: .875rem;
display: block
}
.card-cross-sell .venue,
.hubber-cross-sell-product .venue,
.hubber-cross-sell-product-merch .venue {
color: #76818d
}
.card-cross-sell .price,
.hubber-cross-sell-product .price,
.hubber-cross-sell-product-merch .price {
font-size: 1.125rem
}
.card-cross-sell .price em,
.hubber-cross-sell-product .price em,
.hubber-cross-sell-product-merch .price em {
font-weight: 600;
font-size: 1.125rem
}
.card-cross-sell .more-info-desc,
.hubber-cross-sell-product .more-info-desc,
.hubber-cross-sell-product-merch .more-info-desc {
color: #76818d;
font-size: .875rem;
font-weight: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis
}
.card-cross-sell .actions-wrapper,
.hubber-cross-sell-product .actions-wrapper,
.hubber-cross-sell-product-merch .actions-wrapper {
display: flex;
flex-direction: row;
gap: .5rem;
padding-bottom: 0
}
.card-cross-sell .actions-wrapper:last-child,
.hubber-cross-sell-product .actions-wrapper:last-child,
.hubber-cross-sell-product-merch .actions-wrapper:last-child {
padding-bottom: 0
}
.card-cross-sell .actions-wrapper .sale-btn,
.hubber-cross-sell-product .actions-wrapper .sale-btn,
.hubber-cross-sell-product-merch .actions-wrapper .sale-btn {
flex: 1
}
.card-cross-sell .actions-wrapper .sale-btn a,
.hubber-cross-sell-product .actions-wrapper .sale-btn a,
.hubber-cross-sell-product-merch .actions-wrapper .sale-btn a {
display: inline-flex;
align-items: center;
margin-right: .5rem;
padding: 0 .75rem;
width: 100%
}
.card-cross-sell .actions-wrapper .sale-btn a:before,
.hubber-cross-sell-product .actions-wrapper .sale-btn a:before,
.hubber-cross-sell-product-merch .actions-wrapper .sale-btn a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.card-cross-sell .actions-wrapper .more-information a,
.hubber-cross-sell-product .actions-wrapper .more-information a,
.hubber-cross-sell-product-merch .actions-wrapper .more-information a {
display: inline-flex;
align-items: center;
font-size: 0;
width: auto;
padding: 0;
aspect-ratio: 1/1
}
.card-cross-sell .actions-wrapper .more-information a:before,
.hubber-cross-sell-product .actions-wrapper .more-information a:before,
.hubber-cross-sell-product-merch .actions-wrapper .more-information a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.card-cross-sell .participants-wrapper,
.hubber-cross-sell-product .participants-wrapper,
.hubber-cross-sell-product-merch .participants-wrapper {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 1rem
}
.card-cross-sell .participants-wrapper .participant .logo,
.hubber-cross-sell-product .participants-wrapper .participant .logo,
.hubber-cross-sell-product-merch .participants-wrapper .participant .logo {
max-height: 4rem;
max-width: 4rem
}
.card-cross-sell .card-price,
.hubber-cross-sell-product .card-price,
.hubber-cross-sell-product-merch .card-price {
font-size: .875rem;
padding-bottom: 1rem
}
.card-cross-sell .card-price.overrided,
.card-cross-sell .card-price em,
.hubber-cross-sell-product .card-price.overrided,
.hubber-cross-sell-product .card-price em,
.hubber-cross-sell-product-merch .card-price.overrided,
.hubber-cross-sell-product-merch .card-price em {
font-weight: 600;
font-size: 1.125rem
}
.card-cross-sell .container-price-button,
.hubber-cross-sell-product .container-price-button,
.hubber-cross-sell-product-merch .container-price-button {
padding: 0 1.5rem 1.5rem
}
.card-cross-sell .commerce-product-variation-prices,
.hubber-cross-sell-product .commerce-product-variation-prices,
.hubber-cross-sell-product-merch .commerce-product-variation-prices {
padding-bottom: 0
}
.hubber-cross-sell-product-merch {
display: flex;
flex-direction: column;
margin-inline: .5rem;
border: unset;
background-color: unset;
padding-bottom: 0
}
.hubber-cross-sell-product-merch .event-type {
position: absolute;
top: -0.75rem;
left: 50%;
transform: translateX(-50%);
z-index: 1
}
.hubber-cross-sell-product-merch .event-type .badge {
padding: 6px 8px
}
.hubber-cross-sell-product-merch .image {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1/1;
object-fit: cover;
border-radius: .5rem;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0)
}
.hubber-cross-sell-product-merch .image img {
transition: all 200ms ease-in-out
}
.hubber-cross-sell-product-merch:hover img {
transform: scale(1.1)
}
.hubber-cross-sell-product-merch .title {
font-size: 1rem;
font-weight: 600;
transition: color 300ms ease-out;
margin-bottom: .25rem;
margin-top: 1rem
}
.hubber-cross-sell-product-merch .more-info-desc {
color: #76818d;
font-size: .875rem;
font-weight: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis
}
.hubber-cross-sell-product-merch:hover .image {
border-color: #1882ff
}
.hubber-cross-sell-product-merch:hover .title {
color: #1882ff
}
.hubber-cross-sell-product-merch .sale-btn {
width: 100%
}
.hubber-cross-sell-product-merch .actions-wrapper {
margin-top: auto
}
.card-cross-sell .card-event-content {
margin-top: unset !important
}
.card-cross-sell .actions-wrapper {
padding-bottom: 0 !important
}
.hubber-cross-sell-product>*:not(.image):not(.visual-container) {
padding-inline: 1rem
}
.hubber-cross-sell-product .visual-container {
border-radius: .44rem .44rem 0 0;
overflow: hidden
}
.hubber-cross-sell-product .visual-container img {
width: 100% !important;
height: auto !important
}
.hubber-cross-sell-product .actions-wrapper {
margin-top: auto
}
.hubber-cross-sell-product .btn-show-details {
font-weight: normal;
text-decoration: underline
}
.hubber-cross-sell-product:has(.btn-show-details) .actions-wrapper {
padding-bottom: 0
}
.block-cross-selling .card-event.card-show .card-event-content {
padding: 1rem
}
.block-cross-selling .card-event.card-show .card-event-content .title {
margin-block: 0 .25rem;
font-size: 1rem
}
.block-cross-selling .card-event.card-show .card-event-content .date {
font-size: .875rem
}
#block-cross-selling-mandatory-products-hubber-reference8 {
background-color: #fff;
border-top: 1px solid #dee2e6;
padding: 1.5rem
}
#block-cross-selling-mandatory-products-hubber-reference8>h2,
#block-cross-selling-mandatory-products-hubber-reference8>.h2 {
font-size: 1rem !important;
margin-bottom: 1rem !important
}
#block-cross-selling-mandatory-products-hubber-reference8 .more-info-desc {
color: #76818d;
font-size: .875rem;
font-weight: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis
}
#block-cross-selling-mandatory-products-hubber-reference8 .commerce-product-variation-prices {
margin-bottom: .5rem
}
#block-cross-selling-mandatory-products-hubber-reference8 .js-cross-sell-info-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 12px;
border: 1px solid #1882ff;
padding: .5rem;
border-radius: .5rem;
color: #1882ff;
margin-bottom: 2rem;
position: relative
}
#block-cross-selling-mandatory-products-hubber-reference8 .js-cross-sell-info-wrapper:before {
content: "";
background-color: #1882ff;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
opacity: .1;
border-radius: .5rem
}
#block-cross-selling-mandatory-products-hubber-reference8 .js-cross-sell-info-wrapper p {
margin: 0;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
#block-cross-selling-mandatory-products-hubber-reference8 .js-cross-sell-info-wrapper p:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
#block-cross-selling-mandatory-products-hubber-reference8 .js-cross-sell-info-wrapper .more-info {
white-space: nowrap;
text-decoration: underline;
position: relative;
cursor: pointer
}
#block-cross-selling-mandatory-products-hubber-reference8 .products-wrapper {
display: grid;
grid-template-rows: auto;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 1fr
}
@media(min-width:768px) {
#block-cross-selling-mandatory-products-hubber-reference8 .products-wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(min-width:1200px) {
#block-cross-selling-mandatory-products-hubber-reference8 .products-wrapper {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
#block-cross-selling-mandatory-products-hubber-reference8 .card-event.dark {
background-color: #fff;
color: #263140
}
#block-cross-selling-mandatory-products-hubber-reference8 .card-event.dark .venue {
color: #76818d
}
#block-cross-selling-mandatory-products-hubber-reference8 .card-event .close-cross {
display: none
}
#block-cross-selling-mandatory-products-hubber-reference8 .card-event .event-additional:before {
content: "•";
margin: 0 .25rem;
color: inherit
}
#block-cross-selling-mandatory-products-hubber-reference8 .hubber-cross-sell-product,
#block-cross-selling-mandatory-products-hubber-reference8 .hubber-cross-sell-product-merch {
margin: 0;
justify-content: unset;
width: 100%;
max-width: unset;
min-width: unset;
border: unset
}
#block-cross-selling-mandatory-products-hubber-reference8 .hubber-cross-sell-product.in-cart:before,
#block-cross-selling-mandatory-products-hubber-reference8 .hubber-cross-sell-product-merch.in-cart:before {
content: "";
font-family: "hubber8";
font-size: 2rem;
height: 2rem;
width: 2rem;
background-color: #1882ff;
color: #fff;
position: absolute;
left: .75rem;
top: .75rem;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2
}
#block-cross-selling-mandatory-products-hubber-reference8 .hubber-cross-sell-product.in-cart .image,
#block-cross-selling-mandatory-products-hubber-reference8 .hubber-cross-sell-product-merch.in-cart .image {
border-width: 2px
}
#block-cross-selling-mandatory-products-hubber-reference8 .hubber-cross-sell-product.in-cart .btn-primary,
#block-cross-selling-mandatory-products-hubber-reference8 .hubber-cross-sell-product-merch.in-cart .btn-primary {
background-color: rgba(0, 0, 0, 0) !important;
border: none;
color: #1882ff !important;
font-style: italic;
padding: 0;
justify-content: flex-start;
pointer-events: none
}
#block-cross-selling-mandatory-products-hubber-reference8 .hubber-cross-sell-product.in-cart .btn-primary:before,
#block-cross-selling-mandatory-products-hubber-reference8 .hubber-cross-sell-product-merch.in-cart .btn-primary:before {
content: "";
font-style: normal
}
#block-cross-selling-mandatory-products-hubber-reference8 .hubber-cross-sell-product .close-cross,
#block-cross-selling-mandatory-products-hubber-reference8 .hubber-cross-sell-product-merch .close-cross {
display: none
}
#block-cross-selling-mandatory-products-hubber-reference8 .hubber-cross-sell-product .actions-wrapper,
#block-cross-selling-mandatory-products-hubber-reference8 .hubber-cross-sell-product-merch .actions-wrapper {
margin-top: auto
}
#block-cross-selling-mandatory-products-hubber-reference8 .hubber-cross-sell-product .event-label,
#block-cross-selling-mandatory-products-hubber-reference8 .hubber-cross-sell-product-merch .event-label {
font-size: .875rem
}
#edit-sidebar-coupon-redemption-form {
position: relative;
margin: 1rem 0 !important
}
#edit-sidebar-coupon-redemption-form label {
margin-bottom: 0;
position: relative
}
#edit-sidebar-coupon-redemption-form label:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
line-height: 1;
position: absolute;
top: 7px;
left: 16px
}
#edit-sidebar-coupon-redemption-form .alert {
background: rgba(0, 0, 0, 0);
border: 0;
padding: 0;
font-size: 11px;
color: #dc3545;
position: absolute;
text-align: right;
right: 2.75rem;
top: 50%;
transform: translateY(-50%);
font-style: italic;
font-weight: 600;
width: 8rem;
line-height: 1;
z-index: 1
}
#edit-sidebar-coupon-redemption-form .alert:before,
#edit-sidebar-coupon-redemption-form .alert-success,
#edit-sidebar-coupon-redemption-form .alert .close {
display: none
}
#edit-sidebar-coupon-redemption-form .form-control {
height: 2.375rem;
border-radius: 3rem;
padding-left: 3rem;
margin-bottom: 0
}
#edit-sidebar-coupon-redemption-form .form-control.is-invalid {
background-image: none
}
#edit-sidebar-coupon-redemption-form .form-submit {
position: absolute;
height: 2rem;
width: 2rem;
right: .25rem;
border-radius: 100%;
padding: 0;
top: 3px;
font-size: 0
}
#edit-sidebar-coupon-redemption-form .form-submit:before {
content: "OK";
font-size: .75rem;
color: inherit
}
#edit-sidebar-coupon-redemption-form .coupon-redemption-form__coupons h3,
#edit-sidebar-coupon-redemption-form .coupon-redemption-form__coupons .h3 {
font-size: .75rem;
font-weight: normal;
display: flex;
align-items: center;
margin-bottom: 0;
text-overflow: ellipsis;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #263140
}
#edit-sidebar-coupon-redemption-form .coupon-redemption-form__coupons h3:after,
#edit-sidebar-coupon-redemption-form .coupon-redemption-form__coupons .h3:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
line-height: 1;
color: #64bf18
}
#edit-sidebar-coupon-redemption-form .coupon-redemption-form__coupons table {
width: 100%
}
#edit-sidebar-coupon-redemption-form .coupon-redemption-form__coupons tr {
display: flex;
align-items: center;
justify-content: space-between
}
#edit-sidebar-coupon-redemption-form .coupon-redemption-form__coupons td:first-child {
font-size: .75rem;
display: flex;
padding: 0 .25rem
}
#edit-sidebar-coupon-redemption-form .coupon-redemption-form__coupons td .button {
position: relative;
background: rgba(0, 0, 0, 0) !important;
border: 0;
color: #1882ff !important;
width: auto;
font-weight: normal;
text-decoration: underline;
height: auto;
line-height: 1;
top: 0;
right: 0;
font-weight: 600;
font-size: .75rem
}
#edit-sidebar-coupon-redemption-form .coupon-redemption-form__coupons td .button:before {
display: none
}
.form-wrapper legend,
.form-wrapper label,
.form-group legend,
.form-group label {
font-size: .875rem;
font-weight: 500;
text-transform: none
}
.form-wrapper .form-inline fieldset,
.form-group .form-inline fieldset {
flex: 1;
margin-bottom: 0
}
.form-wrapper .form-inline fieldset:last-child .custom-select,
.form-group .form-inline fieldset:last-child .custom-select {
margin-right: 0
}
.form-wrapper .form-inline .custom-select,
.form-group .form-inline .custom-select {
width: 100%;
margin-right: .75rem
}
.form-wrapper legend span.hide-required,
.form-group legend span.hide-required {
width: 100%
}
.form-wrapper legend span.hide-required:not(.form-required),
.form-group legend span.hide-required:not(.form-required) {
display: flex;
justify-content: space-between;
align-items: baseline
}
.form-wrapper legend span.hide-required:not(.form-required)::after,
.form-group legend span.hide-required:not(.form-required)::after {
content: attr(data-optional-label);
margin: 0 .3em;
color: #76818d;
font-size: .875rem;
text-transform: none;
font-weight: normal
}
.form-required:not(.hide-required)::after {
content: "*";
margin: 0 .3em;
color: #dc3545;
background: rgba(0, 0, 0, 0)
}
.form-required.hide-required:after {
display: none
}
label:not(.form-required) {
display: flex;
justify-content: space-between;
align-items: baseline
}
.form-text {
margin-top: 0
}
.form-control,
.form-select {
font-size: 1rem !important;
height: 3.5rem;
box-shadow: unset;
padding: .375rem .75rem
}
@media(max-width:767.98px) {
.form-control,
.form-select {
height: 2.5rem
}
}
.form-type-password-confirm {
position: relative
}
.form-type-password-confirm .password-suggestions {
font-size: .625rem;
background-color: #d9dde2;
color: #76818d;
width: 290px;
padding: .5rem;
position: absolute;
z-index: 1;
left: 0;
top: 85%
}
.form-type-number {
display: flex;
align-self: center;
justify-content: space-between;
padding: .875rem .5rem .875rem 1.25rem;
background-color: #f6f8f9;
border-radius: 0
}
.ui-dialog .form-type-number.form-group {
margin-bottom: .5rem
}
.form-type-number label {
margin-bottom: 0;
display: flex;
align-items: center;
text-transform: none
}
.form-type-number label:after {
display: none
}
.form-type-number .input-number-operators {
display: flex;
align-items: center
}
.form-type-number .input-number-operators input {
padding: 0;
height: auto;
border: 0;
background: rgba(0, 0, 0, 0);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
pointer-events: none;
caret-color: rgba(0, 0, 0, 0);
text-align: right;
margin-right: .5rem;
font-size: .75rem;
box-shadow: none !important
}
.form-type-number .input-number-operators .operator {
flex: 0 0 2.25rem;
height: 1.5rem;
width: 2.25rem;
display: flex;
font-size: 0;
align-items: center;
justify-content: center;
position: relative;
border-radius: .25rem;
transition: all 300ms ease-out
}
.form-type-number .input-number-operators .operator:not(.active) {
color: #76818d !important
}
.form-type-number .input-number-operators .operator:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem
}
.form-type-number .input-number-operators .operator.less {
margin-right: .25rem
}
.form-type-number .input-number-operators .operator.less:before {
content: ""
}
.form-type-number .input-number-operators .operator.less:after {
content: "";
height: 1.5rem;
width: 1px;
background-color: #76818d;
position: absolute;
right: -0.25rem
}
.form-type-number .input-number-operators .operator.more {
margin-left: .25rem
}
.form-group {
margin-bottom: 1rem
}
@media(min-width:992px) {
.form-group {
margin-bottom: 2rem
}
}
#toolbar-administration .form-group {
margin-bottom: 0 !important
}
#toolbar-administration .form-group #admin-toolbar-search-input {
height: 2.5rem
}
.form-select:focus {
box-shadow: none
}
.form-type-webform-image-file .form-file {
height: auto
}
.form-type-webform-image-file .form-submit:after {
content: ""
}
.form-check {
margin-bottom: .5rem
}
.fieldset-wrapper>.radio .custom-radio {
flex: 1;
text-align: center;
background: rgba(0, 0, 0, 0);
position: relative;
border-radius: .5rem;
padding-left: 0;
margin-right: 0
}
.fieldset-wrapper>.radio .custom-control-label {
background-color: #f7f9fa;
font-size: 1rem;
padding: .75rem 1.5rem;
width: 100%;
border: 1px solid rgba(0, 0, 0, 0);
cursor: pointer;
color: #76818d;
justify-content: center
}
.fieldset-wrapper>.radio .custom-control-label:after,
.fieldset-wrapper>.radio .custom-control-label:before {
display: none
}
.fieldset-wrapper>.radio .custom-control-input:checked+.custom-control-label {
background: rgba(0, 0, 0, 0);
color: #000;
border-color: #f7f9fa;
font-weight: 600;
border-radius: .25rem;
box-shadow: 0 0 2px rgba(0, 0, 0, .05)
}
.fieldset-wrapper>.radio.js-form-item-field-user-type .custom-control-input:checked+.custom-control-label {
background: #1882ff;
color: #fff
}
.form-check:not(.custom-switch).radio .form-check-label:before {
border-radius: 100%;
border-color: #ccd2d9;
background-color: #fff !important
}
.form-check:not(.custom-switch).radio .form-check-input:checked~.form-check-label:before {
border-color: #1882ff
}
.form-check:not(.custom-switch).radio .form-check-input:checked~.form-check-label:after {
content: "";
height: 1rem;
width: 1rem;
background-color: #1882ff;
border-radius: 100%;
top: 4px;
left: 4px
}
.form-check.hide-checkbox {
padding: 0
}
.form-check.hide-checkbox label:before,
.form-check.hide-checkbox label:after {
display: none !important
}
.radio-button-list {
display: flex;
flex-wrap: wrap
}
.radio-button-list {
display: flex;
flex-wrap: wrap
}
.radio-button-list .custom-radio>input {
display: none
}
input[type=radio] {
-webkit-appearance: none;
width: 20px;
height: 20px;
border-radius: 100%;
outline: none;
border: 1px solid #dee2e6;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
cursor: pointer
}
input[type=radio]:before {
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 100%
}
input[type=radio]:checked {
border-color: #1882ff
}
input[type=radio]:checked:before {
background: #1882ff
}
input[type=radio]+label {
cursor: pointer
}
.form-check {
position: relative
}
.custom-select {
transition: all 300ms ease-out;
font-weight: 500;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.152449 1.26316C-0.280703 0.701755 0.260737 4.24762e-07 1.12704 4.01547e-07L10.873 0C11.7393 -2.32144e-08 12.2807 0.701754 11.8476 1.26316L6.97459 7.57895C6.54144 8.14035 5.45856 8.14035 5.02541 7.57895L0.152449 1.26316Z' fill='%23263140'/%3E%3C/svg%3E%0A");
cursor: pointer
}
@media(prefers-reduced-motion:reduce) {
.custom-select {
transition: none
}
}
.custom-select:hover {
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.152449 1.26316C-0.280703 0.701755 0.260737 4.24762e-07 1.12704 4.01547e-07L10.873 0C11.7393 -2.32144e-08 12.2807 0.701754 11.8476 1.26316L6.97459 7.57895C6.54144 8.14035 5.45856 8.14035 5.02541 7.57895L0.152449 1.26316Z' fill='%23263140'/%3E%3C/svg%3E%0A")
}
input.form-control {
transition: all 300ms ease-out
}
@media(prefers-reduced-motion:reduce) {
input.form-control {
transition: none
}
}
input.form-control:focus {
border-color: #1882ff
}
body #page-wrapper form:not(.email-tfa-verify-code) :not(:has(.filter)) div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-invalid) label,
body #page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-invalid) label {
color: #ff1818 !important
}
body #page-wrapper form:not(.email-tfa-verify-code) :not(:has(.filter)) div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-invalid):after,
body #page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-invalid):after {
color: #ff1818 !important
}
body #page-wrapper form:not(.email-tfa-verify-code) :not(:has(.filter)) div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-invalid) input,
body #page-wrapper form:not(.email-tfa-verify-code) :not(:has(.filter)) div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-invalid) input:focus,
body #page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-invalid) input,
body #page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-invalid) input:focus {
box-shadow: none !important;
border: 1px solid #ff1818 !important
}
select.form-select {
transition: background-color, ease-out, 300ms;
box-shadow: 0 1.5px 3px rgba(0, 0, 0, .05);
font-weight: 400
}
@media(prefers-reduced-motion:reduce) {
select.form-select {
transition: none
}
}
select.form-select:hover {
box-shadow: 0 1.5px 3px rgba(0, 0, 0, .05), 0 2.5px 5px rgba(0, 0, 0, .025), 0 7.5px 15px rgba(0, 0, 0, .04)
}
.custom-select-icon:not(.form-no-label) .form-select {
padding-left: 3rem;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: .875rem
}
.custom-select-icon:not(.form-no-label) label {
position: relative
}
.custom-select-icon:not(.form-no-label) label:before {
content: "";
font-family: "hubber8";
position: absolute;
top: 1.75rem;
left: 1rem;
color: #64bf18;
font-size: 1.5rem
}
.custom-select-icon:not(.form-no-label).custom-select-validated label:before {
content: ""
}
.custom-switch-wrapper {
display: flex;
font-size: .75rem;
align-items: center;
justify-content: space-between
}
.custom-switch-wrapper p,
.custom-switch-wrapper .custom-control {
margin-bottom: 0 !important
}
.form-item--error-message {
width: 100%;
margin-top: .25rem;
font-size: .75rem;
color: #ff3f18;
text-align: left
}
.form-control.js-invalid {
border-color: #ff3f18 !important
}
select {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.infos {
cursor: pointer;
font-size: 1.5rem;
line-height: 1;
display: flex
}
.infos.price-info {
font-size: .875rem;
display: flex;
align-items: center;
margin-top: .5rem;
gap: .5rem
}
.infos.price-info p {
margin-bottom: 0;
line-height: 1.125;
margin-top: 4px
}
.webform-submission-form .js-form-item {
margin-bottom: .75rem
}
.ui-dialog form.hubber-alerting-subscribing-modal-form [data-drupal-selector=edit-field-user-address-0] legend {
display: none
}
.ui-dialog form.hubber-alerting-subscribing-modal-form .captcha__title {
display: none
}
.ui-dialog form.hubber-alerting-subscribing-modal-form .fieldset-postal-code .field--type-datetime,
.ui-dialog form.hubber-alerting-subscribing-modal-form .js-form-type-email .field--type-datetime {
margin-top: 1rem
}
.ui-dialog form.hubber-alerting-subscribing-modal-form .fieldset-postal-code .field--type-datetime .form-inline,
.ui-dialog form.hubber-alerting-subscribing-modal-form .js-form-type-email .field--type-datetime .form-inline {
gap: .75rem
}
.ui-dialog form.hubber-alerting-subscribing-modal-form .fieldset-postal-code .field--type-datetime .form-inline .form-type-select,
.ui-dialog form.hubber-alerting-subscribing-modal-form .js-form-type-email .field--type-datetime .form-inline .form-type-select {
flex: 1
}
.ui-dialog form.hubber-alerting-subscribing-modal-form .fieldset-postal-code {
padding: 0
}
.ui-dialog form.hubber-alerting-subscribing-modal-form summary {
display: none
}
.webform-submission-form .js-form-item {
margin-bottom: .75rem
}
input::placeholder {
font-weight: F00;
font-size: 1rem;
color: #76818d
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #fff inset !important;
-webkit-text-fill-color: inherit !important
}
.block-language {
margin-right: .75rem
}
.block-language .btn-switch-lang,
.block-language .dropdown-item .language-link {
align-items: center;
background-color: var(--hb-top);
border-radius: .5rem;
border: 1px solid;
border-color: var(--hb-top);
color: var(--hb-link-top);
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
font-size: 1rem;
font-weight: 500;
border-color: rgba(0, 0, 0, 0);
height: 2.375rem;
padding: .25rem .5rem;
width: auto;
justify-content: space-between;
text-transform: unset;
width: 100%;
justify-content: center;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0)
}
@media(min-width:768px) {
.block-language .btn-switch-lang,
.block-language .dropdown-item .language-link {
display: inline-flex
}
}
.block-language .btn-switch-lang:hover,
.block-language .dropdown-item .language-link:hover {
color: var(--hb-link-top);
background-color: var(--hb-top);
transform: none;
box-shadow: none
}
.block-language .btn-switch-lang:hover,
.block-language .dropdown-item .language-link:hover {
color: var(--hb-link-top-hover)
}
.block-language .dropdown-item .language-link {
border: 0;
position: relative;
font-size: .875rem
}
.block-language .btn-switch-lang:after {
border: 0;
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
margin-left: 0
}
.block-language .btn-switch-lang:hover {
color: var(--hb-link-top-hover)
}
.block-language .dropdown-lang.show .btn-switch-lang {
border: 1px solid #1882ff
}
.block-language .dropdown-lang.show .dropdown-toggle::after {
transform: rotate(180deg)
}
.block-language .dropdown-item {
padding: 0;
position: relative;
box-shadow: unset
}
.block-language .dropdown-item.is-active {
display: none
}
.block-language .dropdown-item:hover,
.block-language .dropdown-item:focus {
background: rgba(0, 0, 0, 0)
}
.block-language .dropdown-menu {
box-shadow: none;
background-color: var(--hb-top);
padding: 4px;
min-width: unset;
margin-top: .5rem;
flex-direction: column;
gap: 4px
}
.block-language .dropdown-menu.show {
display: flex
}
.block-language .dropdown-menu .dropdown-item:before {
content: "";
background-color: #1882ff;
height: 100%;
width: 100%;
position: absolute;
border-radius: .25rem;
opacity: 0;
transition: all 200ms ease-in-out
}
.block-language .dropdown-menu .dropdown-item:hover:before {
opacity: .1
}
.block-hubber-menu-block .block-language {
display: flex;
position: sticky;
bottom: 12px;
background: var(--hb-top);
padding-left: 1rem;
z-index: 1
}
.login-social-list .btn {
font-weight: 600;
text-align: left;
border-radius: 2rem;
background-color: #fff;
color: #1882ff;
box-shadow: 0 1.5px 3px rgba(0, 0, 0, .05);
display: flex;
align-items: center
}
.login-social-list .btn:not(:last-child) {
margin-bottom: 1.5rem
}
.login-social-list .btn:before {
content: "";
height: 1.5rem;
width: 1.5rem;
display: block;
margin: 0 .75rem;
background-position: center;
background-size: 1.125rem;
background-repeat: no-repeat
}
.login-social-list .btn.social_auth_google:before {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 512 512'%3E%3Ctitle%3E%3C/title%3E%3Cg id='icomoon-ignore'%3E%3C/g%3E%3Cpath fill='%23fbbb00' d='M113.47 309.408l-17.822 66.532-65.139 1.378c-19.467-36.107-30.509-77.418-30.509-121.318 0-42.451 10.324-82.483 28.624-117.732h0.014l57.992 10.632 25.404 57.644c-5.317 15.501-8.215 32.141-8.215 49.456 0.002 18.792 3.406 36.797 9.651 53.408z'%3E%3C/path%3E%3Cpath fill='%23518ef8' d='M507.527 208.176c2.94 15.486 4.473 31.479 4.473 47.824 0 18.328-1.927 36.206-5.598 53.451-12.462 58.683-45.025 109.925-90.134 146.187l-0.014-0.014-73.044-3.727-10.338-64.535c29.932-17.554 53.324-45.025 65.646-77.911h-136.89v-101.275h245.899z'%3E%3C/path%3E%3Cpath fill='%2328b446' d='M416.253 455.624l0.014 0.014c-43.871 35.263-99.601 56.362-160.267 56.362-97.491 0-182.252-54.491-225.491-134.681l82.961-67.91c21.619 57.698 77.278 98.771 142.53 98.771 28.047 0 54.323-7.582 76.87-20.818l83.383 68.262z'%3E%3C/path%3E%3Cpath fill='%23f14336' d='M419.404 58.936l-82.933 67.896c-23.335-14.586-50.919-23.012-80.471-23.012-66.729 0-123.429 42.957-143.965 102.724l-83.411-68.276c42.606-82.145 128.436-138.268 227.376-138.268 62.115 0 119.068 22.126 163.404 58.936z'%3E%3C/path%3E%3C/svg%3E%0A")
}
.login-social-list .btn.social_auth_facebook:before {
background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 24 24' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.997 3.985h2.191v-3.816c-.378-.052-1.678-.169-3.192-.169-6.932 0-5.046 7.85-5.322 9h-3.487v4.266h3.486v10.734h4.274v-10.733h3.345l.531-4.266h-3.877c.188-2.824-.761-5.016 2.051-5.016z' fill='%233b5999'/%3E%3C/svg%3E")
}
.login-social-list .btn.social_auth_twitter:before {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve' height='24' weight='24'%3E%3Cpath style='fill:%2303A9F4;' d='M512,97.248c-19.04,8.352-39.328,13.888-60.48,16.576c21.76-12.992,38.368-33.408,46.176-58.016 c-20.288,12.096-42.688,20.64-66.56,25.408C411.872,60.704,384.416,48,354.464,48c-58.112,0-104.896,47.168-104.896,104.992 c0,8.32,0.704,16.32,2.432,23.936c-87.264-4.256-164.48-46.08-216.352-109.792c-9.056,15.712-14.368,33.696-14.368,53.056 c0,36.352,18.72,68.576,46.624,87.232c-16.864-0.32-33.408-5.216-47.424-12.928c0,0.32,0,0.736,0,1.152 c0,51.008,36.384,93.376,84.096,103.136c-8.544,2.336-17.856,3.456-27.52,3.456c-6.72,0-13.504-0.384-19.872-1.792 c13.6,41.568,52.192,72.128,98.08,73.12c-35.712,27.936-81.056,44.768-130.144,44.768c-8.608,0-16.864-0.384-25.12-1.44 C46.496,446.88,101.6,464,161.024,464c193.152,0,298.752-160,298.752-298.688c0-4.64-0.16-9.12-0.384-13.568 C480.224,136.96,497.728,118.496,512,97.248z'/%3E%3C/svg%3E%0A")
}
.btn-loading {
max-height: 3rem
}
.btn-loading:before,
.btn-loading:after {
display: none
}
.cta-blocker {
z-index: 1;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block
}
.page-blocker {
z-index: 10;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
background-color: #000;
opacity: .2
}
.hr-bloc-loading {
opacity: .5;
pointer-events: none;
position: relative
}
.hr-bloc-loading::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
border: 3px solid #fbfbfc;
border-top: 3px solid var(--hb-cta-primary);
border-radius: 50%;
animation: spin 1s linear infinite
}
.map-togglers {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: absolute;
bottom: .75rem;
left: .5rem;
background-color: #fff;
border-radius: .5rem;
z-index: 1;
overflow: hidden;
box-shadow: 0 0 4px 0px rgba(0, 0, 0, .03), 0 1px 1px 0px rgba(0, 0, 0, .05)
}
@media(max-width:991.98px) {
.map-togglers {
display: none
}
}
.plan.hide .map-togglers {
left: 50%;
transform: translateX(-50%)
}
.map-togglers-wrapper {
position: absolute;
padding: .75rem;
top: .25rem;
left: .25rem;
bottom: .25rem;
border-radius: 1rem
}
@media(min-width:992px) {
.map-togglers-wrapper {
min-height: 20rem
}
}
.plan.hide .map-togglers-wrapper {
background-color: #fff;
left: 50%;
transform: translateX(-50%)
}
.map-togglers-wrapper .map-hidden-hint {
color: #ccd2d9;
font-size: .875rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start
}
.map-togglers-wrapper .map-hidden-hint:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
color: initial;
line-height: 1
}
.map-togglers .map-toggle {
cursor: pointer;
padding: 0 .5rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.map-togglers .map-toggle::before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
display: flex;
height: 2.375rem;
width: 1.5rem;
mix-blend-mode: multiply
}
.map-togglers .map-toggle:hover::before {
content: "" !important;
background-size: contain;
background-repeat: no-repeat;
background-position: center
}
.map-togglers .map-toggle.full::before {
content: ""
}
.map-togglers .map-toggle.full:hover::before {
background-image: url(/themes/custom/hubber_reference8/images/plan-full.gif)
}
.map-togglers .map-toggle.normal::before {
content: ""
}
.map-togglers .map-toggle.normal:hover::before {
background-image: url(/themes/custom/hubber_reference8/images/plan-normal.gif)
}
body.map-block-selection .map-togglers .map-toggle.hide {
display: none
}
.map-togglers .map-toggle.hide::before {
content: ""
}
.map-togglers .map-toggle.hide:hover::before {
background-image: url(/themes/custom/hubber_reference8/images/plan-hide.gif)
}
.map-togglers .map-toggle:first-child {
border-bottom: 1px solid #dee2e6
}
.map-togglers .map-toggle:last-child {
border-top: 1px solid #dee2e6
}
.map-togglers__mobile {
display: inline-flex;
align-items: center;
margin-right: .5rem;
position: fixed;
bottom: 1.5rem;
left: 50%;
transform: translateX(-50%);
border-radius: 3rem;
background: rgba(0, 0, 0, .5);
backdrop-filter: blur(10px);
color: #fff;
z-index: 5
}
.map-togglers__mobile:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
body:not(.scrolled) .map-togglers__mobile {
display: none
}
@media(min-width:992px) {
.map-togglers__mobile {
display: none !important
}
}
.map-overlay-container.mobile-overlay .info {
display: inline-flex;
align-items: center;
margin-right: .5rem;
cursor: pointer
}
.map-overlay-container.mobile-overlay .info:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.map-toggle-info .js-information-map {
position: absolute;
z-index: 1;
right: 1rem;
bottom: 1rem;
height: 2.5rem;
width: 2.5rem;
background: rgba(0, 0, 0, .6);
align-items: center;
justify-content: center;
border-radius: .5rem;
color: #fff;
cursor: pointer
}
@media(max-width:991.98px) {
body.map-fullscreen.map-block-selection:not(.page-product-resale) .map-toggle-info .js-information-map {
bottom: 10rem
}
}
.map-toggle-info .custom-tooltip-content {
background: rgba(0, 0, 0, .8);
bottom: 0;
right: 0;
left: auto;
backdrop-filter: blur(10px);
border-radius: .5rem;
top: auto;
padding: .5rem .75rem
}
.map-toggle-info .custom-tooltip-content:before {
display: none
}
.map-toggle-info .custom-tooltip-content p {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.map-toggle-info .custom-tooltip-content p:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.map-toggle-info .closecross {
cursor: pointer;
position: absolute;
top: -4px;
right: -4px
}
.map-toggle-info .closecross::after {
content: "";
font-family: "hubber8";
font-size: 14px;
line-height: 1;
background: #000;
height: 14px;
width: 14px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%
}
html.dialog-open {
padding-right: 0 !important
}
.ui-widget-overlay {
z-index: 1004 !important;
background: rgba(0, 0, 0, .5) !important;
opacity: 1 !important
}
.ui-dialog.ui-widget {
z-index: 1005 !important;
border: none !important;
border-radius: 1.5rem;
font-family: "Poppins", Arial, Verdana, sans-serif;
overflow: hidden;
max-height: 80% !important;
height: auto !important;
position: relative;
padding: 0;
display: flex;
flex-direction: column;
gap: 1rem
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget {
max-height: 90% !important;
top: auto !important;
bottom: 0 !important;
width: 100% !important;
border-radius: 1.5rem 1.5rem 0 0
}
.ui-dialog.ui-widget:before {
content: "";
display: block;
height: 3px;
width: 30px;
border-radius: 3px;
background-color: #e2e5e8;
position: absolute;
top: .75rem;
left: 50%;
transform: translateX(-50%)
}
.ui-dialog.ui-widget.bottom-anim-init {
transform: translateY(100%) translateX(-50%)
}
.ui-dialog.ui-widget.bottom-anim-on {
transform: translateY(0%) translateX(-50%);
transition: transform .5s ease-in-out
}
.ui-dialog.ui-widget.bottom-anim-close {
transform: translateY(100%) translateX(-50%);
transition: transform .5s ease-in-out
}
}
@media(min-width:992px) {
.ui-dialog.ui-widget {
max-width: 824px;
width: 90% !important
}
.ui-dialog.ui-widget.bottom-anim-init {
transform: translateY(-200%) translateX(-50%)
}
.ui-dialog.ui-widget.bottom-anim-on {
transform: translateY(-50%) translateX(-50%);
transition: transform .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
top: 50% !important;
left: 50% !important
}
.ui-dialog.ui-widget.bottom-anim-close {
transform: translateY(-200%) translateX(-50%);
transition: transform .4s ease-in-out
}
}
.ui-dialog.ui-widget.modal-s {
width: 400px !important
}
.ui-dialog.ui-widget .select2-container {
z-index: 1
}
.ui-dialog.ui-widget form {
margin-top: .25rem
}
.ui-dialog.ui-widget form p[data-drupal-selector=edit-description] {
margin: 0
}
.ui-dialog.ui-widget.has-scrollbar {
height: 100% !important
}
.ui-dialog.ui-widget.has-scrollbar .ui-dialog-content {
padding: 0 1rem 1.5rem 1.5rem;
margin-right: 1.5rem
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget.has-scrollbar .ui-dialog-content {
padding: 0 1rem 1.5rem 1rem;
margin-right: 1rem
}
}
.ui-dialog.ui-widget.has-scrollbar .ui-dialog-content .popin-text {
padding-bottom: 2rem
}
.ui-dialog.ui-widget.has-scrollbar .fields-wrapper {
margin-bottom: 5em
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget.has-scrollbar .fields-wrapper {
margin-bottom: 7em
}
}
.ui-dialog.ui-widget.has-scrollbar .form-actions.js-form-wrapper.form-wrapper,
.ui-dialog.ui-widget.has-scrollbar .modal-footer,
.ui-dialog.ui-widget.has-scrollbar .popin-link {
border-top: 1px solid #dee2e6;
box-shadow: 0 -7.5px 15px 0 rgba(0, 0, 0, .03), 0 -2.5px 5px 0 rgba(0, 0, 0, .03), 0 -1.5px 3px 0 rgba(0, 0, 0, .01)
}
.ui-dialog.ui-widget.has-scrollbar form.hubber-alerting-subscribing-modal-form .form-actions.js-form-wrapper.form-wrapper {
padding-top: 1.5rem
}
.ui-dialog.ui-widget.map-location-full,
.ui-dialog.ui-widget.view-cam-full {
max-height: 100% !important;
max-width: 100% !important;
width: 100% !important;
top: 0 !important;
bottom: 0;
left: 0 !important;
right: 0;
padding: 0;
border-radius: 0;
padding: 0;
border: 0
}
.ui-dialog.ui-widget.map-location-full .ui-dialog-titlebar,
.ui-dialog.ui-widget.view-cam-full .ui-dialog-titlebar {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 3
}
.ui-dialog.ui-widget.map-location-full .ui-dialog-titlebar-close,
.ui-dialog.ui-widget.map-location-full .ui-dialog-titlebar-close:hover,
.ui-dialog.ui-widget.map-location-full .ui-dialog-titlebar-close:active,
.ui-dialog.ui-widget.map-location-full .ui-dialog-titlebar-close:focus,
.ui-dialog.ui-widget.view-cam-full .ui-dialog-titlebar-close,
.ui-dialog.ui-widget.view-cam-full .ui-dialog-titlebar-close:hover,
.ui-dialog.ui-widget.view-cam-full .ui-dialog-titlebar-close:active,
.ui-dialog.ui-widget.view-cam-full .ui-dialog-titlebar-close:focus {
background-color: rgba(255, 255, 255, .75) !important
}
.ui-dialog.ui-widget.map-location-full .ui-dialog-titlebar-close:before,
.ui-dialog.ui-widget.map-location-full .ui-dialog-titlebar-close:after,
.ui-dialog.ui-widget.map-location-full .ui-dialog-titlebar-close:hover:before,
.ui-dialog.ui-widget.map-location-full .ui-dialog-titlebar-close:hover:after,
.ui-dialog.ui-widget.map-location-full .ui-dialog-titlebar-close:active:before,
.ui-dialog.ui-widget.map-location-full .ui-dialog-titlebar-close:active:after,
.ui-dialog.ui-widget.map-location-full .ui-dialog-titlebar-close:focus:before,
.ui-dialog.ui-widget.map-location-full .ui-dialog-titlebar-close:focus:after,
.ui-dialog.ui-widget.view-cam-full .ui-dialog-titlebar-close:before,
.ui-dialog.ui-widget.view-cam-full .ui-dialog-titlebar-close:after,
.ui-dialog.ui-widget.view-cam-full .ui-dialog-titlebar-close:hover:before,
.ui-dialog.ui-widget.view-cam-full .ui-dialog-titlebar-close:hover:after,
.ui-dialog.ui-widget.view-cam-full .ui-dialog-titlebar-close:active:before,
.ui-dialog.ui-widget.view-cam-full .ui-dialog-titlebar-close:active:after,
.ui-dialog.ui-widget.view-cam-full .ui-dialog-titlebar-close:focus:before,
.ui-dialog.ui-widget.view-cam-full .ui-dialog-titlebar-close:focus:after {
background: #000
}
.ui-dialog.ui-widget.map-location-full .map-location-container,
.ui-dialog.ui-widget.view-cam-full .map-location-container {
overflow: hidden;
margin: 0;
padding: 0
}
.ui-dialog.ui-widget.map-location-full .view-cam-wrapper,
.ui-dialog.ui-widget.view-cam-full .view-cam-wrapper {
max-width: 100% !important;
height: 100% !important;
width: 100% !important;
max-height: 100% !important;
padding: 0 !important;
overflow: hidden
}
.ui-dialog.ui-widget.map-location-full .view-cam-wrapper iframe,
.ui-dialog.ui-widget.view-cam-full .view-cam-wrapper iframe {
height: 100%;
width: 100%
}
.ui-dialog.ui-widget .ui-dialog-content {
margin-top: 0;
color: #263140;
font-size: .875rem;
height: 100% !important;
max-height: 100% !important;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 0 1.5rem 1.5rem 1.5rem
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget .ui-dialog-content {
padding: 0 1rem 1.5rem 1rem
}
}
.ui-dialog.ui-widget .ui-dialog-content h1,
.ui-dialog.ui-widget .ui-dialog-content .h1 {
margin-top: 0;
font-size: 1.5rem;
padding-right: 3rem;
font-weight: 600;
margin-bottom: 0
}
.ui-dialog.ui-widget .ui-dialog-content h2,
.ui-dialog.ui-widget .ui-dialog-content .h2 {
margin-top: 0;
font-size: 1rem;
padding-right: 3rem;
font-weight: 600;
margin-bottom: .5rem
}
.ui-dialog.ui-widget .ui-dialog-content p i,
.ui-dialog.ui-widget .ui-dialog-content p em {
font-style: italic
}
.ui-dialog.ui-widget .ui-dialog-content .popin-text p:last-child {
margin-bottom: 0
}
.ui-dialog.ui-widget .ui-dialog-content .popin-image img {
width: 100%;
height: auto
}
.ui-dialog.ui-widget .ui-dialog-content .popin-link {
text-align: right;
width: auto;
margin-right: -1.5rem;
margin-left: -1.5rem;
margin-bottom: -1.5rem;
background: #fff;
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.5rem;
gap: 1.5rem
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget .ui-dialog-content .popin-link {
margin-right: -1rem;
margin-left: -1rem;
margin-bottom: 0;
padding: 1.5rem 1rem
}
}
.ui-dialog.ui-widget .ui-dialog-content .popin-link .btn.btn-primary {
display: inline-flex;
align-items: center;
margin-right: .5rem;
margin-left: auto
}
.ui-dialog.ui-widget .ui-dialog-content .popin-link .btn.btn-primary:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ui-dialog.ui-widget .ui-dialog-content .popin-link .btn.btn-link {
color: #263140;
font-size: .875rem !important;
font-weight: normal;
text-decoration: underline;
padding-left: 0
}
.ui-dialog.ui-widget .ui-dialog-content .popin-link .btn.confirm-redirect {
align-items: center;
background-color: #c50808;
border-radius: .5rem;
border: 1px solid;
border-color: #c50808;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
@media(min-width:768px) {
.ui-dialog.ui-widget .ui-dialog-content .popin-link .btn.confirm-redirect {
display: inline-flex
}
}
.ui-dialog.ui-widget .ui-dialog-content .popin-link .btn.confirm-redirect:hover {
color: #fff;
background-color: #c50808;
transform: none;
box-shadow: 0 12px 24px rgba(197, 8, 8, .06), 0 7.5px 15px rgba(197, 8, 8, .08), 0 2.5px 5px rgba(197, 8, 8, .05), 0 1.5px 3px rgba(197, 8, 8, .03)
}
.ui-dialog.ui-widget .ui-dialog-content .popin-link .btn.confirm-redirect:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ui-dialog.ui-widget .ui-dialog-content .alert {
display: flex;
align-items: center;
gap: .5rem;
padding: .75rem;
border-radius: .25rem;
line-height: 1.2;
border: solid 1px;
margin: 0 0 1.5rem 0;
font-size: .875rem;
font-weight: normal
}
.ui-dialog.ui-widget .ui-dialog-content .alert.alert-warning {
color: #f18400;
border-color: #f18400;
background-color: #F184001A
}
.ui-dialog.ui-widget .ui-dialog-content .alert.alert-warning:before {
content: "";
font-family: "hubber8";
color: #f18400;
font-size: 2rem;
line-height: 2rem
}
.ui-dialog.ui-widget .ui-dialog-content .content {
height: 100%;
max-height: 100%;
display: flex;
flex-direction: column
}
.ui-dialog.ui-widget .ui-dialog-content:has(+.ui-dialog-buttonpane) {
padding-bottom: 0
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget .ui-dialog-content:has(.form-actions.js-form-wrapper.form-wrapper),
.ui-dialog.ui-widget .ui-dialog-content:has(.modal-footer),
.ui-dialog.ui-widget .ui-dialog-content:has(.content .popin-link) {
padding: 0 1rem
}
}
@media(max-width:767.98px) {
.ui-dialog.ui-widget .ui-dialog-content form[id*=multi-steps-reset-qty-form] .button-wrapper {
display: flex;
flex-direction: column-reverse
}
}
.ui-dialog.ui-widget .ui-dialog-titlebar {
background: none;
border: 0;
padding: 0;
font-weight: 600
}
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
white-space: unset;
overflow: unset;
margin: 0;
font-weight: 600;
font-size: 1.5rem;
line-height: 1;
width: 100%;
position: relative;
padding: 1.5rem 4rem 0 1.5rem;
color: #263140
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
padding: 2rem 4rem 0 1rem
}
}
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close {
position: absolute;
top: 1.15rem;
right: 1.5rem;
z-index: 1
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-titlebar-close {
right: 1rem
}
}
.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset {
width: auto
}
.ui-dialog.ui-widget .modal-content-wrapper {
margin-top: -1px
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header {
justify-content: flex-start;
position: sticky;
top: -1px;
background-color: #fff;
z-index: 1;
overflow: visible;
border-bottom: none;
padding: 0;
gap: 1rem;
padding-bottom: 1rem;
border-radius: 0
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .modal-visual-header {
max-height: 10rem;
max-width: 10rem
}
@media(max-width:767.98px) {
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .modal-visual-header {
max-height: 3rem;
max-width: 3rem
}
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header.has-visual {
gap: 1.5rem;
justify-content: space-between
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header.has-visual .header-content {
margin: 0 !important;
flex: 1
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .visual-bg {
width: 10rem;
height: 8rem;
background-size: cover;
background-position: top;
flex-shrink: 0
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .visual-bg {
height: 3rem;
width: 3rem;
margin-right: .5rem
}
}
.path-membership .ui-dialog.ui-widget .modal-content-wrapper .modal-header .visual-bg {
height: auto;
aspect-ratio: 16/9
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-content {
margin: 0;
flex: 1
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-content .title {
font-weight: 600;
font-size: 1rem
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-content .subtitle {
font-size: .75rem;
color: #76818d
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-content .summary {
display: none
}
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-content img {
width: 100%
}
@media(min-width:992px) {
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-content .summary {
font-size: .875rem;
margin-top: .5rem
}
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-button-wrapper {
flex-direction: column;
align-items: flex-end;
gap: .75rem
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-button-wrapper .header-price {
font-size: .6875rem
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-button-wrapper .header-price.override,
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-button-wrapper .header-price b,
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-button-wrapper .header-price em {
font-size: 1.125rem;
font-weight: 600
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-button-wrapper .btn {
display: inline-flex;
align-items: center;
margin-right: .5rem;
overflow: hidden;
white-space: nowrap
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-button-wrapper .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-button-wrapper .btn.available {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-button-wrapper .btn.available:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-button-wrapper .btn.btn-resale {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-button-wrapper .btn.btn-resale:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-button-wrapper .btn.login:before {
content: ""
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-button-wrapper .header-actions {
display: flex;
flex-direction: column;
gap: .75rem
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-button-wrapper .header-actions .btn-primary:not(.available) {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-button-wrapper .header-actions .btn-primary:not(.available):before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-button-wrapper .header-actions .btn,
.ui-dialog.ui-widget .modal-content-wrapper .modal-header .header-button-wrapper .header-actions .resale-btn {
width: 100%;
font-size: .75rem
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-content {
box-shadow: none;
border: 0;
background-color: #f6f8f9;
border-radius: .5rem;
padding: 1.5rem;
display: block
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-content p {
margin-bottom: .5rem
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-content p:last-child {
margin-bottom: 0
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-content img {
width: 100%;
height: auto
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-footer {
position: sticky;
bottom: 0;
background-color: #fff
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget .modal-content-wrapper .modal-footer {
display: flex;
justify-content: flex-end;
margin-right: -1rem;
margin-left: -1rem;
padding: 1.5rem 1rem;
border: 0
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-footer .resale-btn {
margin-left: .5rem
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-footer .resale-btn .btn-resale {
font-size: .75rem
}
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-footer>* {
margin: 0
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-footer .footer-price {
margin-right: .5rem;
font-size: .6875rem
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-footer .footer-price.override,
.ui-dialog.ui-widget .modal-content-wrapper .modal-footer .footer-price b,
.ui-dialog.ui-widget .modal-content-wrapper .modal-footer .footer-price em {
font-size: 1.125rem;
font-weight: 600
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-footer .footer-actions {
flex: 1
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget .modal-content-wrapper .modal-footer .footer-actions {
display: flex;
justify-content: flex-end
}
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-footer .footer-actions .btn {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.ui-dialog.ui-widget .modal-content-wrapper .modal-footer .footer-actions .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ui-dialog.ui-widget .ui-dialog.ui-widget-content {
padding: 1.5rem;
font-size: .875rem;
overflow-x: hidden
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget .ui-dialog.ui-widget-content {
padding: 1rem
}
}
.ui-dialog.ui-widget .ui-dialog.ui-widget-buttonpane {
border: 0;
text-align: center;
background-color: rgba(0, 0, 0, 0);
padding: 1.5rem;
margin: 0
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget .ui-dialog.ui-widget-buttonpane {
padding: 1rem
}
}
.ui-dialog.ui-widget .ui-dialog.ui-widget-buttonpane .ui-dialog-buttonset {
float: none;
display: inline-block
}
.ui-dialog.ui-widget .form-group {
margin-bottom: 1.5rem
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget .form-group {
padding: 1rem
}
}
.ui-dialog.ui-widget .form-actions {
margin-bottom: 0;
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 1rem
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget .form-actions {
padding: 1rem 0 1.5rem 0
}
}
@media(max-width:575.98px) {
.ui-dialog.ui-widget .form-actions {
flex-direction: column-reverse
}
}
.ui-dialog.ui-widget .form-actions .btn {
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
background-image: none
}
@media(min-width:768px) {
.ui-dialog.ui-widget .form-actions .btn {
display: inline-flex
}
}
.ui-dialog.ui-widget .form-actions .btn:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.ui-dialog.ui-widget .form-actions .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:575.98px) {
.ui-dialog.ui-widget .form-actions .btn {
width: 100%
}
}
.ui-dialog.ui-widget .form-actions .btn.btn-link {
font-size: .875rem !important;
font-weight: normal;
text-decoration: underline;
padding-left: 0;
background-color: inherit;
border: inherit;
padding: 0;
color: #263140;
width: auto
}
.ui-dialog.ui-widget .form-actions .btn.btn-link:hover {
box-shadow: none !important
}
.ui-dialog.ui-widget .form-actions .btn.confirm-redirect {
align-items: center;
background-color: #c50808;
border-radius: .5rem;
border: 1px solid;
border-color: #c50808;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
margin-right: .5rem;
width: auto;
margin-left: auto
}
@media(min-width:768px) {
.ui-dialog.ui-widget .form-actions .btn.confirm-redirect {
display: inline-flex
}
}
.ui-dialog.ui-widget .form-actions .btn.confirm-redirect:hover {
color: #fff;
background-color: #c50808;
transform: none;
box-shadow: 0 12px 24px rgba(197, 8, 8, .06), 0 7.5px 15px rgba(197, 8, 8, .08), 0 2.5px 5px rgba(197, 8, 8, .05), 0 1.5px 3px rgba(197, 8, 8, .03)
}
.ui-dialog.ui-widget .form-actions .btn.confirm-redirect:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:575.98px) {
.ui-dialog.ui-widget .form-actions .btn.confirm-redirect {
width: 100%
}
}
.ui-dialog.ui-widget .form-actions .btn.btn-primary {
margin-left: auto
}
.ui-dialog.ui-widget .form-check:has(.js-dont-display-again) {
margin-top: 10px
}
.ui-dialog.ui-widget:has(form.hubber-alerting-subscribing-modal-form) {
padding: 0;
margin: 0
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget:has(form.hubber-alerting-subscribing-modal-form) {
padding-top: 0 !important
}
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget form.js-prevent-submit-if-invalid .form-actions.js-form-wrapper.form-wrapper {
padding-bottom: 1.5rem
}
}
.ui-dialog.ui-widget form.hubber-alerting-subscribing-modal-form .form-group {
padding: 0
}
.ui-dialog.ui-widget form.hubber-alerting-subscribing-modal-form .form-actions.js-form-wrapper.form-wrapper {
bottom: 0;
left: 0;
position: fixed;
padding: 0 1.5rem 1.5rem 1.5rem;
right: 0;
width: 100%;
margin: auto;
z-index: 6
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget form.hubber-alerting-subscribing-modal-form .form-actions.js-form-wrapper.form-wrapper {
padding: 0 1rem 1.5rem 1rem
}
}
.ui-dialog.ui-widget [data-drupal-selector=edit-other-field-alerting] {
display: flex;
flex-wrap: wrap;
column-gap: 1rem;
justify-content: flex-start
}
.ui-dialog.ui-widget .fields-wrapper {
background: #fff;
padding: 0;
height: 100%;
border: 0;
box-shadow: none;
position: relative;
overflow: visible;
margin-bottom: 3.5em
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget .fields-wrapper {
margin-bottom: 5.25rem
}
}
.ui-dialog.ui-widget .fields-wrapper fieldset.captcha {
margin-bottom: 1rem
}
.ui-dialog.ui-widget .fields-wrapper fieldset.captcha.captcha-type-challenge--image .captcha__title {
display: none
}
.ui-dialog.ui-widget .fields-wrapper fieldset.captcha.captcha-type-challenge--image .captcha__element {
align-items: center
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget .fields-wrapper fieldset.captcha.captcha-type-challenge--image .captcha__element {
flex-direction: column !important
}
}
.ui-dialog.ui-widget .fields-wrapper fieldset.captcha.captcha-type-challenge--image .captcha__element .captcha__image-wrapper {
padding-right: 20px;
margin-bottom: 0;
margin-top: 1rem
}
@media(max-width:991.98px) {
.ui-dialog.ui-widget .fields-wrapper fieldset.captcha.captcha-type-challenge--image .captcha__element .captcha__image-wrapper {
flex: 0
}
}
.ui-dialog.ui-widget .fields-wrapper fieldset.captcha.captcha-type-challenge--image .captcha__element .captcha__image-wrapper .reload-captcha-wrapper {
position: absolute;
right: 0;
top: calc(50% - 8px)
}
.ui-dialog.ui-widget .fields-wrapper fieldset.captcha.captcha-type-challenge--image .captcha__element .form-item-captcha-response label {
text-wrap: nowrap
}
.ui-dialog.ui-widget .ajax-progress-throbber {
background-color: rgba(0, 0, 0, 0) !important;
border: none !important;
box-shadow: none !important
}
.ui-dialog.ui-widget .ajax-progress-throbber::before {
display: none !important
}
@media(min-width:992px) {
.ui-dialog.ui-widget.cross-sell-product-modal {
max-width: 400px
}
}
.ui-dialog.ui-widget.cross-sell-product-modal .product-detail {
display: flex;
flex-direction: row;
align-items: center;
gap: 1rem;
margin: 1.5rem 0 1rem 0
}
.ui-dialog.ui-widget.cross-sell-product-modal .product-detail .title {
white-space: unset;
overflow: unset;
margin: 0;
font-weight: 600;
font-size: 1rem;
line-height: 1;
width: 100%;
position: relative;
color: #263140
}
.ui-dialog.ui-widget.cross-sell-product-modal .product-detail .image-mini {
height: 3rem;
width: 3rem;
border: 1px solid #dee2e6;
border-radius: .5rem;
overflow: hidden;
display: flex;
align-items: center
}
.ui-dialog.ui-widget.cross-sell-product-modal .product-detail .image-mini:not(:has(img)) {
display: none
}
.ui-dialog.ui-widget.cross-sell-product-modal .card-price {
font-size: .625rem
}
.ui-dialog.ui-widget.cross-sell-product-modal .card-price .price:has(.placeholder) {
font-weight: normal
}
.ui-dialog.ui-widget.cross-sell-product-modal .card-price em,
.ui-dialog.ui-widget.cross-sell-product-modal .card-price .placeholder {
font-weight: 600;
font-size: .75rem
}
.ui-dialog.ui-widget.cross-sell-product-modal .product-option-label {
font-size: 1rem;
font-weight: 600;
margin-block: .5rem
}
.ui-dialog.ui-widget.cross-sell-product-modal .cross-sell-quantity-wrapper>.fieldset-wrapper {
display: flex;
flex-direction: column;
gap: .75rem
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form {
display: flex;
flex-direction: column;
gap: .75rem
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .form-group,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .form-group {
padding: 0
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper {
background-color: #f6f8f9;
align-items: center;
border: 1px solid rgba(0, 0, 0, 0);
width: 100%;
border-radius: .5rem;
padding: .25rem .25rem .25rem .75rem;
flex-wrap: wrap
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper:before,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper:before {
content: "";
position: absolute;
inset: 0;
background-color: #fff;
border-radius: .5rem;
opacity: 0
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper:hover,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper:hover {
border-color: #1882ff;
background-color: #fff
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected:before,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper:hover:before,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected:before,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper:hover:before {
opacity: .1
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper label,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper label {
color: #263140;
margin-right: auto;
font-weight: 600;
flex: 1;
position: relative
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper label>span,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper label>span {
justify-content: flex-start
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper label>span .infos.price-info,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper label>span .infos.price-info {
margin-left: right;
margin-top: 0
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper .info-details,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper .info-details {
position: relative;
margin-top: .25rem;
padding-top: .5rem;
margin-inline: 0;
border-top: 1px solid #dee2e6;
padding-inline: .75rem;
background-color: #fff;
width: calc(100% + 13px);
margin-left: -11px;
padding-bottom: 0;
margin-right: -2px;
margin-bottom: -3px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper .select_price_tickets,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper .js-amount-merch,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper .select_price_tickets,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper .js-amount-merch {
color: #263140;
font-weight: 600;
margin-right: .75rem
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper .js-total-amount,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper .js-total-amount {
margin-left: auto;
font-size: 1.25rem;
font-weight: 600
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper .js-total-amount .amount,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper .js-total-amount .amount {
font-weight: 800
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector {
justify-content: flex-end;
width: auto
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector .form-control,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector .form-control {
text-align: center;
padding-inline: 0;
width: 2rem;
height: auto;
background-color: rgba(0, 0, 0, 0);
border: 0;
box-shadow: none
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector .form-control:not(:focus),
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector .form-control:not(:focus) {
border-color: rgba(0, 0, 0, 0)
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector .form-control:not(:focus):hover,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector .form-control:not(:focus):hover {
border-color: #263140 !important
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector .js-quantity-button,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector .js-quantity-button {
height: 40px;
width: auto;
aspect-ratio: 1;
border-radius: .5rem;
border: 1px solid #dee2e6;
background: rgba(0, 0, 0, 0)
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector .quantity-minus,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector .quantity-minus {
order: -1
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector .quantity-minus:after,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector .quantity-minus:after {
display: none
}
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .js-cross-sell-category-wrapper,
.ui-dialog.ui-widget.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .js-cross-sell-category-wrapper {
display: flex;
flex-direction: column;
gap: .5rem
}
.ui-dialog.ui-widget.cross-sell-product-modal .js-total-amount,
.ui-dialog.ui-widget.cross-sell-product-modal .js-total-amount-merch {
display: flex;
align-items: baseline;
gap: .25rem;
font-weight: 600;
font-size: .875rem;
justify-content: flex-end
}
.ui-dialog.ui-widget.cross-sell-product-modal .js-total-amount .amount,
.ui-dialog.ui-widget.cross-sell-product-modal .js-total-amount-merch .amount {
font-weight: 800;
font-size: 1.25rem
}
.ui-dialog.ui-widget.cross-sell-product-modal .actions-wrapper {
position: sticky;
bottom: 0;
background-color: #fff
}
.ui-dialog.ui-widget.cross-sell-product-modal .actions-wrapper .form-actions {
padding-top: 1rem;
margin-bottom: -1.5rem;
background-color: #fff;
padding-bottom: 1.5rem;
flex-direction: row
}
.ui-dialog.ui-widget.cross-sell-product-modal .actions-wrapper .form-actions .btn-link {
border: 0;
padding-inline: 0;
width: auto;
text-decoration: underline;
background-color: inherit;
font-weight: normal;
font-size: .875rem !important;
color: #263140
}
.ui-dialog.ui-widget.cross-sell-product-modal .actions-wrapper .form-actions .btn-link:hover {
color: inherit;
background-color: inherit;
transform: none;
box-shadow: none
}
.ui-dialog.ui-widget.cross-sell-product-modal .actions-wrapper .form-actions .button--add-to-cart {
width: auto
}
.ui-dialog.ui-widget.cross-sell-product-modal .actions-wrapper .form-actions .button--add-to-cart:before {
content: ""
}
.ui-dialog.ui-widget.modal-more-information-content .information-content {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
align-items: start
}
@media(max-width:767.98px) {
.ui-dialog.ui-widget.modal-more-information-content .information-content {
grid-template-columns: 1fr;
grid-auto-rows: auto;
gap: 0 1rem
}
}
.ui-dialog.ui-widget.modal-more-information-content .information-content:has(.image-wrapper) {
grid-template-columns: 1fr 2fr
}
@media(max-width:767.98px) {
.ui-dialog.ui-widget.modal-more-information-content .information-content:has(.image-wrapper) {
grid-template-columns: 1fr 1fr;
grid-auto-rows: auto;
gap: 0 1rem
}
}
.ui-dialog.ui-widget.modal-more-information-content .information-content:has(.image-wrapper) .content-wrapper>div {
grid-column: 2
}
@media(max-width:767.98px) {
.ui-dialog.ui-widget.modal-more-information-content .information-content:has(.image-wrapper) .content-wrapper .description {
grid-column: 1/-1
}
}
.ui-dialog.ui-widget.modal-more-information-content .information-content .image-wrapper {
position: sticky;
top: 0
}
@media(max-width:767.98px) {
.ui-dialog.ui-widget.modal-more-information-content .information-content .image-wrapper {
position: relative;
grid-row: 1/span 6
}
}
.ui-dialog.ui-widget.modal-more-information-content .information-content .image-wrapper .title-wrapper {
background-color: #f6f8f9;
border-radius: 0 0 .5rem .5rem;
padding: 0 1rem 1rem 1rem
}
.ui-dialog.ui-widget.modal-more-information-content .information-content .image-wrapper .title-wrapper .field--name-title {
font-size: 1.25rem;
font-weight: 600;
text-align: center;
color: #263140
}
.ui-dialog.ui-widget.modal-more-information-content .information-content .image-wrapper .title-wrapper .event-wrapper {
color: #263140;
text-align: center
}
@media(max-width:767.98px) {
.ui-dialog.ui-widget.modal-more-information-content .information-content .image-wrapper .title-wrapper {
margin-bottom: 1rem
}
}
.ui-dialog.ui-widget.modal-more-information-content .information-content .content-wrapper {
height: 100%
}
@media(max-width:767.98px) {
.ui-dialog.ui-widget.modal-more-information-content .information-content .content-wrapper {
display: contents
}
}
.ui-dialog.ui-widget.modal-more-information-content .information-content .content-wrapper .field--name-title {
font-size: 1.25rem;
font-weight: 600
}
.ui-dialog.ui-widget.modal-more-information-content .information-content .content-wrapper .field--name-date,
.ui-dialog.ui-widget.modal-more-information-content .information-content .content-wrapper .field--name-venue {
font-size: 1rem;
font-weight: 600
}
.ui-dialog.ui-widget.modal-more-information-content .information-content .content-wrapper .select-another-date-wrapper a {
border-bottom: 1px solid #263140
}
.ui-dialog.ui-widget.modal-more-information-content .information-content .content-wrapper .select-another-date-wrapper:hover a {
color: var(--hb-link);
border-bottom: 1px solid var(--hb-link)
}
@media(min-width:768px) {
.ui-dialog.ui-widget.modal-more-information-content .information-content .content-wrapper .date-wrapper,
.ui-dialog.ui-widget.modal-more-information-content .information-content .content-wrapper .select-another-date-wrapper {
display: inline-block;
vertical-align: top;
padding-right: .5rem
}
}
.ui-dialog.ui-widget.modal-more-information-content .information-content .content-wrapper .description {
display: block;
padding-bottom: 1rem;
border-top: 1px solid #e2e5e8;
margin-top: 1rem;
padding-top: 1rem
}
.ui-dialog.ui-widget.modal-more-information-content .information-content .content-wrapper .description hr {
background-color: #e2e5e8;
opacity: 1
}
.ui-dialog.ui-widget.modal-more-information-content .information-content .event-wrapper {
font-size: 0
}
.ui-dialog.ui-widget.modal-more-information-content .information-content .event-wrapper span {
font-size: 1rem
}
.ui-dialog.ui-widget.modal-more-information-content .information-content .event-wrapper span:not(:first-child)::before {
content: "•";
margin: 0 .25rem
}
.ui-dialog.ui-widget.modal-more-information-content:has(.participants-wrapper) .information-content {
grid-template-columns: 1fr;
gap: 0
}
.ui-dialog.ui-widget.modal-more-information-content:has(.participants-wrapper) .information-content .image-wrapper {
position: relative;
border-radius: .5rem;
background-color: #f6f8f9;
padding-bottom: 1rem
}
@media(max-width:767.98px) {
.ui-dialog.ui-widget.modal-more-information-content:has(.participants-wrapper) .information-content .image-wrapper {
margin-bottom: 1rem
}
}
.ui-dialog.ui-widget.modal-more-information-content:has(.participants-wrapper) .information-content .image-wrapper .participants-wrapper {
padding: 1rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center
}
.ui-dialog.ui-widget.modal-more-information-content:has(.participants-wrapper) .information-content .image-wrapper .participants-wrapper .participant {
padding: 1rem;
flex: none
}
@media(max-width:767.98px) {
.ui-dialog.ui-widget.modal-more-information-content:has(.participants-wrapper) .information-content .image-wrapper .participants-wrapper .participant {
padding: 0rem .5rem
}
.ui-dialog.ui-widget.modal-more-information-content:has(.participants-wrapper) .information-content .image-wrapper .participants-wrapper .participant .logo {
max-width: 3rem
}
}
.ui-dialog.ui-widget.modal-more-information-content:has(.participants-wrapper) .information-content .image-wrapper .title-wrapper {
padding-bottom: .25rem;
gap: .25rem;
display: flex;
flex-direction: column;
border-radius: 0;
margin-bottom: 0
}
@media(max-width:767.98px) {
.ui-dialog.ui-widget.modal-more-information-content:has(.participants-wrapper) .information-content .image-wrapper .title-wrapper .field--name-title {
font-size: 1rem
}
}
@media(min-width:768px) {
.ui-dialog.ui-widget.modal-more-information-content:has(.participants-wrapper) .information-content:has(.date-wrapper) .image-wrapper,
.ui-dialog.ui-widget.modal-more-information-content:has(.participants-wrapper) .information-content:has(.field--name-venue) .image-wrapper {
border-radius: .5rem .5rem 0 0;
padding-bottom: 0
}
}
.ui-dialog.ui-widget.modal-more-information-content:has(.participants-wrapper) .information-content .content-wrapper {
display: block;
overflow: initial;
padding-right: 0
}
.ui-dialog.ui-widget.modal-more-information-content:has(.participants-wrapper) .information-content .content-wrapper .field--name-venue {
color: #76818d;
font-weight: normal
}
@media(min-width:768px) {
.ui-dialog.ui-widget.modal-more-information-content:has(.participants-wrapper) .information-content .content-wrapper .date-wrapper {
background-color: #f6f8f9;
width: 100%;
text-align: center;
gap: .25rem;
display: flex;
flex-direction: column;
padding-bottom: 1rem;
border-radius: 0 0 .5rem .5rem
}
.ui-dialog.ui-widget.modal-more-information-content:has(.participants-wrapper) .information-content .content-wrapper .field--name-venue {
background-color: #f6f8f9;
width: 100%;
text-align: center;
padding-bottom: 1rem;
border-radius: 0 0 .5rem .5rem
}
.ui-dialog.ui-widget.modal-more-information-content:has(.participants-wrapper) .information-content .content-wrapper:has(.field--name-venue) .date-wrapper {
padding-bottom: .25rem;
border-radius: 0
}
}
@media(min-width:992px) {
#dependent-products-rule-popin .modal-dialog {
transform: translateY(-50%);
top: 40%;
max-width: 700px
}
}
#dependent-products-rule-popin .modal-title {
font-size: 28px;
font-weight: 600
}
#dependent-products-rule-popin .modal-header {
padding: 1.5rem 1.5rem 0;
border-bottom: 0
}
#dependent-products-rule-popin .modal-header .close {
position: absolute;
top: 1.5rem;
right: 1.5rem;
background-color: #fff;
border-radius: .5rem;
border: 1px solid #dee2e6;
height: 38px;
width: 38px;
display: flex;
align-items: center;
justify-content: center;
display: inline-flex;
align-items: center
}
#dependent-products-rule-popin .modal-header .close span {
display: none
}
#dependent-products-rule-popin .modal-header .close:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
#dependent-products-rule-popin .modal-body {
padding: 1rem 1.5rem;
font-size: .875rem
}
#dependent-products-rule-popin .modal-body p:first-child {
font-weight: 600
}
#dependent-products-rule-popin .modal-footer {
justify-content: space-between;
border-top: 0
}
#dependent-products-rule-popin .modal-footer .btn-secondary {
font-weight: normal;
border: 0;
padding-left: 12px;
text-decoration: underline;
color: initial;
box-shadow: none
}
#dependent-products-rule-popin #confirm_button {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
#dependent-products-rule-popin #confirm_button:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
nav .pagination {
margin: 1.5rem 0
}
@media(min-width:992px) {
nav .pagination {
justify-content: flex-end
}
}
nav .pagination .page-item .page-link,
nav .pagination .pager__item--next .page-link {
margin-left: .5rem;
background-color: rgba(0, 0, 0, 0);
border-radius: .5rem;
color: #263140;
text-align: center;
font-size: .75rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
text-transform: uppercase;
padding: .5rem;
display: flex;
width: 2.5rem;
height: 2.5rem;
justify-content: center;
align-items: center;
border: 1px solid rgba(0, 0, 0, 0)
}
nav .pagination .page-item .page-link:focus,
nav .pagination .pager__item--next .page-link:focus {
box-shadow: none
}
nav .pagination .page-item .page-link[rel=prev],
nav .pagination .page-item .page-link[rel=next],
nav .pagination .pager__item--next .page-link[rel=prev],
nav .pagination .pager__item--next .page-link[rel=next] {
background-color: #fff;
padding: .5rem .65rem;
font-size: 0
}
nav .pagination .page-item .page-link[rel=prev] span,
nav .pagination .page-item .page-link[rel=next] span,
nav .pagination .pager__item--next .page-link[rel=prev] span,
nav .pagination .pager__item--next .page-link[rel=next] span {
display: none
}
nav .pagination .page-item .page-link:hover,
nav .pagination .page-item .page-link[rel=prev]:hover,
nav .pagination .page-item .page-link[rel=next]:hover,
nav .pagination .pager__item--next .page-link:hover,
nav .pagination .pager__item--next .page-link[rel=prev]:hover,
nav .pagination .pager__item--next .page-link[rel=next]:hover {
border: 1px solid var(--hb-cta-primary);
color: var(--hb-cta-primary)
}
nav .pagination .page-item .page-link:hover[rel=prev]:after,
nav .pagination .page-item .page-link:hover[rel=next]:after,
nav .pagination .page-item .page-link:hover span,
nav .pagination .page-item .page-link[rel=prev]:hover[rel=prev]:after,
nav .pagination .page-item .page-link[rel=prev]:hover[rel=next]:after,
nav .pagination .page-item .page-link[rel=prev]:hover span,
nav .pagination .page-item .page-link[rel=next]:hover[rel=prev]:after,
nav .pagination .page-item .page-link[rel=next]:hover[rel=next]:after,
nav .pagination .page-item .page-link[rel=next]:hover span,
nav .pagination .pager__item--next .page-link:hover[rel=prev]:after,
nav .pagination .pager__item--next .page-link:hover[rel=next]:after,
nav .pagination .pager__item--next .page-link:hover span,
nav .pagination .pager__item--next .page-link[rel=prev]:hover[rel=prev]:after,
nav .pagination .pager__item--next .page-link[rel=prev]:hover[rel=next]:after,
nav .pagination .pager__item--next .page-link[rel=prev]:hover span,
nav .pagination .pager__item--next .page-link[rel=next]:hover[rel=prev]:after,
nav .pagination .pager__item--next .page-link[rel=next]:hover[rel=next]:after,
nav .pagination .pager__item--next .page-link[rel=next]:hover span {
color: var(--hb-cta-primary)
}
nav .pagination .page-item .page-link[rel=prev]:after,
nav .pagination .page-item .page-link[rel=next]:after,
nav .pagination .page-item .page-link span,
nav .pagination .pager__item--next .page-link[rel=prev]:after,
nav .pagination .pager__item--next .page-link[rel=next]:after,
nav .pagination .pager__item--next .page-link span {
color: #263140;
font-size: 1.5rem
}
nav .pagination .page-item .page-link[rel=next],
nav .pagination .pager__item--next .page-link[rel=next] {
display: inline-flex;
align-items: center;
margin-: .5rem
}
nav .pagination .page-item .page-link[rel=next]:after,
nav .pagination .pager__item--next .page-link[rel=next]:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
nav .pagination .page-item .page-link[rel=prev],
nav .pagination .pager__item--next .page-link[rel=prev] {
display: inline-flex;
align-items: center;
margin-: .5rem
}
nav .pagination .page-item .page-link[rel=prev]:after,
nav .pagination .pager__item--next .page-link[rel=prev]:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
nav .pagination .page-item.active .page-link {
background-color: #fff;
color: #263140;
z-index: initial;
border-color: #0d6efd;
border-radius: .5rem;
width: 2.5rem;
height: 2.5rem;
border: 1px solid #e2e5e8;
background: #fff;
color: #263140;
text-align: center;
padding: .5rem;
font-size: .75rem;
font-style: normal;
font-weight: 600;
line-height: 1.5rem;
text-transform: uppercase
}
nav .pagination .page-item .first-page-link,
nav .pagination .page-item .last-page-link {
display: none
}
.dataTables_wrapper .dataTables_paginate {
margin: 1.5rem 0
}
@media(min-width:992px) {
.dataTables_wrapper .dataTables_paginate {
justify-content: flex-end
}
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
margin-left: .5rem;
background-color: rgba(0, 0, 0, 0);
border-radius: .5rem;
color: #263140;
padding: .5rem .85rem;
border: 0 !important;
background: linear-gradient(transparent, transparent) !important
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
background-color: #fff;
color: #1882ff;
z-index: initial
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
display: none !important
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
color: #dc3545;
padding: .3rem !important
}
.product-list-wrapper legend {
margin-bottom: 0
}
.product-list-group {
position: relative;
margin-bottom: 0
}
@media(max-width:991.98px) {
.product-list-group:last-child {
margin-bottom: 2rem
}
}
.product-list-group.disabled {
pointer-events: none;
filter: blur(2px);
opacity: .9
}
.product-list-group .js-select-ok {
display: none;
float: left;
margin-bottom: 0;
font-size: 0
}
.product-list-group legend {
width: 100%;
margin-bottom: 1rem;
margin-top: 1.5rem
}
.product-list-group legend .fieldset-legend {
display: flex;
align-items: center;
width: 100%
}
.product-list-group legend .fieldset-legend .js-information {
color: inherit
}
.product-list-group legend em {
font-weight: 700;
font-style: normal;
color: initial
}
.product-list-group legend h3,
.product-list-group legend .h3 {
margin-bottom: 0;
font-size: .875rem;
font-weight: 600
}
.product-list-group legend h3 span,
.product-list-group legend .h3 span {
text-transform: uppercase
}
.product-list-group legend .products-counter-wrapper {
margin-left: auto;
margin-top: .5rem;
margin-bottom: .5rem;
display: flex;
gap: .25rem;
color: #76818d;
font-size: .75rem;
font-weight: normal
}
@media(max-width:991.98px) {
.product-list-group legend .products-counter-wrapper {
text-align: right;
flex-direction: column
}
}
.product-list-group .custom-tooltip {
float: left
}
.product-list-group .custom-tooltip .info:before {
line-height: 18px;
color: inherit
}
.product-list-group .js-select-ko {
display: none !important
}
.product-list-group .js-modal-availability {
border-radius: .5rem;
overflow: hidden;
padding: 4px 8px;
position: relative;
font-size: .75rem;
color: #1882ff;
background-color: #fff;
margin-bottom: 8px;
display: flex;
gap: 4px;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.product-list-group .js-modal-availability:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.product-list-group .js-modal-availability:before {
color: inherit;
margin-right: 4px
}
@media(max-width:991.98px) {
.product-list-group .js-modal-availability {
display: block;
padding-left: 2rem
}
.product-list-group .js-modal-availability:before {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 4px
}
}
.product-list-group .js-modal-availability a {
color: inherit;
text-decoration: underline;
position: relative;
z-index: 1
}
.product-list-group .js-modal-availability:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: .1;
background-color: #1882ff
}
@media(max-width:991.98px) {
.product-list-group .custom-tooltip-content {
display: none;
position: fixed;
top: 50%;
width: 90vw;
margin: 0 auto;
left: 5vw;
transform: translateY(-50%)
}
.product-list-group .custom-tooltip-content:before {
display: none
}
.product-list-group .custom-tooltip-content .closecross {
position: absolute;
top: .25rem;
right: .25rem
}
.product-list-group .custom-tooltip-content .closecross:after {
font-family: "hubber8";
content: "";
background: #76818d;
border-radius: 100%;
height: 1rem;
width: 1rem;
display: flex;
align-items: center;
justify-content: center;
color: #fff
}
}
.product-list-groups {
overflow: auto;
position: relative;
padding: 0
}
@media(min-width:1792px) {
.product-list-groups:where(.product-list-groups) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.product-list-groups:where(.product-list-groups) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.product-list-groups:where(.product-list-groups) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.product-list-groups:where(.product-list-groups) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.product-list-groups:where(.product-list-groups) {
padding-left: 1rem;
padding-right: 1rem
}
}
.product-item {
position: relative;
font-size: .875rem;
background-color: #fff;
border-radius: 6px;
padding: .5rem;
border: 1px solid #e2e5e8;
overflow: hidden;
transition: border-color ease-out 100ms;
box-shadow: none
}
@media(prefers-reduced-motion:reduce) {
.product-item {
transition: none
}
}
@media(min-width:992px) {
.product-item {
padding: .5rem 1rem
}
}
.product-item.with-product-selection .fieldset-wrapper .fieldset-wrapper>img,
.product-item.not-available .fieldset-wrapper .fieldset-wrapper>img {
margin-right: .75rem
}
.product-item.js-bundle-item-grouping.no-variation-selection .js-toggle-bundle-item {
height: 2.25rem;
width: 2.25rem;
margin-left: 1rem;
background-color: #f6f8f9;
box-shadow: none;
display: grid;
align-items: center;
justify-items: center;
border-color: rgba(0, 0, 0, 0);
cursor: pointer;
background-color: #1882ff !important;
border-color: rgba(0, 0, 0, 0) !important;
display: grid !important;
height: 2.25rem !important;
width: 2.25rem !important
}
.product-item.js-bundle-item-grouping.no-variation-selection .js-toggle-bundle-item:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
line-height: 1
}
.product-item.js-bundle-item-grouping.no-variation-selection .js-toggle-bundle-item:after {
content: "";
color: #fff
}
.product-item.js-bundle-item-grouping.js-bundle-item-grouping-selection-in-progress {
border-color: #0d6efd
}
.product-item.js-bundle-item-grouping.js-bundle-item-grouping-selection-in-progress .list-meeting .select2-selection {
background-color: #f6f8f9
}
.product-item.js-bundle-item-grouping.js-bundle-item-grouping-selection-in-progress .list-meeting .select2-selection:hover {
background-color: #fff
}
.product-item .notif-product-added {
display: none
}
.product-item .select-date-wrapper {
margin-left: auto
}
.product-item .list-meeting {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: .5rem
}
.product-item .list-meeting .product-selection {
padding: .5rem 4rem .5rem 1rem;
background-color: #f6f8f9;
border-radius: .5rem;
font-size: .875rem;
font-weight: 600;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
min-height: 68px
}
.product-item .list-meeting .product-selection:before {
content: "";
background-color: #1882ff;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
border-radius: .5rem;
transition: opacity 200ms ease-in-out
}
.product-item .list-meeting .product-selection:hover:before {
opacity: .1
}
.product-item .list-meeting .product-selection::after {
content: "";
display: block;
width: 24px;
height: 24px;
background-color: #fff;
border: 1px solid #dee2e6;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1);
border-radius: 100%;
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
color-adjust: exact
}
.product-item .list-meeting .product-selection:hover:after {
border-color: #1882ff;
background: radial-gradient(#CCD2D9, #CCD2D9 45%, #fff 46%, #fff);
box-shadow: none
}
.product-item .label_info_price,
.product-item .btn-remove {
margin-right: 3rem;
color: initial;
display: flex;
gap: 4px
}
.product-item .label_info_price {
font-size: 1.125rem;
white-space: nowrap
}
@media(max-width:991.98px) {
.product-item .label_info_price {
font-size: .875rem;
flex-direction: column;
gap: 0
}
}
.product-item .btn-remove {
display: none;
color: #c50808
}
.product-item.with-variation-selection .product-item-options {
padding: 0 0 1.5rem;
background: rgba(0, 0, 0, 0);
margin-top: 0;
width: 100%
}
@media(max-width:767.98px) {
.product-item.with-variation-selection .product-item-options .fieldset-wrapper {
flex-direction: column;
align-items: stretch
}
.product-item.with-variation-selection .product-item-options .fieldset-wrapper .js-merch-action {
flex-direction: column;
align-items: stretch
}
.product-item.with-variation-selection .product-item-options .fieldset-wrapper .js-merch-action .quantity-selector-wrapper {
flex: 3rem;
width: 100%
}
}
.product-item.with-variation-selection .fieldset-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .75rem
}
.product-item.with-variation-selection .fieldset-wrapper .product-item-wrapper {
width: 100%
}
.product-item.with-variation-selection .fieldset-wrapper .product-item-wrapper .fieldset-wrapper {
flex-wrap: nowrap
}
.product-item.with-variation-selection .fieldset-wrapper .form-type-select {
flex: 100%
}
.product-item.with-variation-selection .fieldset-wrapper .js-merch-price {
font-weight: 600;
font-size: 1.125rem
}
.product-item.with-variation-selection .fieldset-wrapper .js-merch-no-availability {
flex: 1
}
.product-item.with-variation-selection .fieldset-wrapper .js-merch-no-availability:not([style*="display: none;"])+.js-merch-action {
flex: unset
}
.product-item.with-variation-selection .fieldset-wrapper .js-merch-action {
display: flex;
align-items: center;
flex: 1;
gap: .75rem
}
.product-item.with-variation-selection .fieldset-wrapper .js-merch-action .quantity-selector-wrapper {
flex: 1;
background-color: #f6f8f9;
border-radius: .5rem;
padding-block: 0;
height: 48px;
align-items: center
}
.product-item.with-variation-selection .fieldset-wrapper .js-merch-action .quantity-selector-wrapper label {
font-size: 1rem;
color: #76818d
}
.product-item.with-variation-selection.ticketing .product-item-options .fieldset-wrapper {
display: block
}
.product-item.with-variation-selection .ticket-category-list .block-mode {
border: 0;
border-radius: .5rem;
margin-bottom: 6px
}
.product-item.with-variation-selection .ticket-category-list .block-mode:before {
border-radius: .5rem;
width: 100%
}
.product-item.with-variation-selection .ticket-category-list .block-mode.active,
.product-item.with-variation-selection .ticket-category-list .block-mode:hover {
box-shadow: none
}
.product-item.with-variation-selection .ticket-category-list .block-mode.active:before,
.product-item.with-variation-selection .ticket-category-list .block-mode:hover:before {
opacity: .1
}
.product-item.with-variation-selection .ticket-category-list .block-mode.active:after,
.product-item.with-variation-selection .ticket-category-list .block-mode:hover:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: .5rem;
border: 1px solid #1882ff;
pointer-events: none
}
.product-item.with-variation-selection .ticket-category-list .block-mode.active .category-price,
.product-item.with-variation-selection .ticket-category-list .block-mode.active .title {
color: #1882ff
}
.product-item.with-variation-selection .ticket-category-list .block-mode.has-unlocked-rate:before {
background: #cea236 !important
}
.product-item.with-variation-selection .ticket-category-list .block-mode .category-footer {
padding: .5rem 0;
display: flex;
justify-content: flex-end;
border-top: 1px solid #ccd2d9;
color: #76818d;
font-size: .75rem
}
.product-item.with-variation-selection .ticket-category-list .block-mode .category-footer .total-price-amount {
font-weight: 600;
font-size: 1rem;
margin-left: .25rem
}
.product-item.with-variation-selection .category-quantity-selection {
margin-top: 1rem;
margin-bottom: 1rem;
padding-top: 1rem;
border-top: 1px solid #dee2e6
}
.product-item.with-variation-selection .quantity-selector-wrapper {
background-color: #fff
}
.product-item.with-variation-selection .quantity-selector-wrapper .quantity-selector {
gap: .5rem;
align-items: center;
width: auto;
margin-left: auto
}
.product-item.with-variation-selection .quantity-selector-wrapper .form-control {
height: 2.5rem;
text-align: center;
background-color: rgba(0, 0, 0, 0);
padding: 0;
width: 2rem
}
.product-item.with-variation-selection .quantity-selector-wrapper .form-control:not(:focus) {
border-color: rgba(0, 0, 0, 0)
}
.product-item.with-variation-selection .quantity-selector-wrapper .form-control:not(:focus):hover {
border-color: #263140
}
.product-item.with-variation-selection .quantity-selector-wrapper .js-quantity-button {
padding: 0;
display: flex;
align-items: center;
justify-content: center
}
.product-item.with-variation-selection .quantity-selector-wrapper .js-quantity-button:after {
display: none
}
.product-item.with-variation-selection .btn-primary {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.product-item.with-variation-selection .btn-primary:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.product-item-wrapper {
position: relative
}
.product-item-wrapper>.fieldset-wrapper {
display: flex;
align-items: center;
gap: .75rem
}
.product-item-wrapper>.fieldset-wrapper>img {
width: 6rem !important;
max-width: 6rem !important;
flex: 0 0 6rem
}
@media(max-width:767.98px) {
.product-item-wrapper>.fieldset-wrapper>img {
max-width: 3rem !important;
flex: 0 0 3rem
}
}
.product-item-wrapper>.fieldset-wrapper .participants-wrapper .participant .logo {
max-width: 3rem
}
.product-item-container {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 3rem
}
@media(min-width:992px) {
.product-item-container {
min-height: 4rem
}
}
.product-item-container .info-product {
font-size: .875rem;
margin-bottom: 0;
font-weight: 600;
color: inherit
}
@media(min-width:992px) {
.product-item-container .info-product {
font-size: 1rem
}
}
@media(max-width:991.98px) {
.product-item-container .info-product {
max-width: 15rem
}
}
.product-item-checkbox {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: none
}
.product-item-checkbox .custom-control-label {
display: block
}
.product-item-options {
background-color: #f7f9fa;
padding: 1rem;
margin-top: 1rem;
border-radius: .5rem
}
.product-item .form-group,
.product-item label,
.product-item p {
margin-bottom: 0
}
.product-item legend {
display: none
}
.product-item .info-unavailable {
font-size: .875rem;
margin-left: auto;
font-style: italic;
display: flex;
align-items: center;
justify-content: flex-end;
border-radius: 6px;
background: rgba(180, 187, 194, .9);
position: absolute;
left: -0.5rem;
right: -1.5rem;
top: -0.5rem;
bottom: -0.5rem;
color: #263140;
padding-right: 1rem
}
@media(min-width:992px) {
.product-item .info-unavailable {
left: -1.5rem
}
}
.product-item .info-unavailable:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
margin-left: .5rem;
font-style: normal
}
.product-item .info-details {
color: #76818d;
font-size: .75rem
}
@media(min-width:992px) {
.product-item .info-details {
font-size: .875rem
}
}
.product-item .info-venue {
line-height: 1
}
.product-item .info-date {
color: #76818d
}
.product-item .bundle-item-other-date-link {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.product-item .bundle-item-other-date-link:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.product-item .bundle-item-other-date-link:before {
color: #76818d
}
.product-item .label_info_price,
.product-item .btn-remove {
margin-left: auto
}
.product-item .label_info_price em,
.product-item .label_info_price span,
.product-item .btn-remove em,
.product-item .btn-remove span {
font-weight: 600
}
.product-item .label_info_price+.product-item-wrapper,
.product-item .btn-remove+.product-item-wrapper {
display: none
}
.product-item .btn-remove {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
text-align: right;
align-items: center;
display: none;
color: #c50808;
background-color: #fff;
padding-left: 1.5rem;
z-index: 1;
pointer-events: none
}
@media(max-width:991.98px) {
.product-item .btn-remove p {
display: none
}
}
.product-item:not(:last-child) {
margin-bottom: .5rem
}
.product-item:not(.disabled):not(.not-available):not(.locked):not(.validate) {
cursor: pointer
}
.product-item:not(.disabled):not(.not-available):not(.locked):hover {
background-color: #fff;
color: inherit;
box-shadow: 0 12px 24px rgba(0, 0, 0, .03), 0 7.5px 15px rgba(0, 0, 0, .03), 0 2.5px 5px rgba(0, 0, 0, .025), 0 1.5px 3px rgba(0, 0, 0, .015)
}
.product-item.disabled {
border-color: #ccd2d9
}
.product-item.disabled .product-item-wrapper {
opacity: .5
}
.product-item.not-available {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed
}
.product-item.not-available:after {
z-index: -1
}
.product-item.locked .btn-remove,
.product-item.locked .notif-product-added,
.product-item.locked .notif-product-removed,
.product-item.init-state .btn-remove,
.product-item.init-state .notif-product-added,
.product-item.init-state .notif-product-removed {
display: none !important
}
.product-item.checked {
border: 1px solid #b4bbc2;
background-color: #fff;
box-shadow: 0 0 6px rgba(118, 129, 141, .3)
}
@media(max-width:991.98px) {
.product-item.checked {
border-width: 2px
}
}
.product-item.checked.validate {
border: 2px solid #1882ff
}
.product-item.checked .js-info-hover-product,
.product-item.checked .js-info-removed-product {
display: none
}
.product-item.checked .js-info-removed-product {
display: none
}
.product-item.checked.validate .notif-product-added {
position: absolute;
pointer-events: none;
right: 0;
animation-name: fadeOut;
animation-duration: 3s;
color: #fff;
display: flex;
align-items: center;
opacity: 0;
z-index: 2
}
.product-item.checked.validate .notif-product-added:after {
content: "";
font-family: "hubber8";
color: #fff;
font-size: 1.5rem;
height: 2.25rem;
width: 2.25rem;
border-color: #1882ff;
background-color: #1882ff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
margin-left: .75rem
}
.product-item.checked.validate .notif-product-added:before {
content: "";
position: absolute;
background-color: #1882ff;
opacity: .9;
right: 50%;
bottom: 0;
top: 50%;
transform: translate(calc(100vw - 23.25rem - 4rem), -50%);
transition: all 500ms ease-in-out;
border-radius: 100%;
z-index: -1;
animation: overlayBackgroundSize 3s
}
@media(max-width:991.98px) {
.product-item.checked.validate .notif-product-added:before {
transform: translate(100vw, -50%);
animation: overlayBackgroundSizeMobile 3s
}
}
.product-item.validate .label_info_price,
.product-item.validate .btn-remove {
align-items: center
}
.product-item.validate .label_info_price {
color: #1882ff
}
.product-item.validate.hovered:not(.locked) .btn-remove {
display: flex
}
.product-item:not(.validate) .notif-product-removed {
opacity: 0;
animation-name: fadeOut;
animation-duration: 3s;
position: absolute;
right: 0;
z-index: 2;
color: #fff;
pointer-events: none;
display: flex;
align-items: center
}
.product-item:not(.validate) .notif-product-removed:after {
content: "";
font-family: "hubber8";
color: #fff;
font-size: 1.5rem;
height: 2.25rem;
width: 2.25rem;
border-color: #c50808;
background-color: #c50808;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
margin-left: .75rem
}
.product-item:not(.validate) .notif-product-removed:before {
content: "";
position: absolute;
background-color: #c50808;
opacity: .9;
right: 50%;
bottom: 0;
top: 50%;
transform: translate(calc(100vw - 23.25rem - 4rem), -50%);
border-radius: 100%;
z-index: -1;
transition: all 500ms ease-in-out;
animation: overlayBackgroundSize 3s
}
@media(max-width:991.98px) {
.product-item:not(.validate) .notif-product-removed:before {
transform: translate(100vw, -50%);
animation: overlayBackgroundSizeMobile 3s
}
}
@media(max-width:991.98px) {
.product-item .js-info-removed-product,
.product-item .js-info-added-product,
.product-item .js-info-hover-product {
display: none
}
}
.product-item:not(.disabled):not(.not-available):hover.no-variation-selection .js-toggle-bundle-item:after,
.product-item:not(.disabled):not(.not-available).validate.no-variation-selection .js-toggle-bundle-item:after {
content: ""
}
.product-item:not(.disabled):not(.not-available):hover .js-toggle-bundle-item,
.product-item:not(.disabled):not(.not-available).validate .js-toggle-bundle-item {
height: 2.25rem;
width: 2.25rem;
margin-left: 1rem;
background-color: #f6f8f9;
box-shadow: none;
display: grid;
align-items: center;
justify-items: center;
border-color: rgba(0, 0, 0, 0);
cursor: pointer
}
.product-item:not(.disabled):not(.not-available):hover .js-toggle-bundle-item:after,
.product-item:not(.disabled):not(.not-available).validate .js-toggle-bundle-item:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
line-height: 1
}
.product-item:not(.disabled):not(.not-available):hover.locked .js-toggle-bundle-item,
.product-item:not(.disabled):not(.not-available).validate.locked .js-toggle-bundle-item {
cursor: default
}
.product-item:not(.disabled):not(.not-available) .js-toggle-bundle-item {
font-size: 0;
display: block;
width: 30px;
height: 30px;
background-color: #fff;
border: 1px solid #dee2e6;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1);
border-radius: 100%;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
color-adjust: exact
}
.product-item:not(.disabled):not(.not-available) .js-toggle-bundle-item.expand {
height: 2.25rem;
width: 2.25rem;
margin-left: 1rem;
background-color: #f6f8f9;
box-shadow: none;
display: grid;
align-items: center;
justify-items: center;
border-color: rgba(0, 0, 0, 0);
cursor: pointer
}
.product-item:not(.disabled):not(.not-available) .js-toggle-bundle-item.expand:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
line-height: 1
}
.product-item:not(.disabled):not(.not-available) .js-toggle-bundle-item.expand:after {
transform: rotate(180deg)
}
.product-item:not(.disabled):not(.not-available).validate.locked .js-toggle-bundle-item:after {
content: ""
}
.product-item:not(.disabled):not(.not-available).validate .js-toggle-bundle-item {
background-color: #1882ff
}
.product-item:not(.disabled):not(.not-available).validate .js-toggle-bundle-item:after {
content: ""
}
.product-item:not(.disabled):not(.not-available).validate:not(.locked).hovered .label_info_price {
display: none
}
.product-item:not(.disabled):not(.not-available).validate:not(.locked) .js-toggle-bundle-item:hover {
background-color: #c50808 !important;
border-color: #c50808 !important
}
.product-item:not(.disabled):not(.not-available).validate:not(.locked) .js-toggle-bundle-item:hover:after {
content: ""
}
.product-item .js-bundle-item-choice .custom-select-icon {
margin-bottom: 1rem
}
.product-item .js-bundle-item-choice .custom-select-icon label {
margin-bottom: .5rem;
font-weight: 700
}
.path-product-bundle .product-item .label_info_price {
margin-top: 1rem;
margin-bottom: 1rem
}
.path-product-bundle .product-item .label_info_price .separator {
margin: 0 5px;
display: inline-flex
}
body.path-product-bundle #page-wrapper form fieldset.product-item-options div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):after {
display: none
}
#cart-wrapper {
background-color: #fff;
position: fixed;
width: 100%;
top: 100%;
margin-bottom: 0;
z-index: 10;
border-radius: 1.5rem 1.5rem 0 0;
box-shadow: 0 24px 48px rgba(0, 0, 0, .05), 0 12px 24px rgba(0, 0, 0, .03), 0 7.5px 15px rgba(0, 0, 0, .03), 0 3.5px 5px rgba(0, 0, 0, .025), 0 1.5px 3px rgba(0, 0, 0, .015)
}
@media(min-width:992px) {
#cart-wrapper {
padding: 0 1.5rem;
border-radius: 0;
width: 23.25rem;
right: 0;
bottom: 0;
top: var(--main-content-top, 0);
transition: all 300ms ease-out;
display: flex;
flex-direction: column;
position: fixed
}
#cart-wrapper .label-pre {
display: none !important
}
}
@media(max-width:991.98px) {
#cart-wrapper.openRecap {
top: unset;
bottom: 0;
z-index: 902
}
#cart-wrapper.openRecap .js-nb-to-select:after,
#cart-wrapper.openRecap .js-nb-selected:after {
display: none
}
#cart-wrapper.openRecap .cart-wrapper-footer {
border-radius: 0;
border-top: 1px solid #dee2e6
}
#cart-wrapper.openRecap .cart-wrapper-footer:after {
display: none
}
#cart-wrapper.openRecap .toggle-cart:after {
transform: rotate(0)
}
}
#cart-wrapper .cart-wrapper-footer {
margin-top: auto;
margin-bottom: .75rem
}
#cart-wrapper .bundle-summary-info-caption {
font-size: .625rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: #485462
}
.path-product-bundle #cart-wrapper .bundle-summary-info-caption {
display: none
}
@media(max-width:991.98px) {
#cart-wrapper .bundle-summary-info-caption {
position: absolute;
top: -2rem;
left: .75rem
}
}
#cart-wrapper.form-group legend {
font-weight: 600;
font-size: 1.75rem;
padding: 1.5rem 0;
line-height: 1.2;
text-transform: none;
margin-bottom: 1rem
}
#cart-wrapper.form-group legend:first-letter {
text-transform: uppercase
}
@media(min-width:992px) {
#cart-wrapper.form-group legend {
padding-bottom: 0;
float: right
}
}
@media(max-width:991.98px) {
#cart-wrapper.form-group legend {
background-color: #fff;
font-size: 1.5rem;
border-radius: 1.5rem 1.5rem 0 0;
padding: 2rem 1rem 1rem;
position: relative;
margin-bottom: 0
}
#cart-wrapper.form-group legend .fieldset-legend:before {
content: "";
height: 3px;
width: 30px;
background-color: #e2e5e8;
display: block;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: .75rem;
border-radius: 1rem
}
}
#cart-wrapper .selection-infos {
font-size: .875rem;
margin-bottom: .25rem;
color: #1882ff;
font-weight: 600
}
#cart-wrapper .selection-infos p,
#cart-wrapper .selection-infos .selected-ticket-info {
margin-bottom: 0;
display: inline-block
}
@media(max-width:991.98px) {
#cart-wrapper .selection-infos {
display: none
}
}
#cart-wrapper .js-nb-to-select,
#cart-wrapper .js-nb-selected {
font-size: .75rem;
color: #1882ff;
border-radius: .5rem;
padding: .25rem;
display: flex;
align-items: center;
flex: 1;
position: relative
}
#cart-wrapper .js-nb-to-select:before,
#cart-wrapper .js-nb-selected:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
line-height: 1
}
#cart-wrapper .js-nb-to-select:after,
#cart-wrapper .js-nb-selected:after {
content: "";
display: block;
position: absolute;
background-color: #1882ff;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: .5rem;
z-index: -1;
opacity: .1
}
#cart-wrapper .js-nb-to-select span,
#cart-wrapper .js-nb-to-select em,
#cart-wrapper .js-nb-selected span,
#cart-wrapper .js-nb-selected em {
font-weight: 700;
margin: 0 2px
}
@media(max-width:991.98px) {
#cart-wrapper .js-nb-to-select span,
#cart-wrapper .js-nb-to-select em,
#cart-wrapper .js-nb-selected span,
#cart-wrapper .js-nb-selected em {
margin: 0 .25rem
}
#cart-wrapper .js-nb-to-select span,
#cart-wrapper .js-nb-selected span {
margin-left: 0
}
}
@media(max-width:991.98px) {
#cart-wrapper .js-remaining-selection,
#cart-wrapper .js-nb-selected {
position: fixed;
bottom: 0;
width: 100%;
margin: 0 -0.75rem;
background: #fff;
height: 60px;
display: flex;
align-items: center;
padding: 0 1.5rem;
border-radius: 1.5rem 1.5rem 0 0;
box-shadow: 0 24px 48px rgba(0, 0, 0, .05), 0 12px 24px rgba(0, 0, 0, .03), 0 7.5px 15px rgba(0, 0, 0, .03), 0 3.5px 5px rgba(0, 0, 0, .025), 0 1.5px 3px rgba(0, 0, 0, .015)
}
}
#cart-wrapper .js-remaining-selection {
margin: 0;
padding: 1rem;
height: auto;
left: 0
}
@media(min-width:992px) {
#cart-wrapper .js-remaining-selection {
padding: 0;
margin-bottom: .5rem
}
#cart-wrapper .js-remaining-selection .js-nb-to-select {
margin-bottom: 0
}
}
@media(max-width:991.98px) {
#cart-wrapper .js-remaining-selection:before {
content: "";
height: 3px;
width: 30px;
background-color: #e2e5e8;
display: block;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: .5rem;
border-radius: 1rem
}
}
#cart-wrapper .js-remaining-selection b {
margin: 0 .5rem
}
@media(min-width:992px) {
#cart-wrapper .fieldset-wrapper {
flex: 1;
display: flex;
flex-direction: column;
margin-bottom: .75rem
}
}
@media(max-width:991.98px) {
#cart-wrapper .fieldset-wrapper {
padding: 0 1rem 4rem
}
}
@media(min-width:992px) {
#cart-wrapper .cart-wrapper-group-container {
overflow: auto;
margin-bottom: 0;
max-height: calc(100vh - 15rem)
}
#cart-wrapper .cart-wrapper-group-container.with-cart-footer {
max-height: calc(100vh - 17rem)
}
#cart-wrapper .cart-wrapper-group-container.with-add-to-cart-action {
max-height: calc(100vh - 23rem)
}
}
@media(max-width:991.98px) {
#cart-wrapper .cart-wrapper-group-container {
margin-bottom: 2rem
}
#cart-wrapper .cart-wrapper-group-container.with-cart-footer {
margin-bottom: 6rem
}
}
#cart-wrapper [data-drupal-selector=edit-empty-picto] {
font-style: italic;
position: relative;
color: #76818d;
margin: 3rem 0;
text-align: center;
font-size: .875rem;
display: flex;
flex-direction: column
}
#cart-wrapper [data-drupal-selector=edit-empty-picto]:before {
content: "";
line-height: 1;
font-family: "hubber8";
font-size: 4rem;
font-style: normal
}
#cart-wrapper [data-drupal-selector=edit-empty-text] {
text-align: center;
font-size: .75rem
}
#cart-wrapper .js-cart-group+h3,
#cart-wrapper .js-cart-group+.h3 {
font-size: .75rem;
color: #76818d;
letter-spacing: 1px;
text-transform: uppercase;
border-bottom: 1px solid #dee2e6;
padding-bottom: .25rem
}
#cart-wrapper .js-cart-group-selection {
font-size: 11px;
color: #76818d;
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: .5rem
}
#cart-wrapper .js-cart-group-selection.empty {
border: 1px dashed rgba(118, 129, 141, .5);
padding: .75rem .5rem;
color: #76818d;
font-size: .75rem;
font-style: italic;
border-radius: .5rem;
margin-top: .75rem
}
#cart-wrapper .js-cart-group-selection .selection-infos {
font-weight: 600;
font-size: .75rem;
color: #76818d;
text-transform: uppercase
}
#cart-wrapper .js-cart-group-selection img,
#cart-wrapper .js-cart-group-selection .participants-wrapper {
width: 3rem;
max-height: 100%;
margin: 0
}
#cart-wrapper .js-cart-group-selection .participants-wrapper {
min-width: 3rem
}
#cart-wrapper .js-cart-group-selection .default-img-wrapper:has(svg) {
position: relative
}
#cart-wrapper .js-cart-group-selection .default-img-wrapper:has(svg):before {
content: "";
display: flex;
top: 0;
background-color: rgba(0, 0, 0, 0);
background-position: center;
border-radius: .5rem;
left: 0;
position: absolute;
width: 100%;
height: 48px;
background-repeat: no-repeat;
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/billet.svg)
}
#cart-wrapper .js-cart-group-selection .default-img-wrapper:has(svg).merchandising:before {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/merch.svg)
}
#cart-wrapper .js-cart-group-selection .item-total-price {
font-size: .875rem;
font-weight: 600;
margin-left: auto;
color: initial
}
#cart-wrapper .js-cart-group {
font-size: .75rem;
color: #76818d;
letter-spacing: 1px;
text-transform: uppercase;
border-bottom: 1px solid rgba(118, 129, 141, .25);
padding-bottom: .25rem
}
#cart-wrapper .info-product-for-cart {
font-size: .875rem;
font-weight: 600;
margin-bottom: 0;
color: #000
}
@media(min-width:992px) {
#cart-wrapper .cart-wrapper-footer {
margin-top: auto;
margin-bottom: 0;
margin-inline: -1.5rem;
padding: 1rem 1.5rem 0;
position: relative
}
#cart-wrapper .cart-wrapper-footer:before {
display: none
}
#cart-wrapper .cart-wrapper-footer .actions-container {
margin-bottom: 0
}
}
@media(max-width:991.98px) {
#cart-wrapper .cart-wrapper-footer {
position: fixed;
width: 100%;
left: 0;
background-color: #fff;
border-radius: 1.5rem 1.5rem 0 0;
padding: 1rem;
margin-bottom: 0;
bottom: 0;
box-shadow: 0px -12px 24px 0px rgba(0, 0, 0, .03)
}
#cart-wrapper .cart-wrapper-footer .actions-container {
display: flex;
align-items: center;
margin-bottom: 0
}
#cart-wrapper .cart-wrapper-footer .actions-container .add-to-cart {
margin-bottom: 0
}
#cart-wrapper .cart-wrapper-footer .product-price-total {
margin-top: 1rem;
align-items: center
}
#cart-wrapper .cart-wrapper-footer .add-to-cart {
margin-bottom: .75rem
}
}
#cart-wrapper .product-price-total {
display: flex;
justify-content: flex-end;
align-items: center;
line-height: 1
}
#cart-wrapper .product-price-total span {
margin-left: .25rem;
font-weight: 800;
font-size: 1.25rem
}
@media(min-width:992px) {
#cart-wrapper .product-price-total span {
font-size: 1.5rem
}
}
#cart-wrapper .add-to-cart {
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
margin-right: .5rem;
width: 100%;
height: 3rem
}
@media(min-width:768px) {
#cart-wrapper .add-to-cart {
display: inline-flex
}
}
#cart-wrapper .add-to-cart:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
#cart-wrapper .add-to-cart:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(min-width:992px) {
#cart-wrapper .add-to-cart.is-disabled {
display: none
}
}
#cart-wrapper .add-to-cart.with-seat-mode:before {
content: ""
}
#cart-wrapper .reinsurance-container {
margin-bottom: 1rem
}
#cart-wrapper .toggle-cart {
border: 1px solid #dee2e6;
height: 3rem;
width: 3rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: .5rem;
margin-left: .5rem;
font-size: 0;
background-color: rgba(0, 0, 0, 0);
flex-shrink: 0
}
#cart-wrapper .toggle-cart::after {
content: "";
font-family: "hubber8";
transform: rotate(180deg);
font-size: 1.5rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.page-product-ticketing .data-error-msg,
.page-product-membership .data-error-msg,
.page-product-resale .data-error-msg,
.path-product-bundle .data-error-msg,
.path-product-bundle-multi-steps .data-error-msg,
.cross-sell-product-modal .data-error-msg {
font-size: .75rem;
background-color: #c50808;
background-color: #fff4f4;
border: 1px solid #c50808;
color: #c50808;
display: flex;
align-items: center;
padding: .5rem 1rem;
line-height: 1;
margin-bottom: .5rem;
border-radius: 6px
}
.page-product-ticketing .data-error-msg:before,
.page-product-membership .data-error-msg:before,
.page-product-resale .data-error-msg:before,
.path-product-bundle .data-error-msg:before,
.path-product-bundle-multi-steps .data-error-msg:before,
.cross-sell-product-modal .data-error-msg:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
margin-right: .5rem
}
.page-product-ticketing .js-hvsc-vscart-contents-wrapper>.data-error-msg,
.page-product-membership .js-hvsc-vscart-contents-wrapper>.data-error-msg,
.page-product-resale .js-hvsc-vscart-contents-wrapper>.data-error-msg,
.path-product-bundle .js-hvsc-vscart-contents-wrapper>.data-error-msg,
.path-product-bundle-multi-steps .js-hvsc-vscart-contents-wrapper>.data-error-msg,
.cross-sell-product-modal .js-hvsc-vscart-contents-wrapper>.data-error-msg {
margin: 0;
border: 0;
border-top: 1px solid #c50808;
border-radius: 0
}
.block-hubber-social-link .title {
font-size: 1.5rem
}
.block-hubber-social-link .hubber-social-icons {
display: flex
}
.block-hubber-social-link .hubber-social-icons img {
max-height: 20px;
max-width: 20px;
margin: 6px
}
.block-hubber-social-link .hubber-social-icons li {
display: flex;
align-items: center;
padding: 0 2px
}
.block-hubber-social-link .hubber-social-icons li a[target=_blank] {
padding: 0
}
.block-hubber-social-link .hubber-social-icons li a[target=_blank]:after {
display: none
}
.block-hubber-social-link .hubber-social-icons li:first-child {
padding-left: 0
}
.block-hubber-social-link .hubber-social-icons li:last-child {
padding-right: 0
}
.block-hubber-social-link .hubber-social-icons i {
font-family: "hubber8" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 1.5rem;
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.block-hubber-menu-block .block-hubber-social-link .hubber-social-icons i {
color: #76818d
}
.block-hubber-social-link .hubber-social-icons i.icon-twitter:before {
content: ""
}
.block-hubber-social-link .hubber-social-icons i.icon-facebook:before {
content: ""
}
.block-hubber-social-link .hubber-social-icons i.icon-instagram:before {
content: ""
}
.block-hubber-social-link .hubber-social-icons i.icon-linkedin:before {
content: ""
}
.block-hubber-social-link .hubber-social-icons i.icon-youtube:before {
content: ""
}
.block-hubber-social-link .hubber-social-icons i.icon-snapchat:before {
content: ""
}
.block-hubber-social-link .hubber-social-icons i.icon-dailymotion:before {
content: ""
}
.block-hubber-social-link .hubber-social-icons i.icon-tiktok:before {
content: ""
}
.block-hubber-social-link .hubber-social-icons i.icon-twitch:before {
content: ""
}
.tooltip-plan {
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
overflow: hidden;
background-color: #fff;
width: 16rem !important;
box-shadow: 0 8px 8px rgba(0, 0, 0, .05), 0 0 32px rgba(0, 0, 0, .03)
}
@media(min-width:992px) {
.tooltip-plan {
border-radius: .5rem
}
}
.tooltip-plan-title {
font-size: 1.125rem;
font-weight: 700
}
.tooltip-plan .block-tooltip-item {
margin: .5rem 0;
font-size: .875rem
}
.tooltip-plan .block-tooltip-item:last-child {
margin-bottom: 0
}
.tooltip-plan .category-line {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 600
}
.tooltip-plan .category-title {
display: flex;
align-items: center;
width: 50%
}
.tooltip-plan .block-tooltip-price {
font-weight: 400;
text-align: right;
width: 50%
}
.tooltip-plan .block-tooltip-price em {
font-weight: 600
}
.tooltip-plan .box {
height: 1.25rem;
width: .5rem;
border-radius: .25rem;
margin-right: .5rem;
background-color: #76818d
}
.tooltip-plan .seat-disponibility {
color: #8c8ca5;
font-size: .75rem
}
.tooltip-plan .seat_tooltip_view {
display: flex;
align-items: center;
overflow: hidden;
justify-content: center;
background-color: #e2e5e8
}
@media(min-width:992px) {
.tooltip-plan-content {
padding: .75rem
}
}
.tooltip-plan-content .message-alert {
border-radius: 0;
order: -1;
margin: -12px -12px -12px 0
}
.tooltip-plan-content .add-seats-from-tooltip {
margin: -0.75rem;
margin-top: 0;
padding: .5rem;
background-color: #1882ff;
display: inline-flex;
align-items: center;
margin-right: .5rem;
justify-content: center;
display: flex;
color: #fff;
font-size: .75rem;
font-weight: 600
}
.tooltip-plan-content .add-seats-from-tooltip:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(min-width:992px) {
.tooltip-plan .block-tooltip-actions {
display: none
}
}
@media(max-width:991.98px) {
.tooltip-plan {
display: none !important
}
body.map-block-awaiting-selection .tooltip-plan.block-tooltip {
border: none !important;
display: block !important;
position: fixed;
left: 0 !important;
top: unset !important;
bottom: 0;
width: 100% !important;
padding: 1.5rem 1rem;
z-index: 902
}
.tooltip-plan:before {
content: "";
width: 30px;
height: 3px;
position: absolute;
top: 8px;
left: 50%;
background: #e2e5e8;
transform: translateX(-50%);
border-radius: 100%
}
}
.block-auto-notice {
font-size: 11px;
padding: 4px 8px;
border-radius: 1.5rem;
display: inline-block;
position: relative;
overflow: hidden;
color: #1882ff;
font-family: "Bebas Neue", Arial, Verdana, sans-serif;
text-transform: uppercase;
position: relative;
z-index: 1;
transition: color .2s;
font-weight: 700;
letter-spacing: .05em
}
.block-auto-notice:before {
content: "";
background-color: #1882ff;
opacity: .05;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
transition: opacity .2s
}
.js-blockitem-auto {
padding-right: 3rem
}
.js-blockitem-auto:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
height: 30px;
width: 30px;
color: #1882ff;
border-radius: 100%;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
transition: all .2s
}
.js-blockitem-auto:hover:after {
color: #fff;
background-color: #1882ff
}
.seat-tooltip-seat-item {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 11px
}
.seat-tooltip-total {
padding: .5rem;
color: #fff;
background-color: #1882ff;
text-align: right
}
.seat-tooltip-total em {
font-weight: bold
}
.block-tooltip-actions {
display: flex;
justify-content: space-between
}
@media(max-width:991.98px) {
.block-tooltip-categories {
margin-bottom: 1rem
}
}
.custom-tooltip {
position: relative
}
.custom-tooltip .info {
cursor: pointer
}
.custom-tooltip .info:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
line-height: 1;
margin-left: .5rem;
color: #fff
}
.custom-tooltip .info:hover+.custom-tooltip-content {
display: block !important
}
.custom-tooltip-content {
display: none;
position: absolute;
z-index: 1080;
color: #fff;
background-color: #263140;
padding: .25rem;
font-size: .75rem;
width: 25rem;
border-radius: .5rem;
left: -10px;
top: 30px;
box-shadow: 4px 4px 16px rgba(0, 0, 0, .25)
}
@media(max-width:991.98px) {
.custom-tooltip-content {
width: 20rem
}
}
.custom-tooltip-content p {
margin-bottom: 0
}
.custom-tooltip-content:before {
content: "";
border-style: solid;
border-width: 0 7px 6px 7px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #263140 rgba(0, 0, 0, 0);
position: absolute;
left: 20px;
top: -6px
}
.custom-tooltip-content:after {
content: "";
width: 1px;
height: 1px;
border-top: 10px solid #1882ff;
border-right: 10px solid rgba(0, 0, 0, 0);
border-left: 10px solid rgba(0, 0, 0, 0);
position: absolute;
left: 20px;
bottom: -11px;
display: none
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[data-popper-placement^=top] .arrow,
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
bottom: 0
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .arrow::before,
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
top: auto !important;
bottom: 2px
}
@media(max-width:991.98px) {
.page-user-update-mail h1,
.page-user-update-mail .h1,
.page-change-password.user-logged-in h1,
.page-change-password.user-logged-in .h1 {
text-align: center
}
}
.page-user-update-mail .change-email-form,
.page-user-update-mail .change-pwd-form,
.page-change-password.user-logged-in .change-email-form,
.page-change-password.user-logged-in .change-pwd-form {
border-radius: .375rem;
background-color: #fff;
margin: 0 auto 3rem;
padding: 1.5rem 1.5rem 1rem;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03)
}
.page-user-update-mail .change-email-form .form-group,
.page-user-update-mail .change-pwd-form .form-group,
.page-change-password.user-logged-in .change-email-form .form-group,
.page-change-password.user-logged-in .change-pwd-form .form-group {
margin-bottom: .3rem
}
.page-user-update-mail .change-email-form .form-group.form-actions,
.page-user-update-mail .change-pwd-form .form-group.form-actions,
.page-change-password.user-logged-in .change-email-form .form-group.form-actions,
.page-change-password.user-logged-in .change-pwd-form .form-group.form-actions {
margin-bottom: 1rem
}
.page-user-update-mail .change-email-form .btn,
.page-user-update-mail .change-pwd-form .btn,
.page-change-password.user-logged-in .change-email-form .btn,
.page-change-password.user-logged-in .change-pwd-form .btn {
width: 100%
}
@media(min-width:992px) {
.page-user-update-mail .block-page-title-block,
.page-change-password.user-logged-in .block-page-title-block {
text-align: left !important
}
}
.page-user-update-mail .user-change-password-title-suffix,
.page-change-password.user-logged-in .user-change-password-title-suffix {
margin-bottom: 0
}
.page-user-update-mail .current-pass-wrapper,
.page-change-password.user-logged-in .current-pass-wrapper {
border-bottom: 1px solid #dee2e6;
--bs-gutter-x: 0
}
.page-user-update-mail .current-pass-wrapper:not(:has(input)),
.page-change-password.user-logged-in .current-pass-wrapper:not(:has(input)) {
display: none
}
.page-user-update-mail .current-pass-wrapper .current-pass-element,
.page-change-password.user-logged-in .current-pass-wrapper .current-pass-element {
padding: 1.5rem
}
@media(max-width:767.98px) {
.page-user-update-mail .current-pass-wrapper .current-pass-element,
.page-change-password.user-logged-in .current-pass-wrapper .current-pass-element {
padding: 0
}
}
.page-user-update-mail .new-pass-elements,
.page-change-password.user-logged-in .new-pass-elements {
padding: 1.5rem
}
@media(max-width:767.98px) {
.page-user-update-mail .new-pass-elements,
.page-change-password.user-logged-in .new-pass-elements {
padding: 1.5rem 0
}
}
.page-user-update-mail .new-pass-wrapper,
.page-change-password.user-logged-in .new-pass-wrapper {
--bs-gutter-x: 0
}
.page-user-update-mail .new-pass-wrapper .js-form-item,
.page-change-password.user-logged-in .new-pass-wrapper .js-form-item {
margin-bottom: 1rem
}
@media(min-width:992px) {
.page-user-update-mail section.section,
.page-change-password.user-logged-in section.section {
margin: 0 !important
}
}
@media(min-width:768px) {
.page-user-update-mail .change-email-form,
.page-user-update-mail .change-pwd-form,
.page-change-password.user-logged-in .change-email-form,
.page-change-password.user-logged-in .change-pwd-form {
float: left
}
.page-user-update-mail .change-email-form,
.page-change-password.user-logged-in .change-email-form {
padding: 1.5rem;
border: 1px solid #dee2e6;
overflow: hidden
}
.page-user-update-mail .change-pwd-form,
.page-change-password.user-logged-in .change-pwd-form {
padding: 0;
border: 1px solid #dee2e6;
overflow: hidden
}
}
.page-change-password.user-logged-in .change-pwd-form {
padding-bottom: 0
}
.page-change-password.user-logged-in .change-pwd-form .form-group.form-actions {
margin-bottom: 0
}
.js-form-item-current-pass {
margin-bottom: 0
}
.reset-instructions {
background-color: #f7f9fa;
color: #76818d;
display: flex;
align-items: center;
padding: 1.5rem;
font-size: .75rem;
height: 100%;
width: 100%
}
@media(max-width:767.98px) {
.reset-instructions {
padding: .75rem;
margin-top: .75rem
}
}
.reset-instructions a {
text-decoration: underline
}
.new-password-info {
margin: 1rem .75rem
}
@media(max-width:767.98px) {
.new-pass-wrapper {
flex-direction: column-reverse
}
}
.password-recommandations {
height: 100%;
width: 100%;
padding: 1.5rem;
background-color: #f7f9fa;
border-radius: 5px;
color: #76818d;
font-size: .75rem
}
@media(max-width:767.98px) {
.password-recommandations {
padding: .75rem;
margin-top: .75rem
}
}
.password-recommandations .password-strength .password-strength__meter {
margin-top: 6px
}
.password-recommandations .password-strength .password-strength__meter .password-strength__indicator {
border-radius: 5px
}
.password-recommandations .description ul li {
margin-top: 6px;
display: flex;
align-items: center
}
.password-recommandations .description ul li:before {
content: "";
margin-right: 6px;
font-size: 1.5rem;
height: 1.5rem;
width: 1.5rem;
color: #0b873c;
font-family: "hubber8"
}
.password-recommandations .description ul li.pwd-requirement-not-met:before {
content: ""
}
.menu--account {
padding: 1rem 0 0;
border-top: 1px solid rgba(118, 129, 141, .25);
border-bottom: 1px solid rgba(118, 129, 141, .25)
}
@media(max-width:991.98px) {
.menu--account .nav-link.always-show {
display: flex !important
}
}
.menu--account .nav {
flex-direction: column;
font-size: .75rem
}
.menu--account .nav:after {
display: none
}
.menu--account .nav .nav-link {
border-radius: 6px;
color: #263140;
display: flex;
align-items: center;
font-weight: 400;
padding: 0 .75rem;
position: relative;
overflow: hidden
}
.menu--account .nav .nav-link:after {
content: "";
background-color: #1882ff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0
}
.menu--account .nav .nav-link:not(:last-child) {
margin-bottom: .5rem
}
@media(min-width:992px) {
.menu--account .nav .nav-link {
margin: 0 .5rem
}
}
.menu--account .nav .nav-link.is-active {
color: #1882ff;
font-weight: 600
}
.menu--account .nav .nav-link.is-active:before {
color: #1882ff
}
.menu--account .nav .nav-link.is-active:after {
opacity: .1
}
.menu--account .nav .nav-link.customer_vignette__disabled {
background: rgba(0, 0, 0, 0);
color: #76818d !important;
font-weight: normal
}
.menu--account .nav .nav-link:not(.customer_vignette__disabled):hover {
box-shadow: inset 0px -1px 0px rgba(202, 202, 202, .25);
color: #263140
}
.menu--account .nav .nav-link:not(.customer_vignette__disabled):hover:after {
opacity: .05;
height: 100%;
width: 100%
}
.menu--account .nav .nav-link:before {
content: "";
font-family: "hubber8";
font-size: 2rem;
line-height: 1.6;
margin-right: 1rem;
font-weight: normal;
transition: all 300ms ease-out;
color: inherit
}
@media(prefers-reduced-motion:reduce) {
.menu--account .nav .nav-link:before {
transition: none
}
}
.menu--account .nav .nav-link[class*=-dashboard]:before,
.menu--account .nav .nav-link[class*=-user]:before {
content: ""
}
.menu--account .nav .nav-link[class*=-professional-dashboard]:before {
content: ""
}
.menu--account .nav .nav-link[class*=-professional-global-dashboard]:before {
content: ""
}
.menu--account .nav .nav-link[class*=user-][class*=-edit]:before,
.menu--account .nav .nav-link[class$=-user]:before {
content: ""
}
.menu--account .nav .nav-link[class*=-etickets]:before,
.menu--account .nav .nav-link[class$=-professional]:before {
content: "";
font-size: 1.8rem
}
.menu--account .nav .nav-link[class*=-my-events]:before {
content: "";
font-size: 1.5rem;
margin-left: .2rem
}
.menu--account .nav .nav-link[class*=-orders]:before {
content: ""
}
.menu--account .nav .nav-link[class*=-address-book]:before {
content: "";
font-size: 1.8rem;
margin-left: 2px
}
.menu--account .nav .nav-link[class*=-payment-methods]:before {
content: ""
}
.menu--account .nav .nav-link[class*=-alerts]:before {
content: ""
}
.menu--account .nav .nav-link[class*=-files]:before {
content: "";
font-size: 1.8rem;
margin-left: 2px
}
.menu--account .nav .nav-link[class*=-resales]:before {
content: ""
}
.menu--account .nav .nav-link[class*=-membership]:before {
content: ""
}
.menu--account .nav .nav-link[class*=-professional]:not([class*=-professional-]):before {
content: ""
}
.menu--account .nav .nav-link.display-more-item {
position: relative
}
@media(max-width:991.98px) {
.menu--account .nav .nav-link.display-more-item {
display: none
}
}
.menu--account .nav .nav-link.display-more-item:before {
font-family: "hubber8";
content: ""
}
.menu--account .nav .nav-link.display-more-item:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
position: absolute;
top: 50%;
right: 1rem;
transform: translateY(-50%)
}
@media(min-width:992px) {
.sidebar .menu--account {
overflow-y: auto;
position: relative
}
}
.sidebar .menu--account .nav .nav-link[class*=-my-events]:before {
content: ""
}
.sidebar .block-hubber-customers-user-picture {
position: relative
}
.sidebar .block-hubber-customers-user-picture.with-shadow:after {
content: "";
position: absolute;
width: 100%;
height: 1rem;
bottom: -1rem;
left: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.02) 40%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%)
}
.sidebar .menu--menu-logout {
position: relative
}
.sidebar .menu--menu-logout.with-shadow:after {
content: "";
position: absolute;
width: 100%;
height: 1rem;
top: -1rem;
left: 0;
background: linear-gradient(0, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.02) 40%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%)
}
.sidebar .sidebar {
max-height: calc(100vh - 19.5rem);
overflow-y: auto
}
@media(min-width:992px) {
.menu-reduced .sidebar {
flex: 0 0 3.5rem !important;
width: 3.5rem !important
}
.menu-reduced .block-hubber-customers-user-picture {
padding: 0 !important
}
.menu-reduced .block-hubber-customers-user-picture .reduced-menu-hidden {
visibility: hidden;
opacity: 0
}
.menu-reduced .block-hubber-customers-user-picture .sidebar-menu-trigger:after {
transform: rotate(180deg)
}
.menu-reduced .menu--account .nav-link,
.menu-reduced [class*=-user-logout] {
font-size: 0 !important;
justify-content: center;
border-radius: 3px !important;
width: 38px;
margin-left: auto !important;
margin-right: auto !important;
display: flex !important
}
.menu-reduced .menu--account .nav-link:before,
.menu-reduced [class*=-user-logout]:before {
margin-right: unset !important
}
.menu-reduced .menu--account .nav-link.display-more-item:after,
.menu-reduced [class*=-user-logout].display-more-item:after {
display: none
}
.menu-reduced .menu--account .nav-link:not(.mobile-account-toggle),
.menu-reduced [class*=-user-logout] {
display: flex
}
.menu-reduced .main-content {
margin: 0 auto
}
.menu-reduced.content-md .main-content {
max-width: 78rem
}
}
.mobile-account-menu {
margin: 0 !important
}
.mobile-account-menu .mobile-account-toggle.always-show {
display: none !important
}
.mobile-account-menu .display-more-item {
display: flex
}
.view-user-hubber-file .alert {
position: absolute;
left: 0;
z-index: 10;
padding-right: 38px
}
.view-user-hubber-file .alert.alert-danger {
background-color: #f8d7da
}
.view-user-hubber-file .alert .close {
display: block;
position: absolute;
right: 10px;
top: 50%;
font-size: 1.875rem;
background-color: rgba(0, 0, 0, 0);
transform: translateY(-50%);
color: #76818d
}
.view-user-hubber-file .btn.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):hover {
border-color: var(--hb-cta-primary) !important
}
.view-user-hubber-file .btn.form-type-hubber-upload-managed-file.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):not(.btn-sale):not(.add-coupon-btn) #edit-files--label {
font-weight: 600;
font-size: .875rem
}
.view-user-hubber-file [id^=ajax-wrapper] {
display: flex;
justify-content: flex-end;
width: 100%
}
@media(min-width:992px) {
.view-user-hubber-file [id^=ajax-wrapper] {
margin-top: -4.5rem
}
}
.view-user-hubber-file .file--image {
background-image: none;
padding-left: 0
}
.view-user-hubber-file .hubber-upload-file-form {
transform: translateY(-10px)
}
.view-user-hubber-file .btn.form-type-hubber-upload-managed-file.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):not(.btn-sale):not(.add-coupon-btn) {
display: inline-flex;
align-items: center;
margin-left: .5rem;
padding: 0 1rem;
display: inline-flex;
position: relative;
background-color: color-mix(in srgb, var(--hb-cta-primary) 5.196%, white 94.804%) !important;
border-radius: 24px !important;
padding: 4px 16px 4px 8px;
height: auto;
color: var(--hb-cta-primary) !important;
background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%), var(--hb-cta-primary) !important
}
.view-user-hubber-file .btn.form-type-hubber-upload-managed-file.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):not(.btn-sale):not(.add-coupon-btn):before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.view-user-hubber-file .btn.form-type-hubber-upload-managed-file.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):not(.btn-sale):not(.add-coupon-btn) #edit-files--label {
margin-left: 5px
}
@media(max-width:767.98px) {
.view-user-hubber-file .btn.form-type-hubber-upload-managed-file.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):not(.btn-sale):not(.add-coupon-btn) {
width: 100%
}
}
.view-user-hubber-file .btn.form-type-hubber-upload-managed-file.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):not(.btn-sale):not(.add-coupon-btn) label {
margin-bottom: 0;
cursor: pointer;
font-size: .75rem
}
.view-user-hubber-file .btn.form-type-hubber-upload-managed-file.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):not(.btn-sale):not(.add-coupon-btn) label:after {
display: none
}
.view-user-hubber-file .btn.form-type-hubber-upload-managed-file.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):not(.btn-sale):not(.add-coupon-btn) .form-file {
position: absolute;
opacity: 0;
top: -1px;
left: 0
}
.view-user-hubber-file .btn.form-type-hubber-upload-managed-file.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):not(.btn-sale):not(.add-coupon-btn) .custom-file {
width: 0;
position: unset
}
.view-user-hubber-file .btn.form-type-hubber-upload-managed-file.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):not(.btn-sale):not(.add-coupon-btn) .custom-file .messages {
width: calc(100vw - 25px);
position: absolute;
right: 0;
top: 40px;
text-align: center;
text-transform: none;
padding: 4px 0;
border-radius: 6px;
font-size: .75rem;
font-weight: normal;
background-color: #76818d;
z-index: 1
}
.view-user-hubber-file .btn.form-type-hubber-upload-managed-file.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):not(.btn-sale):not(.add-coupon-btn) .custom-file .messages--error {
background-color: #c50808
}
@media(min-width:992px) {
.view-user-hubber-file .btn.form-type-hubber-upload-managed-file.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):not(.btn-sale):not(.add-coupon-btn) .custom-file .messages {
width: 50vw
}
}
.view-user-hubber-file .doc-list {
margin-bottom: 2rem;
background: #fff;
margin-top: 14px;
border: 1px solid #eceef0;
border-radius: 16px;
box-shadow: none;
overflow: hidden
}
.view-user-hubber-file .doc-list-item {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #eceef0
}
.view-user-hubber-file .doc-list-item:last-child {
border-bottom: none
}
.view-user-hubber-file .doc-list-item:not(:last-child) {
margin-bottom: 6px
}
.view-user-hubber-file .doc-list-item .views-field {
background-color: #fff;
border-radius: 0;
padding: 0 .75rem;
font-size: .75rem;
font-weight: 700;
display: flex;
align-items: center;
min-height: 50px
}
.view-user-hubber-file .doc-list-item .views-field.views-field-filename {
font-size: 1.125rem;
padding: 16px;
border-right: 1px solid #eceef0;
font-weight: 600
}
@media(max-width:575.98px) {
.view-user-hubber-file .doc-list-item .views-field.views-field-filename {
font-size: .75rem
}
}
.view-user-hubber-file .doc-list-item .views-field.views-field-nothing-1 {
border-right: 1px solid #eceef0
}
.view-user-hubber-file .doc-list-item .views-field.views-field-nothing {
padding: 0
}
.view-user-hubber-file .doc-list-item .views-field:not(:last-child) {
margin-right: 3px
}
.view-user-hubber-file .doc-list-item .views-field:last-child {
width: 50px;
cursor: pointer
}
.view-user-hubber-file .doc-list-item .views-field:last-child .hubber-file-action {
display: flex;
overflow: hidden;
height: 40px;
width: 40px;
align-items: center;
text-align: center;
justify-content: center
}
.view-user-hubber-file .doc-list-item .views-field:last-child .hubber-file-action a {
display: flex;
align-items: center;
justify-content: center;
height: 100%
}
.view-user-hubber-file .doc-list-item .views-field:last-child .hubber-file-action a:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
color: #76818d;
height: 100%;
line-height: 1;
font-weight: normal;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
transition: transform .2s ease-out
}
.view-user-hubber-file .doc-list-item .views-field:last-child .hubber-file-action a {
display: block
}
.view-user-hubber-file .doc-list-item .views-field:last-child:hover {
padding: .15rem
}
.view-user-hubber-file .doc-list-item .views-field:last-child:hover .hubber-file-action a:before {
transform: translateY(-100%)
}
.view-user-hubber-file .doc-list-item .views-field:last-child:hover .hubber-file-action a:after {
transform: translateY(-100%)
}
.view-user-hubber-file .doc-list-item .views-field:nth-child(2) {
flex: 0 0 11.25rem
}
@media(max-width:991.98px) {
.view-user-hubber-file .doc-list-item .views-field:nth-child(2) {
flex-basis: auto
}
}
.view-user-hubber-file .doc-list-item .views-field.refuse,
.view-user-hubber-file .doc-list-item .views-field.accepted {
opacity: 0;
visibility: hidden
}
@media(max-width:991.98px) {
.view-user-hubber-file .doc-list-item .views-field.refuse,
.view-user-hubber-file .doc-list-item .views-field.accepted {
display: none
}
}
.view-user-hubber-file .doc-list-item .views-field-filename {
flex: 1
}
.view-user-hubber-file .doc-list-item .views-field-filename a {
color: #263140
}
.view-user-hubber-file .doc-list-item .views-field .hubber-file-state {
color: #0b873c;
display: flex;
align-items: center;
width: 100%;
gap: 4px
}
.view-user-hubber-file .doc-list-item .views-field .hubber-file-state:before {
content: "";
border-radius: 100%;
background-color: #0b873c;
height: 10px;
width: 10px
}
.view-user-hubber-file .doc-list-item .views-field .hubber-file-state.waiting {
color: #f18400
}
.view-user-hubber-file .doc-list-item .views-field .hubber-file-state.waiting:before {
background-color: #f18400
}
.view-user-hubber-file .doc-list-item .views-field .hubber-file-state.refuse {
color: #c50808
}
.view-user-hubber-file .doc-list-item .views-field .hubber-file-state.refuse:before {
background-color: #c50808
}
.view-user-hubber-file .doc-list-item .views-field .hubber-file-action a {
font-size: 0
}
.view-user-hubber-file .doc-list-item .views-field .hubber-file-action a:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
color: #76818d;
line-height: 1;
font-weight: normal;
display: block;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
transform: translateY(100%);
overflow: hidden;
transition: transform .2s ease-out;
color: #fff;
border-radius: 8px;
padding: .5rem;
background-color: #dc3545
}
.view-user-hubber-file .doc-list-item .views-field .hubber_file_message {
margin-left: auto;
font-size: 0
}
.view-user-hubber-file .doc-list-item .views-field .hubber_file_message:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
color: #76818d
}
.insurance-item {
position: relative;
font-size: .75rem;
border-radius: .5rem;
padding: 1rem;
background-color: rgba(0, 145, 225, .1);
border: 1px solid #0091e1
}
.insurance-item-label {
font-size: .875rem;
font-weight: 600;
color: #0091e1;
position: absolute;
top: -0.75rem;
display: inline-flex;
align-items: center;
margin-right: .5rem;
background: #fff;
background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 50%, #E7F2FD 51%, #E7F2FD 100%);
background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 50%, #E7F2FD 51%, #E7F2FD 100%);
background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 50%, #E7F2FD 51%, #E7F2FD 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#E7F2FD", GradientType=0)
}
.insurance-item-label:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.insurance-item-label:before {
color: inherit
}
.insurance-item-content em {
font-weight: 600
}
@media(min-width:1200px) {
.insurance-item-content {
display: flex;
justify-content: space-between
}
.insurance-item-content-right {
display: flex
}
.insurance-item-content-right-info {
text-align: right
}
}
.insurance-item-cta .btn {
height: 2.375rem;
display: inline-flex;
align-items: center;
margin-right: .5rem;
margin-top: .5rem
}
.insurance-item-cta .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(min-width:1200px) {
.insurance-item-cta .btn {
margin-top: 0;
margin-left: 1rem
}
}
@media(max-width:767.98px) {
.insurance-item-cta .btn {
width: 100%
}
}
.view-commerce-user-orders:not(:has(.view-empty)) {
border: 1px solid #e2e5e8;
margin-bottom: 3rem;
border-radius: 15px;
overflow: hidden;
background-color: #fff
}
.view-commerce-user-orders .view-content {
width: 100%;
margin: 0 auto
}
.view-commerce-user-orders .dropbutton .pay-order .js-show-other-action:before {
content: "";
font-size: 1.5rem;
margin-left: .5rem;
line-height: 1;
font-weight: normal
}
@media(max-width:991.98px) {
.view-commerce-user-orders .dropbutton .pay-order .js-show-other-action:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
margin-left: .5rem;
line-height: 1;
font-weight: normal
}
}
.view-commerce-user-orders table {
margin-bottom: 0
}
.view-commerce-user-orders table>:not(:last-child)>:last-child>* {
border-bottom-color: #e2e5e8
}
@media(max-width:991.98px) {
.view-commerce-user-orders .table-responsive {
padding: 0
}
}
.view-commerce-user-orders nav:has(.pagination) {
display: flex;
justify-content: flex-end
}
.view-commerce-user-orders .pagination {
margin: 0;
padding: 8px
}
.view-commerce-user-orders .pagination .pager__item--next a:after,
.view-commerce-user-orders .pagination .pager__item--prev a:after {
color: #263140
}
.view-commerce-user-orders .pagination .page-item a span {
display: none
}
.view-commerce-user-orders .pagination .page-item a:not(.last-page-link),
.view-commerce-user-orders .pagination .page-item span {
font-size: .75rem;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-transform: uppercase;
padding: 8px;
color: #263140;
margin: 0 4px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(0, 0, 0, 0)
}
.view-commerce-user-orders .pagination .page-item a:not(.last-page-link):focus,
.view-commerce-user-orders .pagination .page-item span:focus {
box-shadow: none
}
.view-commerce-user-orders .pagination .page-item.active span {
font-weight: 600
}
.view-commerce-user-orders .pagination .page-item:not(.active) a:hover {
color: var(--hb-cta-primary, #1882FF);
border-color: var(--hb-cta-primary, #1882FF)
}
.view-commerce-user-orders .pagination .page-item.active span {
font-size: .75rem;
border-radius: .5rem;
border: 1px solid #e2e5e8;
color: #263140
}
.view-commerce-user-orders tr.order-item {
display: flex;
justify-content: space-between;
font-size: .75rem;
flex-wrap: wrap;
overflow: hidden;
cursor: pointer
}
@media(max-width:767.98px) {
.view-commerce-user-orders tr.order-item .views-field-placed {
flex-basis: 20%
}
}
@media(min-width:1200px) {
.view-commerce-user-orders tr.order-item:hover td {
background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%), var(--hb-cta-primary, #1882FF)
}
}
.view-commerce-user-orders tr.order-item .dropbutton-action a:before {
font-family: "hubber8";
font-size: 1.5rem;
margin-left: .5rem;
line-height: 1;
font-weight: normal
}
.view-commerce-user-orders tr.order-item .dropbutton-action a:after {
display: none
}
.view-commerce-user-orders tr.order-item.validated .views-field-operations a:before {
content: ""
}
.view-commerce-user-orders tr.order-item td:first-child {
padding-left: 30px
}
@media(max-width:767.98px) {
.view-commerce-user-orders tr.order-item td:first-child {
padding-left: 23px
}
}
.view-commerce-user-orders tr.order-item .views-field-field-order-custom-text {
width: 50%
}
@media(max-width:767.98px) {
.view-commerce-user-orders tr.order-item .views-field-field-order-custom-text {
width: auto;
flex-basis: 36%
}
}
@media(max-width:991.98px) {
.view-commerce-user-orders tr.order-item .views-field-total-price__number {
border-right: none;
flex-basis: 20%;
text-align: right;
padding-right: 2rem;
width: auto
}
}
.view-commerce-user-orders tr.order-item .dropbutton-toggle {
top: 11px;
right: 10px
}
.view-commerce-user-orders tr.order-item .open .dropbutton {
height: 100%;
width: 100%
}
.view-commerce-user-orders tr.order-item .views-field {
border-right: 1px solid #e2e5e8;
border-bottom: 1px solid #e2e5e8
}
.view-commerce-user-orders tr.order-item .views-field:last-child {
border-right: none
}
.view-commerce-user-orders tr.order-item-action-content {
flex-basis: 100%;
background-color: #ebf2f9;
border-radius: 0 0 .5rem .5rem
}
@media(max-width:991.98px) {
.view-commerce-user-orders tr.order-item .dropbutton-toggle {
display: none
}
}
@media(max-width:991.98px) {
.view-commerce-user-orders tr.order-item.validated .views-field-operations a:before {
content: ""
}
}
.view-commerce-user-orders tr.order-item.open {
display: flex;
background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%), var(--hb-cta-primary, #1882FF);
border: 1px solid var(--hb-cta-primary, #1882FF);
width: 100%
}
.view-commerce-user-orders tr.order-item.open:first-child {
border-top-left-radius: 16px;
border-top-right-radius: 16px
}
.view-commerce-user-orders tr.order-item.open:last-child {
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px
}
.view-commerce-user-orders tr.order-item.open:hover td {
background: none
}
.view-commerce-user-orders tr.order-item.open .views-field-operations {
flex: 0
}
.view-commerce-user-orders tr.order-item.open .dropbutton-action a:before {
content: ""
}
.view-commerce-user-orders tr.order-item.open .order-item-action-content {
flex-basis: 100%;
padding: 0 16px 16px
}
@media(max-width:991.98px) {
.view-commerce-user-orders tr.order-item.open .order-item-action-content {
padding-left: 8px;
padding-right: 8px
}
}
.view-commerce-user-orders tr.order-item.open .order-item-action-content .dropbutton {
margin-top: 0
}
.view-commerce-user-orders tr.order-item.open .dropbutton-toggle {
top: -130px
}
.view-commerce-user-orders tr.order-item.open .dropbutton-widget .dropbutton {
overflow: visible
}
.view-commerce-user-orders tr.order-item.open .dropbutton-wrapper {
width: 100%
}
.view-commerce-user-orders tr.order-item.open .dropbutton-widget {
overflow: visible
}
.view-commerce-user-orders tr.order-item.open .dropbutton-action {
overflow: visible
}
.view-commerce-user-orders tr.order-item.open .js-show-other-action {
width: 100%;
font-size: 1rem
}
.view-commerce-user-orders tr.order-item.open .js-show-other-action:after {
position: absolute;
right: 0
}
.view-commerce-user-orders tr.order-item.has-line-additionnal {
border-radius: .375rem .375rem 0 0;
margin-bottom: 0
}
.view-commerce-user-orders tr.order-item.has-line-additionnal:not(.open) {
background-color: #fff !important
}
.view-commerce-user-orders tr.order-item.has-line-additionnal td {
box-shadow: none
}
.view-commerce-user-orders tr.order-item.has-line-additionnal+.line-item {
border-radius: 0 0 .375rem .375rem;
background-color: #fff;
margin-bottom: .375rem;
display: flex;
position: relative;
z-index: 1;
box-shadow: 0 1.5px 3px rgba(0, 0, 0, .05)
}
.view-commerce-user-orders tr.order-item.has-line-additionnal+.line-item td {
width: 100%;
padding-top: .5rem
}
.view-commerce-user-orders tr.order-item .dropbutton {
border: 0
}
.view-commerce-user-orders tr.order-item .dropbutton-toggle button {
background: rgba(0, 0, 0, 0)
}
@media(max-width:991.98px) {
.view-commerce-user-orders tr.order-item.open td {
border-right: none;
border-bottom: none
}
.view-commerce-user-orders tr.order-item.open .views-field {
box-shadow: none
}
.view-commerce-user-orders tr.order-item.open .views-field-operations {
padding-right: .8125rem
}
.view-commerce-user-orders tr.order-item.open .global-part .reserved {
padding-left: 22px
}
.view-commerce-user-orders tr.order-item.open .global-part .state {
margin-left: 0
}
.view-commerce-user-orders tr.order-item.open .views-field .dropbutton-widget {
display: flex;
justify-content: flex-end;
padding-right: 0
}
.dropbutton .pay-order .js-show-other-action .view-commerce-user-orders tr.order-item.open:before {
content: ""
}
.view-commerce-user-orders tr.order-item.open .dropbutton span:after {
transform: rotate(180deg)
}
}
.view-commerce-user-orders tr.order-item.open:not(.reserved-until) .views-field-operations .dropbutton-action span:after,
.view-commerce-user-orders tr.order-item.open:not(.reserved-until) .views-field-operations .dropbutton-action a:after {
transform: rotate(180deg)
}
@media(max-width:991.98px) {
.view-commerce-user-orders tr.order-item {
position: relative
}
.view-commerce-user-orders tr.order-item:not(.open),
.view-commerce-user-orders tr.order-item:not(.has-line-additionnal) {
--bs-table-striped-bg: $white;
--bs-table-accent-bg: $white;
box-shadow: 0 1.5px 3px rgba(0, 0, 0, .05)
}
.view-commerce-user-orders tr.order-item:before {
content: "";
height: .625rem;
width: .625rem;
border-radius: 100%;
background-color: #0b873c;
position: absolute;
margin-left: .75rem;
top: 20px;
left: 0
}
}
@media(max-width:991.98px)and (max-width:991.98px) {
.view-commerce-user-orders tr.order-item:before {
margin-left: .5rem;
top: 20px;
z-index: 10
}
}
@media(max-width:991.98px) {
.view-commerce-user-orders tr.order-item.reserved:before,
.view-commerce-user-orders tr.order-item.reserved-until:before {
background-color: #c50808
}
}
@media(max-width:991.98px) {
.view-commerce-user-orders tr.order-item.partially-paid:before,
.view-commerce-user-orders tr.order-item.pending:before,
.view-commerce-user-orders tr.order-item.wish-waiting:before {
background-color: #f18400
}
}
@media(max-width:991.98px) {
.view-commerce-user-orders tr.order-item.pending .order-item-action-content .dropbutton li a:before {
content: ""
}
.view-commerce-user-orders tr.order-item.pending .order-item-action-content .dropbutton li a.js-show-other-action:before {
content: ""
}
.view-commerce-user-orders tr.order-item.pending .order-item-action-content div.state {
color: #f18400
}
.view-commerce-user-orders tr.order-item.pending .order-item-action-content div.state:before {
background-color: #f18400
}
}
@media(max-width:991.98px) {
.view-commerce-user-orders tr.order-item.reserved .order-item-action-content .dropbutton li a:before {
content: ""
}
}
@media(max-width:991.98px) {
.view-commerce-user-orders tr.order-item.canceled:before {
background-color: #8c8ca5
}
}
.view-commerce-user-orders tr.order-item .views-field {
padding: 1rem .75rem;
display: grid;
border-radius: 0;
align-items: center;
color: initial
}
@media(min-width:1200px) {
.view-commerce-user-orders tr.order-item .views-field {
display: flex
}
}
.view-commerce-user-orders tr.order-item .views-field-total-price__number {
flex: 0 0 5.5rem
}
.view-commerce-user-orders tr.order-item .views-field em {
font-style: normal;
margin-left: .25rem
}
.view-commerce-user-orders tr.order-item .views-field-field-invoice,
.view-commerce-user-orders tr.order-item .views-field-operations {
padding-top: 0;
padding-bottom: 0
}
@media(max-width:991.98px) {
.view-commerce-user-orders tr.order-item .views-field-field-invoice,
.view-commerce-user-orders tr.order-item .views-field-operations {
position: absolute;
right: 0
}
}
.view-commerce-user-orders tr.order-item .views-field-field-invoice .dropbutton-wrapper,
.view-commerce-user-orders tr.order-item .views-field-operations .dropbutton-wrapper {
min-height: unset
}
.view-commerce-user-orders tr.order-item .views-field .dropbutton-widget {
background: rgba(0, 0, 0, 0);
border: 0;
padding-right: 1rem
}
.view-commerce-user-orders tr.order-item .views-field .dropbutton-widget .dropbutton-action a,
.view-commerce-user-orders tr.order-item .views-field .dropbutton-widget .dropbutton-action span {
font-weight: 600;
padding: .75rem;
color: #263140;
display: flex;
align-items: center
}
.view-commerce-user-orders tr.order-item .views-field .dropbutton-widget .dropbutton-action:hover,
.view-commerce-user-orders tr.order-item .views-field .dropbutton-widget .dropbutton-action:hover a {
background-color: rgba(0, 0, 0, 0)
}
@media(min-width:992px) {
.view-commerce-user-orders tr.order-item .views-field {
background-color: #fff
}
.view-commerce-user-orders tr.order-item .views-field-field-invoice,
.view-commerce-user-orders tr.order-item .views-field-operations {
flex: 0 0 14rem;
justify-content: flex-end;
margin-right: 0;
padding: 0
}
.view-commerce-user-orders tr.order-item .views-field-state,
.view-commerce-user-orders tr.order-item .views-field-field-order-state-provider {
flex: 0 0 10rem;
padding-left: 1.75rem;
position: relative;
color: #0b873c;
font-weight: 600
}
.view-commerce-user-orders tr.order-item .views-field-state:before,
.view-commerce-user-orders tr.order-item .views-field-field-order-state-provider:before {
content: "";
height: .625rem;
width: .625rem;
border-radius: 100%;
background-color: #0b873c;
position: absolute;
margin-left: .75rem;
top: 50%;
left: 0;
transform: translateY(-50%)
}
.view-commerce-user-orders tr.order-item .views-field-state.reserved,
.view-commerce-user-orders tr.order-item .views-field-state.reserved-until,
.view-commerce-user-orders tr.order-item .views-field-field-order-state-provider.reserved,
.view-commerce-user-orders tr.order-item .views-field-field-order-state-provider.reserved-until {
color: #c50808
}
.view-commerce-user-orders tr.order-item .views-field-state.reserved:before,
.view-commerce-user-orders tr.order-item .views-field-state.reserved-until:before,
.view-commerce-user-orders tr.order-item .views-field-field-order-state-provider.reserved:before,
.view-commerce-user-orders tr.order-item .views-field-field-order-state-provider.reserved-until:before {
background-color: #c50808
}
.view-commerce-user-orders tr.order-item .views-field-state.canceled,
.view-commerce-user-orders tr.order-item .views-field-field-order-state-provider.canceled {
color: #8c8ca5
}
.view-commerce-user-orders tr.order-item .views-field-state.canceled:before,
.view-commerce-user-orders tr.order-item .views-field-field-order-state-provider.canceled:before {
background-color: #8c8ca5
}
.view-commerce-user-orders tr.order-item .views-field-state.partially-paid,
.view-commerce-user-orders tr.order-item .views-field-state.wish-waiting,
.view-commerce-user-orders tr.order-item .views-field-state.pending,
.view-commerce-user-orders tr.order-item .views-field-field-order-state-provider.partially-paid,
.view-commerce-user-orders tr.order-item .views-field-field-order-state-provider.wish-waiting,
.view-commerce-user-orders tr.order-item .views-field-field-order-state-provider.pending {
color: #f18400
}
.view-commerce-user-orders tr.order-item .views-field-state.partially-paid:before,
.view-commerce-user-orders tr.order-item .views-field-state.wish-waiting:before,
.view-commerce-user-orders tr.order-item .views-field-state.pending:before,
.view-commerce-user-orders tr.order-item .views-field-field-order-state-provider.partially-paid:before,
.view-commerce-user-orders tr.order-item .views-field-field-order-state-provider.wish-waiting:before,
.view-commerce-user-orders tr.order-item .views-field-field-order-state-provider.pending:before {
background-color: #f18400
}
.view-commerce-user-orders tr.order-item .views-field-total-price__number {
flex: 0 0 5.5rem
}
}
@media(min-width:992px)and (min-width:1200px) {
.view-commerce-user-orders tr.order-item .views-field-total-price__number {
flex: 0 0 6.25rem
}
}
@media(min-width:992px) {
.view-commerce-user-orders tr.order-item .views-field-order-number,
.view-commerce-user-orders tr.order-item .views-field-field-order-custom-text {
flex: 1;
justify-content: space-between;
display: flex
}
.view-commerce-user-orders tr.order-item .views-field-order-number a,
.view-commerce-user-orders tr.order-item .views-field-field-order-custom-text a {
margin-left: .8rem
}
.view-commerce-user-orders tr.order-item .views-field-order-number .field-content,
.view-commerce-user-orders tr.order-item .views-field-field-order-custom-text .field-content {
display: flex;
justify-content: space-between;
width: 100%
}
}
@media(min-width:992px) {
.view-commerce-user-orders tr.order-item .views-field-placed {
flex: 0 0 7.5rem;
order: -1
}
}
@media(max-width:1088px) {
.view-commerce-user-orders tr.order-item .views-field-placed {
flex: 0 0 5rem
}
.view-commerce-user-orders tr.order-item .views-field-field-invoice,
.view-commerce-user-orders tr.order-item .views-field-operations {
flex: 1;
padding: 0
}
.view-commerce-user-orders tr.order-item .views-field-state,
.view-commerce-user-orders tr.order-item .views-field-field-order-state-provider {
flex: 0 0 8rem
}
}
@media(max-width:991.98px) {
.view-commerce-user-orders tr.order-item .views-field-operations {
flex: 0 0 38.7rem
}
}
@media(min-width:1200px) {
.view-commerce-user-orders tr.order-item .views-field-placed {
flex: 0 0 9rem
}
.view-commerce-user-orders tr.order-item .views-field-state,
.view-commerce-user-orders tr.order-item .views-field-field-order-state-provider {
flex: 0 0 14rem
}
}
@media(max-width:991.98px) {
.view-commerce-user-orders tr.order-item .views-field-placed {
flex: 0 0 10rem;
padding-left: 2rem;
transition: all 300ms ease-out
}
.view-commerce-user-orders tr.order-item .views-field-order-number {
flex: 1;
padding-left: 2rem
}
.view-commerce-user-orders tr.order-item .views-field-field-order-custom-text {
flex: 1
}
.view-commerce-user-orders tr.order-item .views-field-total-price__number {
flex: 0 0 4.5rem;
text-align: right;
padding-right: 0;
border-right: none
}
.view-commerce-user-orders tr.order-item .views-field-state,
.view-commerce-user-orders tr.order-item .views-field-field-order-state-provider,
.view-commerce-user-orders tr.order-item .views-field-field-invoice {
display: none
}
.view-commerce-user-orders tr.order-item .views-field-operations {
flex-basis: 7%;
position: static;
justify-content: center
}
.view-commerce-user-orders tr.order-item .views-field-operations:after {
content: "";
font-family: "hubber8";
color: inherit;
font-size: 1.5rem;
line-height: 2;
transition: all 300ms ease-out
}
.view-commerce-user-orders tr.order-item .views-field-operations .dropbutton {
display: none
}
.view-commerce-user-orders tr.order-item .views-field-order-number a,
.view-commerce-user-orders tr.order-item .views-field-field-order-custom-text a {
display: none
}
}
@media(max-width:767.98px) {
.view-commerce-user-orders tr.order-item .views-field-placed {
flex: 0 0 8rem
}
}
@media(min-width:992px) {
.view-commerce-user-orders tr.order-item .views-field-field-invoice a,
.view-commerce-user-orders tr.order-item .views-field-field-invoice span,
.view-commerce-user-orders tr.order-item .views-field-operations a,
.view-commerce-user-orders tr.order-item .views-field-operations span {
display: flex;
align-items: center
}
.view-commerce-user-orders tr.order-item .views-field-field-invoice a:after,
.view-commerce-user-orders tr.order-item .views-field-field-invoice span:after,
.view-commerce-user-orders tr.order-item .views-field-operations a:after,
.view-commerce-user-orders tr.order-item .views-field-operations span:after {
font-family: "hubber8";
font-size: 1.5rem;
margin-left: .5rem;
line-height: 1;
font-weight: normal
}
.view-commerce-user-orders tr.order-item.validated .views-field-field-invoice a:after,
.view-commerce-user-orders tr.order-item.validated .views-field-operations a:after {
content: ""
}
.view-commerce-user-orders tr.order-item.validated .views-field-field-invoice span:after,
.view-commerce-user-orders tr.order-item.validated .views-field-operations span:after {
content: ""
}
.view-commerce-user-orders tr.order-item.reserved .views-field-field-invoice a:after,
.view-commerce-user-orders tr.order-item.reserved .views-field-operations a:after,
.view-commerce-user-orders tr.order-item.pending .views-field-field-invoice a:after,
.view-commerce-user-orders tr.order-item.pending .views-field-operations a:after {
content: ""
}
.view-commerce-user-orders tr.order-item.pending .views-field-operations a.js-show-other-action:after {
content: ""
}
.view-commerce-user-orders tr.order-item.reserved-until .views-field-field-invoice a:after,
.view-commerce-user-orders tr.order-item.reserved-until .views-field-field-invoice span:after,
.view-commerce-user-orders tr.order-item.reserved-until .views-field-operations a:after,
.view-commerce-user-orders tr.order-item.reserved-until .views-field-operations span:after {
content: ""
}
.view-commerce-user-orders tr.order-item.wish-waiting .views-field-field-invoice a:after,
.view-commerce-user-orders tr.order-item.wish-waiting .views-field-operations a:after {
content: ""
}
.view-commerce-user-orders tr.order-item.partially-paid .views-field-field-invoice a:after,
.view-commerce-user-orders tr.order-item.partially-paid .views-field-field-invoice span:after,
.view-commerce-user-orders tr.order-item.partially-paid .views-field-operations a:after,
.view-commerce-user-orders tr.order-item.partially-paid .views-field-operations span:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
margin-left: .5rem
}
}
.view-commerce-user-orders tr.order-item.partially-paid .order-item-action-content .global-part,
.view-commerce-user-orders tr.order-item.pending .order-item-action-content .global-part,
.view-commerce-user-orders tr.order-item.validated .order-item-action-content .global-part,
.view-commerce-user-orders tr.order-item.reserved .order-item-action-content .global-part,
.view-commerce-user-orders tr.order-item.wish-waiting .order-item-action-content .global-part {
display: flex;
justify-content: space-between
}
.view-commerce-user-orders tr.order-item.partially-paid .order-item-action-content .state,
.view-commerce-user-orders tr.order-item.pending .order-item-action-content .state,
.view-commerce-user-orders tr.order-item.validated .order-item-action-content .state,
.view-commerce-user-orders tr.order-item.reserved .order-item-action-content .state,
.view-commerce-user-orders tr.order-item.wish-waiting .order-item-action-content .state {
position: relative;
color: #0b873c;
overflow: hidden;
white-space: nowrap
}
.view-commerce-user-orders tr.order-item.partially-paid .order-item-action-content .state:before,
.view-commerce-user-orders tr.order-item.pending .order-item-action-content .state:before,
.view-commerce-user-orders tr.order-item.validated .order-item-action-content .state:before,
.view-commerce-user-orders tr.order-item.reserved .order-item-action-content .state:before,
.view-commerce-user-orders tr.order-item.wish-waiting .order-item-action-content .state:before {
content: "";
height: .625rem;
width: .625rem;
border-radius: 100%;
background-color: #0b873c;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%)
}
.view-commerce-user-orders tr.order-item.partially-paid .order-item-action-content .state span,
.view-commerce-user-orders tr.order-item.pending .order-item-action-content .state span,
.view-commerce-user-orders tr.order-item.validated .order-item-action-content .state span,
.view-commerce-user-orders tr.order-item.reserved .order-item-action-content .state span,
.view-commerce-user-orders tr.order-item.wish-waiting .order-item-action-content .state span {
padding-left: .75rem
}
@media(max-width:991.98px) {
.view-commerce-user-orders tr.order-item.partially-paid .order-item-action-content .state span,
.view-commerce-user-orders tr.order-item.pending .order-item-action-content .state span,
.view-commerce-user-orders tr.order-item.validated .order-item-action-content .state span,
.view-commerce-user-orders tr.order-item.reserved .order-item-action-content .state span,
.view-commerce-user-orders tr.order-item.wish-waiting .order-item-action-content .state span {
padding-left: 1rem
}
}
.view-commerce-user-orders tr.order-item.partially-paid .order-item-action-content .dropbutton,
.view-commerce-user-orders tr.order-item.pending .order-item-action-content .dropbutton,
.view-commerce-user-orders tr.order-item.validated .order-item-action-content .dropbutton,
.view-commerce-user-orders tr.order-item.reserved .order-item-action-content .dropbutton,
.view-commerce-user-orders tr.order-item.wish-waiting .order-item-action-content .dropbutton {
text-align: right;
margin-top: 1rem
}
.view-commerce-user-orders tr.order-item.partially-paid .order-item-action-content .dropbutton a,
.view-commerce-user-orders tr.order-item.pending .order-item-action-content .dropbutton a,
.view-commerce-user-orders tr.order-item.validated .order-item-action-content .dropbutton a,
.view-commerce-user-orders tr.order-item.reserved .order-item-action-content .dropbutton a,
.view-commerce-user-orders tr.order-item.wish-waiting .order-item-action-content .dropbutton a {
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
margin-right: .5rem;
padding: .75rem;
display: inline-flex;
justify-content: center;
align-items: center;
width: 100%
}
@media(min-width:768px) {
.view-commerce-user-orders tr.order-item.partially-paid .order-item-action-content .dropbutton a,
.view-commerce-user-orders tr.order-item.pending .order-item-action-content .dropbutton a,
.view-commerce-user-orders tr.order-item.validated .order-item-action-content .dropbutton a,
.view-commerce-user-orders tr.order-item.reserved .order-item-action-content .dropbutton a,
.view-commerce-user-orders tr.order-item.wish-waiting .order-item-action-content .dropbutton a {
display: inline-flex
}
}
.view-commerce-user-orders tr.order-item.partially-paid .order-item-action-content .dropbutton a:hover,
.view-commerce-user-orders tr.order-item.pending .order-item-action-content .dropbutton a:hover,
.view-commerce-user-orders tr.order-item.validated .order-item-action-content .dropbutton a:hover,
.view-commerce-user-orders tr.order-item.reserved .order-item-action-content .dropbutton a:hover,
.view-commerce-user-orders tr.order-item.wish-waiting .order-item-action-content .dropbutton a:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.view-commerce-user-orders tr.order-item.partially-paid .order-item-action-content .dropbutton a:before,
.view-commerce-user-orders tr.order-item.pending .order-item-action-content .dropbutton a:before,
.view-commerce-user-orders tr.order-item.validated .order-item-action-content .dropbutton a:before,
.view-commerce-user-orders tr.order-item.reserved .order-item-action-content .dropbutton a:before,
.view-commerce-user-orders tr.order-item.wish-waiting .order-item-action-content .dropbutton a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(min-width:992px) {
.view-commerce-user-orders tr.order-item.partially-paid .order-item-action-content,
.view-commerce-user-orders tr.order-item.pending .order-item-action-content,
.view-commerce-user-orders tr.order-item.validated .order-item-action-content,
.view-commerce-user-orders tr.order-item.reserved .order-item-action-content,
.view-commerce-user-orders tr.order-item.wish-waiting .order-item-action-content {
display: none
}
}
.view-commerce-user-orders tr.order-item.reserved .order-item-action-content .state {
color: #c50808
}
.view-commerce-user-orders tr.order-item.reserved .order-item-action-content .state:before {
background-color: #c50808
}
.view-commerce-user-orders tr.order-item.reserved .order-item-action-content .dropbutton a {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.view-commerce-user-orders tr.order-item.reserved .order-item-action-content .dropbutton a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.view-commerce-user-orders tr.order-item.wish-waiting .order-item-action-content .state {
color: #f18400
}
.view-commerce-user-orders tr.order-item.wish-waiting .order-item-action-content .state:before {
background-color: #f18400
}
.view-commerce-user-orders tr.order-item.wish-waiting .order-item-action-content .dropbutton a {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.view-commerce-user-orders tr.order-item.wish-waiting .order-item-action-content .dropbutton a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.view-commerce-user-orders .dropbutton-multiple {
margin-right: 0 !important;
padding-right: 0 !important
}
.view-commerce-user-orders .dropbutton-wrapper.dropbutton-multiple .dropbutton-widget {
position: relative
}
.view-commerce-user-orders thead tr {
display: flex;
font-size: .75rem
}
@media(max-width:991.98px) {
.view-commerce-user-orders thead tr {
display: none
}
}
.view-commerce-user-orders thead tr th {
height: 54px;
padding: .5rem;
margin-right: 3px;
border: 0;
font-weight: 600;
color: #76818d;
padding-left: 12px;
padding-right: 12px;
align-items: center;
display: flex;
border-bottom: 1px solid #e2e5e8;
margin-right: 0;
font-size: .625rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase
}
.view-commerce-user-orders thead tr th a {
color: inherit;
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: flex-end
}
.view-commerce-user-orders thead tr th a .tablesort {
background-image: none;
display: flex;
align-items: center
}
.view-commerce-user-orders thead tr th a .tablesort:before {
content: "";
font-family: "hubber8";
margin-right: .25rem;
transition: all 300ms ease-out
}
.view-commerce-user-orders thead tr th a .tablesort--desc:before {
transform: rotate(180deg)
}
.view-commerce-user-orders thead tr th.order-date,
.view-commerce-user-orders thead tr th.order-date a {
display: flex
}
.view-commerce-user-orders thead tr th.order-date i {
font-size: 1rem;
margin-right: .25rem
}
@media(min-width:992px) {
.view-commerce-user-orders thead tr th.order-date {
flex: 0 0 7.5rem;
order: -1
}
}
@media(max-width:1088px) {
.view-commerce-user-orders thead tr th.order-date {
flex: 0 0 5rem
}
}
@media(min-width:1200px) {
.view-commerce-user-orders thead tr th.order-date {
flex: 0 0 9rem
}
}
@media(min-width:992px) {
.view-commerce-user-orders thead tr th.order-number {
flex: 1
}
}
@media(min-width:992px) {
.view-commerce-user-orders thead tr th.order-price {
flex: 0 0 5.5rem
}
}
@media(min-width:1200px) {
.view-commerce-user-orders thead tr th.order-price {
flex: 0 0 6rem
}
}
@media(min-width:992px) {
.view-commerce-user-orders thead tr th.order-status {
flex: 0 0 10rem
}
}
@media(max-width:1088px) {
.view-commerce-user-orders thead tr th.order-status {
flex: 0 0 8rem
}
}
@media(min-width:1200px) {
.view-commerce-user-orders thead tr th.order-status {
flex: 0 0 14rem
}
}
.view-commerce-user-orders thead tr th.order-action {
text-align: right
}
@media(min-width:992px) {
.view-commerce-user-orders thead tr th.order-action {
flex: 0 0 14rem
}
}
@media(max-width:1088px) {
.view-commerce-user-orders thead tr th.order-action {
flex: 0 0 12rem
}
}
.order-payment-detail .order-payment-detail-wrapper,
.order-payment-detail .split-payment-detail-wrapper,
.order-payment-detail .option-payment-detail-wrapper,
.split-payment-detail .order-payment-detail-wrapper,
.split-payment-detail .split-payment-detail-wrapper,
.split-payment-detail .option-payment-detail-wrapper,
.option-payment-detail .order-payment-detail-wrapper,
.option-payment-detail .split-payment-detail-wrapper,
.option-payment-detail .option-payment-detail-wrapper {
background-color: #fff;
border-radius: .375rem;
font-size: .75rem;
box-shadow: 0 1.5px 3px rgba(0, 0, 0, .05)
}
.order-payment-detail .order-payment-detail-item,
.order-payment-detail .split-payment-detail-item,
.order-payment-detail .option-payment-detail-item,
.split-payment-detail .order-payment-detail-item,
.split-payment-detail .split-payment-detail-item,
.split-payment-detail .option-payment-detail-item,
.option-payment-detail .order-payment-detail-item,
.option-payment-detail .split-payment-detail-item,
.option-payment-detail .option-payment-detail-item {
display: flex;
padding: 1rem .75rem;
align-items: center
}
.order-payment-detail .order-payment-detail-item em,
.order-payment-detail .split-payment-detail-item em,
.order-payment-detail .option-payment-detail-item em,
.split-payment-detail .order-payment-detail-item em,
.split-payment-detail .split-payment-detail-item em,
.split-payment-detail .option-payment-detail-item em,
.option-payment-detail .order-payment-detail-item em,
.option-payment-detail .split-payment-detail-item em,
.option-payment-detail .option-payment-detail-item em {
font-style: normal
}
.order-payment-detail .order-payment-detail-item:not(:last-child),
.order-payment-detail .split-payment-detail-item:not(:last-child),
.order-payment-detail .option-payment-detail-item:not(:last-child),
.split-payment-detail .order-payment-detail-item:not(:last-child),
.split-payment-detail .split-payment-detail-item:not(:last-child),
.split-payment-detail .option-payment-detail-item:not(:last-child),
.option-payment-detail .order-payment-detail-item:not(:last-child),
.option-payment-detail .split-payment-detail-item:not(:last-child),
.option-payment-detail .option-payment-detail-item:not(:last-child) {
border-bottom: 1px solid rgba(140, 140, 165, .25)
}
@media(max-width:991.98px) {
.order-payment-detail .order-payment-detail-item,
.order-payment-detail .split-payment-detail-item,
.order-payment-detail .option-payment-detail-item,
.split-payment-detail .order-payment-detail-item,
.split-payment-detail .split-payment-detail-item,
.split-payment-detail .option-payment-detail-item,
.option-payment-detail .order-payment-detail-item,
.option-payment-detail .split-payment-detail-item,
.option-payment-detail .option-payment-detail-item {
flex-wrap: wrap;
justify-content: space-between
}
}
.order-payment-detail .order-payment-detail-item .payment-date,
.order-payment-detail .split-payment-detail-item .payment-date,
.order-payment-detail .option-payment-detail-item .payment-date,
.split-payment-detail .order-payment-detail-item .payment-date,
.split-payment-detail .split-payment-detail-item .payment-date,
.split-payment-detail .option-payment-detail-item .payment-date,
.option-payment-detail .order-payment-detail-item .payment-date,
.option-payment-detail .split-payment-detail-item .payment-date,
.option-payment-detail .option-payment-detail-item .payment-date {
color: #76818d;
font-weight: normal
}
.order-payment-detail .order-payment-detail-item .payment-date:before,
.order-payment-detail .split-payment-detail-item .payment-date:before,
.order-payment-detail .option-payment-detail-item .payment-date:before,
.split-payment-detail .order-payment-detail-item .payment-date:before,
.split-payment-detail .split-payment-detail-item .payment-date:before,
.split-payment-detail .option-payment-detail-item .payment-date:before,
.option-payment-detail .order-payment-detail-item .payment-date:before,
.option-payment-detail .split-payment-detail-item .payment-date:before,
.option-payment-detail .option-payment-detail-item .payment-date:before {
content: "·";
padding: 0 .25rem
}
.order-payment-detail .order-payment-detail-item .payment-status,
.order-payment-detail .split-payment-detail-item .payment-status,
.order-payment-detail .option-payment-detail-item .payment-status,
.split-payment-detail .order-payment-detail-item .payment-status,
.split-payment-detail .split-payment-detail-item .payment-status,
.split-payment-detail .option-payment-detail-item .payment-status,
.option-payment-detail .order-payment-detail-item .payment-status,
.option-payment-detail .split-payment-detail-item .payment-status,
.option-payment-detail .option-payment-detail-item .payment-status {
color: #0b873c;
position: relative;
padding-left: 1rem
}
.order-payment-detail .order-payment-detail-item .payment-status:before,
.order-payment-detail .split-payment-detail-item .payment-status:before,
.order-payment-detail .option-payment-detail-item .payment-status:before,
.split-payment-detail .order-payment-detail-item .payment-status:before,
.split-payment-detail .split-payment-detail-item .payment-status:before,
.split-payment-detail .option-payment-detail-item .payment-status:before,
.option-payment-detail .order-payment-detail-item .payment-status:before,
.option-payment-detail .split-payment-detail-item .payment-status:before,
.option-payment-detail .option-payment-detail-item .payment-status:before {
content: "";
height: .625rem;
width: .625rem;
border-radius: 100%;
background-color: #0b873c;
position: absolute;
top: .25rem;
left: 0
}
.order-payment-detail .order-payment-detail-item .payment-status.not-paid,
.order-payment-detail .order-payment-detail-item .payment-status.pending,
.order-payment-detail .split-payment-detail-item .payment-status.not-paid,
.order-payment-detail .split-payment-detail-item .payment-status.pending,
.order-payment-detail .option-payment-detail-item .payment-status.not-paid,
.order-payment-detail .option-payment-detail-item .payment-status.pending,
.split-payment-detail .order-payment-detail-item .payment-status.not-paid,
.split-payment-detail .order-payment-detail-item .payment-status.pending,
.split-payment-detail .split-payment-detail-item .payment-status.not-paid,
.split-payment-detail .split-payment-detail-item .payment-status.pending,
.split-payment-detail .option-payment-detail-item .payment-status.not-paid,
.split-payment-detail .option-payment-detail-item .payment-status.pending,
.option-payment-detail .order-payment-detail-item .payment-status.not-paid,
.option-payment-detail .order-payment-detail-item .payment-status.pending,
.option-payment-detail .split-payment-detail-item .payment-status.not-paid,
.option-payment-detail .split-payment-detail-item .payment-status.pending,
.option-payment-detail .option-payment-detail-item .payment-status.not-paid,
.option-payment-detail .option-payment-detail-item .payment-status.pending {
color: #f18400
}
.order-payment-detail .order-payment-detail-item .payment-status.not-paid:before,
.order-payment-detail .order-payment-detail-item .payment-status.pending:before,
.order-payment-detail .split-payment-detail-item .payment-status.not-paid:before,
.order-payment-detail .split-payment-detail-item .payment-status.pending:before,
.order-payment-detail .option-payment-detail-item .payment-status.not-paid:before,
.order-payment-detail .option-payment-detail-item .payment-status.pending:before,
.split-payment-detail .order-payment-detail-item .payment-status.not-paid:before,
.split-payment-detail .order-payment-detail-item .payment-status.pending:before,
.split-payment-detail .split-payment-detail-item .payment-status.not-paid:before,
.split-payment-detail .split-payment-detail-item .payment-status.pending:before,
.split-payment-detail .option-payment-detail-item .payment-status.not-paid:before,
.split-payment-detail .option-payment-detail-item .payment-status.pending:before,
.option-payment-detail .order-payment-detail-item .payment-status.not-paid:before,
.option-payment-detail .order-payment-detail-item .payment-status.pending:before,
.option-payment-detail .split-payment-detail-item .payment-status.not-paid:before,
.option-payment-detail .split-payment-detail-item .payment-status.pending:before,
.option-payment-detail .option-payment-detail-item .payment-status.not-paid:before,
.option-payment-detail .option-payment-detail-item .payment-status.pending:before {
background-color: #f18400
}
.order-payment-detail .order-payment-detail-item .payment-status.planned,
.order-payment-detail .order-payment-detail-item .payment-status.canceled,
.order-payment-detail .split-payment-detail-item .payment-status.planned,
.order-payment-detail .split-payment-detail-item .payment-status.canceled,
.order-payment-detail .option-payment-detail-item .payment-status.planned,
.order-payment-detail .option-payment-detail-item .payment-status.canceled,
.split-payment-detail .order-payment-detail-item .payment-status.planned,
.split-payment-detail .order-payment-detail-item .payment-status.canceled,
.split-payment-detail .split-payment-detail-item .payment-status.planned,
.split-payment-detail .split-payment-detail-item .payment-status.canceled,
.split-payment-detail .option-payment-detail-item .payment-status.planned,
.split-payment-detail .option-payment-detail-item .payment-status.canceled,
.option-payment-detail .order-payment-detail-item .payment-status.planned,
.option-payment-detail .order-payment-detail-item .payment-status.canceled,
.option-payment-detail .split-payment-detail-item .payment-status.planned,
.option-payment-detail .split-payment-detail-item .payment-status.canceled,
.option-payment-detail .option-payment-detail-item .payment-status.planned,
.option-payment-detail .option-payment-detail-item .payment-status.canceled {
color: #8c8ca5
}
.order-payment-detail .order-payment-detail-item .payment-status.planned:before,
.order-payment-detail .order-payment-detail-item .payment-status.canceled:before,
.order-payment-detail .split-payment-detail-item .payment-status.planned:before,
.order-payment-detail .split-payment-detail-item .payment-status.canceled:before,
.order-payment-detail .option-payment-detail-item .payment-status.planned:before,
.order-payment-detail .option-payment-detail-item .payment-status.canceled:before,
.split-payment-detail .order-payment-detail-item .payment-status.planned:before,
.split-payment-detail .order-payment-detail-item .payment-status.canceled:before,
.split-payment-detail .split-payment-detail-item .payment-status.planned:before,
.split-payment-detail .split-payment-detail-item .payment-status.canceled:before,
.split-payment-detail .option-payment-detail-item .payment-status.planned:before,
.split-payment-detail .option-payment-detail-item .payment-status.canceled:before,
.option-payment-detail .order-payment-detail-item .payment-status.planned:before,
.option-payment-detail .order-payment-detail-item .payment-status.canceled:before,
.option-payment-detail .split-payment-detail-item .payment-status.planned:before,
.option-payment-detail .split-payment-detail-item .payment-status.canceled:before,
.option-payment-detail .option-payment-detail-item .payment-status.planned:before,
.option-payment-detail .option-payment-detail-item .payment-status.canceled:before {
background-color: #8c8ca5
}
.order-payment-detail .order-payment-detail-item .payment-status.rejected,
.order-payment-detail .split-payment-detail-item .payment-status.rejected,
.order-payment-detail .option-payment-detail-item .payment-status.rejected,
.split-payment-detail .order-payment-detail-item .payment-status.rejected,
.split-payment-detail .split-payment-detail-item .payment-status.rejected,
.split-payment-detail .option-payment-detail-item .payment-status.rejected,
.option-payment-detail .order-payment-detail-item .payment-status.rejected,
.option-payment-detail .split-payment-detail-item .payment-status.rejected,
.option-payment-detail .option-payment-detail-item .payment-status.rejected {
color: #c50808
}
.order-payment-detail .order-payment-detail-item .payment-status.rejected:before,
.order-payment-detail .split-payment-detail-item .payment-status.rejected:before,
.order-payment-detail .option-payment-detail-item .payment-status.rejected:before,
.split-payment-detail .order-payment-detail-item .payment-status.rejected:before,
.split-payment-detail .split-payment-detail-item .payment-status.rejected:before,
.split-payment-detail .option-payment-detail-item .payment-status.rejected:before,
.option-payment-detail .order-payment-detail-item .payment-status.rejected:before,
.option-payment-detail .split-payment-detail-item .payment-status.rejected:before,
.option-payment-detail .option-payment-detail-item .payment-status.rejected:before {
background-color: #c50808
}
.order-payment-detail .order-payment-detail-item .payment-ref span,
.order-payment-detail .split-payment-detail-item .payment-ref span,
.order-payment-detail .option-payment-detail-item .payment-ref span,
.split-payment-detail .order-payment-detail-item .payment-ref span,
.split-payment-detail .split-payment-detail-item .payment-ref span,
.split-payment-detail .option-payment-detail-item .payment-ref span,
.option-payment-detail .order-payment-detail-item .payment-ref span,
.option-payment-detail .split-payment-detail-item .payment-ref span,
.option-payment-detail .option-payment-detail-item .payment-ref span {
font-weight: 600
}
.order-payment-detail .order-payment-detail-item .payment-ref span:before,
.order-payment-detail .order-payment-detail-item .payment-ref span em,
.order-payment-detail .split-payment-detail-item .payment-ref span:before,
.order-payment-detail .split-payment-detail-item .payment-ref span em,
.order-payment-detail .option-payment-detail-item .payment-ref span:before,
.order-payment-detail .option-payment-detail-item .payment-ref span em,
.split-payment-detail .order-payment-detail-item .payment-ref span:before,
.split-payment-detail .order-payment-detail-item .payment-ref span em,
.split-payment-detail .split-payment-detail-item .payment-ref span:before,
.split-payment-detail .split-payment-detail-item .payment-ref span em,
.split-payment-detail .option-payment-detail-item .payment-ref span:before,
.split-payment-detail .option-payment-detail-item .payment-ref span em,
.option-payment-detail .order-payment-detail-item .payment-ref span:before,
.option-payment-detail .order-payment-detail-item .payment-ref span em,
.option-payment-detail .split-payment-detail-item .payment-ref span:before,
.option-payment-detail .split-payment-detail-item .payment-ref span em,
.option-payment-detail .option-payment-detail-item .payment-ref span:before,
.option-payment-detail .option-payment-detail-item .payment-ref span em {
font-weight: normal
}
.order-payment-detail .order-payment-detail-item .payment-amount em,
.order-payment-detail .split-payment-detail-item .payment-amount em,
.order-payment-detail .option-payment-detail-item .payment-amount em,
.split-payment-detail .order-payment-detail-item .payment-amount em,
.split-payment-detail .split-payment-detail-item .payment-amount em,
.split-payment-detail .option-payment-detail-item .payment-amount em,
.option-payment-detail .order-payment-detail-item .payment-amount em,
.option-payment-detail .split-payment-detail-item .payment-amount em,
.option-payment-detail .option-payment-detail-item .payment-amount em {
font-weight: 600
}
@media(min-width:992px) {
.order-payment-detail .order-payment-detail-item .payment-action,
.order-payment-detail .split-payment-detail-item .payment-action,
.order-payment-detail .option-payment-detail-item .payment-action,
.split-payment-detail .order-payment-detail-item .payment-action,
.split-payment-detail .split-payment-detail-item .payment-action,
.split-payment-detail .option-payment-detail-item .payment-action,
.option-payment-detail .order-payment-detail-item .payment-action,
.option-payment-detail .split-payment-detail-item .payment-action,
.option-payment-detail .option-payment-detail-item .payment-action {
flex: 0 0 10rem;
display: flex;
justify-content: flex-end
}
.order-payment-detail .order-payment-detail-item .payment-status,
.order-payment-detail .split-payment-detail-item .payment-status,
.order-payment-detail .option-payment-detail-item .payment-status,
.split-payment-detail .order-payment-detail-item .payment-status,
.split-payment-detail .split-payment-detail-item .payment-status,
.split-payment-detail .option-payment-detail-item .payment-status,
.option-payment-detail .order-payment-detail-item .payment-status,
.option-payment-detail .split-payment-detail-item .payment-status,
.option-payment-detail .option-payment-detail-item .payment-status {
flex: 0 0 14rem
}
.order-payment-detail .order-payment-detail-item .payment-amount,
.order-payment-detail .split-payment-detail-item .payment-amount,
.order-payment-detail .option-payment-detail-item .payment-amount,
.split-payment-detail .order-payment-detail-item .payment-amount,
.split-payment-detail .split-payment-detail-item .payment-amount,
.split-payment-detail .option-payment-detail-item .payment-amount,
.option-payment-detail .order-payment-detail-item .payment-amount,
.option-payment-detail .split-payment-detail-item .payment-amount,
.option-payment-detail .option-payment-detail-item .payment-amount {
flex: 0 0 5.5rem
}
.order-payment-detail .order-payment-detail-item .payment-ref,
.order-payment-detail .split-payment-detail-item .payment-ref,
.order-payment-detail .option-payment-detail-item .payment-ref,
.split-payment-detail .order-payment-detail-item .payment-ref,
.split-payment-detail .split-payment-detail-item .payment-ref,
.split-payment-detail .option-payment-detail-item .payment-ref,
.option-payment-detail .order-payment-detail-item .payment-ref,
.option-payment-detail .split-payment-detail-item .payment-ref,
.option-payment-detail .option-payment-detail-item .payment-ref {
flex: 1
}
}
@media(min-width:1200px) {
.order-payment-detail .order-payment-detail-item .payment-action,
.order-payment-detail .split-payment-detail-item .payment-action,
.order-payment-detail .option-payment-detail-item .payment-action,
.split-payment-detail .order-payment-detail-item .payment-action,
.split-payment-detail .split-payment-detail-item .payment-action,
.split-payment-detail .option-payment-detail-item .payment-action,
.option-payment-detail .order-payment-detail-item .payment-action,
.option-payment-detail .split-payment-detail-item .payment-action,
.option-payment-detail .option-payment-detail-item .payment-action {
flex: 0 0 15rem
}
.order-payment-detail .order-payment-detail-item .payment-amount,
.order-payment-detail .split-payment-detail-item .payment-amount,
.order-payment-detail .option-payment-detail-item .payment-amount,
.split-payment-detail .order-payment-detail-item .payment-amount,
.split-payment-detail .split-payment-detail-item .payment-amount,
.split-payment-detail .option-payment-detail-item .payment-amount,
.option-payment-detail .order-payment-detail-item .payment-amount,
.option-payment-detail .split-payment-detail-item .payment-amount,
.option-payment-detail .option-payment-detail-item .payment-amount {
flex: 0 0 6.5rem
}
}
.order-payment-detail .order-payment-status-wrapper,
.split-payment-detail .order-payment-status-wrapper,
.option-payment-detail .order-payment-status-wrapper {
padding: .5rem 0;
display: flex
}
.order-payment-detail .order-payment-status-wrapper .action,
.split-payment-detail .order-payment-status-wrapper .action,
.option-payment-detail .order-payment-status-wrapper .action {
margin-left: auto
}
.order-payment-detail .block-link-invoice,
.split-payment-detail .block-link-invoice,
.option-payment-detail .block-link-invoice {
text-align: right;
margin-top: 1rem
}
.order-payment-detail .block-link-invoice a,
.split-payment-detail .block-link-invoice a,
.option-payment-detail .block-link-invoice a {
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
margin-right: .5rem;
padding: .75rem;
display: inline-flex;
justify-content: center;
align-items: center
}
@media(min-width:768px) {
.order-payment-detail .block-link-invoice a,
.split-payment-detail .block-link-invoice a,
.option-payment-detail .block-link-invoice a {
display: inline-flex
}
}
.order-payment-detail .block-link-invoice a:hover,
.split-payment-detail .block-link-invoice a:hover,
.option-payment-detail .block-link-invoice a:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.order-payment-detail .block-link-invoice a:before,
.split-payment-detail .block-link-invoice a:before,
.option-payment-detail .block-link-invoice a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:767.98px) {
.order-payment-detail .block-link-invoice a,
.split-payment-detail .block-link-invoice a,
.option-payment-detail .block-link-invoice a {
width: 100%
}
}
@media(min-width:992px) {
.split-payment-detail .split-payment-detail-item .payment-amount,
.split-payment-detail .option-payment-detail-item .payment-amount,
.option-payment-detail .split-payment-detail-item .payment-amount,
.option-payment-detail .option-payment-detail-item .payment-amount {
flex: 0 0 8rem
}
}
.split-payment-detail .split-payment-detail-item .payment-action a,
.split-payment-detail .option-payment-detail-item .payment-action a,
.option-payment-detail .split-payment-detail-item .payment-action a,
.option-payment-detail .option-payment-detail-item .payment-action a {
color: #000;
line-height: 1;
display: flex;
align-items: center;
font-size: 12px;
display: flex;
align-items: center
}
.split-payment-detail .split-payment-detail-item .payment-action a:after,
.split-payment-detail .option-payment-detail-item .payment-action a:after,
.option-payment-detail .split-payment-detail-item .payment-action a:after,
.option-payment-detail .option-payment-detail-item .payment-action a:after {
font-family: "hubber8";
content: "";
margin-left: .5rem;
font-size: 1.5rem;
line-height: 1
}
.split-payment-detail .split-payment-detail-item .payment-action a:after,
.split-payment-detail .option-payment-detail-item .payment-action a:after,
.option-payment-detail .split-payment-detail-item .payment-action a:after,
.option-payment-detail .option-payment-detail-item .payment-action a:after {
color: #000
}
.split-payment-detail .split-pay-remaining-wrapper,
.option-payment-detail .split-pay-remaining-wrapper {
text-align: right;
margin-top: 1.5rem;
margin-bottom: 1rem
}
.split-payment-detail .split-pay-remaining-wrapper a,
.option-payment-detail .split-pay-remaining-wrapper a {
padding: .75rem;
display: inline-flex;
justify-content: center;
align-items: center;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.split-payment-detail .split-pay-remaining-wrapper a:before,
.option-payment-detail .split-pay-remaining-wrapper a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:767.98px) {
.split-payment-detail .split-pay-remaining-wrapper a,
.option-payment-detail .split-pay-remaining-wrapper a {
width: 100%
}
}
.split-payment-detail .payment-ref span {
display: flex;
align-items: center
}
.split-payment-detail .payment-ref span:before {
font-family: "hubber8";
content: "";
margin-right: .5rem;
font-size: 1.5rem;
line-height: 1
}
.split-payment-detail .payment-ref span em {
color: #76818d;
margin-left: .25rem;
font-weight: normal
}
.page-user-orders .ui-dialog {
padding: 1rem
}
.page-user-orders .ui-dialog .ui-dialog-titlebar-close,
.page-user-orders .ui-dialog .ui-dialog-titlebar-close:hover {
top: 1rem
}
.page-user-orders .ui-dialog-content {
padding: 0px !important;
font-size: .875rem;
font-weight: 600;
overflow: visible
}
.page-user-orders .ui-dialog-content .action-wrapper {
display: flex;
align-items: center;
justify-content: space-between
}
.page-user-orders .ui-dialog-content a.btn-danger {
justify-content: center;
font-size: .75rem;
font-weight: 700;
color: #fff;
background-color: #ff3000;
border: 1px solid #ff3000;
border-radius: .5rem;
height: 38px;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.page-user-orders .ui-dialog-content a.btn-danger[disabled] {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed;
background: #d2d2d2;
color: #fff;
box-shadow: none
}
.page-user-orders .ui-dialog-content a.btn-danger[disabled]:before,
.page-user-orders .ui-dialog-content a.btn-danger[disabled]:after {
color: #fff
}
.page-user-orders .ui-dialog-content a.btn-danger:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-user-orders .ui-dialog-content a.btn-danger:before {
color: inherit
}
.page-user-orders .ui-dialog-content a.btn-cancel {
text-decoration: underline;
padding: 0;
font-weight: normal
}
.page-user-orders .ui-dialog-content a.btn-cancel:hover {
text-decoration: none
}
@media(min-width:768px) {
.payment-method-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: .75rem
}
}
.payment-method-list-item {
background-color: #fff;
border-radius: .5rem;
padding: 4rem 1rem 1rem;
position: relative;
border: 1px solid #dee2e6
}
.payment-method-list-item div[data-title] {
position: relative
}
.payment-method-list-item div[data-title]:before {
content: attr(data-title);
font-size: .625rem;
text-transform: uppercase;
color: #b4bbc2;
position: absolute;
top: -0.75rem
}
.payment-method-list-item.registered-card-wrapper {
padding-top: 1rem;
margin-bottom: 1.5rem
}
.payment-method-list-item.registered-card-wrapper .card-title {
font-size: .875rem;
color: #76818d;
font-weight: 600
}
.payment-method-list-item.registered-card-wrapper .card-number-wrapper {
margin-bottom: 1.5rem
}
.payment-method-list-item.registered-card-wrapper .registered-card-header {
display: flex;
justify-content: space-between
}
.payment-method-list-item.registered-card-wrapper .card-label {
font-size: .625rem;
text-transform: uppercase;
color: #b4bbc2
}
.payment-method-list-item .payment-method-icon {
position: absolute;
margin: 0;
width: 50px;
height: 34px;
background-size: contain;
right: 1rem;
top: 1rem
}
.payment-method-list-item .card-number {
font-size: 1.375rem;
margin-bottom: 2rem;
letter-spacing: .25rem
}
.payment-method-list-item .card-number:before {
letter-spacing: 0
}
.payment-method-list-item .list-inline {
display: flex;
align-items: center;
justify-content: space-between
}
.payment-method-list-item .list-inline div {
flex: 1
}
.payment-method-list-item .card-operation {
flex: 0 !important
}
.payment-method-list-item .delete {
position: absolute;
right: 1rem;
bottom: 1rem
}
.payment-method-list-item .delete a {
font-size: 0;
color: #76818d;
display: inline-flex;
align-items: center
}
.payment-method-list-item .delete a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.block-commerce-lyra-payment-stored {
margin-bottom: 2rem
}
.lyra-registered-cards-wrapper+.button {
font-size: .875rem;
font-weight: 600;
padding: .5rem .75rem;
position: relative;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.lyra-registered-cards-wrapper+.button:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.lyra-registered-cards-wrapper+.button:after {
content: "";
background-color: #1882ff;
border-radius: 2rem;
opacity: .1;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.ebillet-wrapper {
border: 1px solid #dee2e6;
border-radius: .5rem;
overflow: hidden
}
.ebillet-wrapper>.bg-white .ebillet-item-container {
border-top: 1px solid #dee2e6
}
.ebillet-wrapper>.bg-white:first-child .ebillet-item-container {
border-top: none
}
.ebillet-wrapper:has(.eticket__empty-text) {
border: none
}
.ebillet-item {
display: flex;
justify-content: space-between;
align-items: center;
text-transform: none;
font-size: .75rem;
padding-right: 1.5rem;
transition: all 300ms ease-out
}
@media(prefers-reduced-motion:reduce) {
.ebillet-item {
transition: none
}
}
@media(max-width:991.98px) {
.ebillet-item {
font-size: .75rem;
padding: .75rem
}
}
.ebillet-item a {
color: inherit
}
.ebillet-item-container {
background-color: #fff;
overflow: hidden;
transition: all 300ms ease-out;
padding: 1.5rem 0;
border-top: 1px solid #dee2e6;
position: relative
}
@media(prefers-reduced-motion:reduce) {
.ebillet-item-container {
transition: none
}
}
@media(max-width:767.98px) {
.ebillet-item-container {
padding: .5rem 0
}
}
.ebillet-item-container:first-child {
border-top: none
}
.ebillet-item-container:hover:before,
.ebillet-item-container.open:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
background: #1882ff;
opacity: .1;
z-index: 0
}
@media(max-width:991.98px) {
.ebillet-item-container .ebillet-item .toggle {
margin-top: 25px
}
.ebillet-item-container .ebillet-item a.meeting-option {
padding-right: 26px
}
.ebillet-item-container .ebillet-item a.meeting-option:hover:after {
background-color: var(--hb-cta-primary)
}
.ebillet-item-container .ebillet-item a.meeting-option:hover:before,
.ebillet-item-container .ebillet-item a.meeting-option:hover span {
color: var(--hb-cta-primary)
}
.ebillet-item-container .ebillet-item a.meeting-option:after {
position: absolute;
right: 0;
margin-left: 0;
top: -3px
}
.ebillet-item-container .ebillet-item a.meeting-option:before {
position: absolute;
top: -38px;
right: 5px
}
}
.ebillet-item-container .ebillet-item {
position: relative;
z-index: 1
}
.ebillet-item-container .ebillet-item:hover {
background-color: rgba(0, 0, 0, 0)
}
@media(max-width:767.98px) {
.ebillet-item-container .ebillet-item .meeting-title .meeting-thumbnail {
display: none
}
}
@media(max-width:1199.98px) {
.ebillet-item-container .ebillet-item .meeting-time .d-flex {
align-items: flex-start
}
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper {
display: flex;
align-items: flex-start
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper .thumbnail {
margin: 0 1.5rem;
max-width: 6rem;
width: 6rem;
height: 3rem;
display: flex;
align-items: flex-start;
overflow: hidden;
background: #e2e5e8;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.2587 10.2144C1.05546 10.4177 1.06514 10.7251 1.24131 10.9012L2.46104 12.121C3.41348 11.7493 4.53321 11.9336 5.29981 12.7002C6.06641 13.4668 6.25067 14.5865 5.87905 15.539L7.09877 16.7587C7.27495 16.9349 7.58234 16.9445 7.78558 16.7413L16.7413 7.78558C16.9445 7.58234 16.9349 7.27495 16.7587 7.09877L15.5335 5.87362C14.585 6.23611 13.4743 6.04941 12.7124 5.28755C11.9506 4.52569 11.7639 3.41499 12.1264 2.46646L10.9012 1.24131C10.7251 1.06514 10.4177 1.05546 10.2144 1.2587L1.2587 10.2144ZM0.458076 11.6845C-0.16803 11.0584 -0.142784 10.0494 0.475459 9.43119L9.43119 0.475459C10.0494 -0.142785 11.0584 -0.168029 11.6845 0.458077L13.1852 1.95886C13.3629 2.13655 13.3987 2.4116 13.2724 2.62885C12.918 3.23842 13.0006 4.00925 13.4957 4.50432C13.9907 4.99938 14.7616 5.08199 15.3712 4.72758C15.5884 4.60127 15.8635 4.63706 16.0411 4.81475L17.5419 6.31553C18.168 6.94164 18.1428 7.95057 17.5245 8.56881L8.56881 17.5245C7.95057 18.1428 6.94164 18.168 6.31553 17.5419L4.81794 16.0443C4.63905 15.8654 4.60412 15.5881 4.73309 15.3704C5.09526 14.7592 5.01476 13.9816 4.51657 13.4834C4.01838 12.9852 3.24085 12.9047 2.6296 13.2669C2.41195 13.3959 2.13456 13.361 1.95567 13.1821L0.458076 11.6845Z' fill='%2376818D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.51732 6.65032C3.66151 6.50613 3.89529 6.50613 4.03948 6.65032L4.49637 7.10721C4.64056 7.2514 4.64056 7.48518 4.49637 7.62937C4.35218 7.77356 4.1184 7.77356 3.97421 7.62937L3.51732 7.17248C3.37313 7.02829 3.37313 6.79451 3.51732 6.65032ZM4.88799 8.02099C5.03218 7.8768 5.26595 7.8768 5.41014 8.02099L6.32392 8.93476C6.46811 9.07895 6.46811 9.31273 6.32392 9.45692C6.17973 9.60111 5.94595 9.60111 5.80176 9.45692L4.88799 8.54314C4.7438 8.39895 4.7438 8.16518 4.88799 8.02099ZM6.71554 9.84854C6.85973 9.70435 7.09351 9.70435 7.2377 9.84854L8.15147 10.7623C8.29566 10.9065 8.29566 11.1403 8.15147 11.2845C8.00728 11.4287 7.7735 11.4287 7.62931 11.2845L6.71554 10.3707C6.57135 10.2265 6.57135 9.99273 6.71554 9.84854ZM8.54309 11.6761C8.68728 11.5319 8.92106 11.5319 9.06525 11.6761L9.97902 12.5899C10.1232 12.7341 10.1232 12.9678 9.97902 13.112C9.83483 13.2562 9.60106 13.2562 9.45687 13.112L8.54309 12.1982C8.3989 12.0541 8.3989 11.8203 8.54309 11.6761ZM10.3706 13.5036C10.5148 13.3595 10.7486 13.3595 10.8928 13.5036L11.3497 13.9605C11.4939 14.1047 11.4939 14.3385 11.3497 14.4827C11.2055 14.6269 10.9717 14.6269 10.8275 14.4827L10.3706 14.0258C10.2265 13.8816 10.2265 13.6478 10.3706 13.5036Z' fill='%2376818D'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
border-radius: 6px
}
@media(max-width:767.98px) {
.ebillet-item-container .ebillet-item .meeting-info-wrapper .thumbnail {
margin: 0 .5rem 0 0;
flex: 0 0 3rem
}
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper .thumbnail:has(*) {
background: none;
background-image: none;
background-size: 0;
border-radius: 0
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper .thumbnail .participants-wrapper {
height: 100%
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper .thumbnail img {
width: auto;
height: auto;
max-height: 100%;
max-width: 100%
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper .contents .info {
color: #76818d
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper .contents .info a {
cursor: default
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper .contents .info a.add-to-calendar-link:hover {
color: inherit
}
@media(min-width:768px) {
.ebillet-item-container .ebillet-item .meeting-info-wrapper .contents .info>span {
margin-left: .5rem
}
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper .contents .info>* {
display: inline-block;
vertical-align: middle
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper .contents .label {
font-size: .875rem
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper .contents h2,
.ebillet-item-container .ebillet-item .meeting-info-wrapper .contents .h2 {
padding: 0;
margin: 0
}
.ebillet-item-container .ebillet-item .meeting-thumbnail {
flex-shrink: 0
}
.ebillet-item-container.open .ebillet-item .meeting-time {
display: flex
}
@media(max-width:767.98px) {
.ebillet-item-container.open .ebillet-item .meeting-time {
display: none
}
}
.ebillet-item-container.open .meeting-option:after,
.ebillet-item-container.open .meeting-option:before {
transform: rotate(180deg)
}
@media(max-width:991.98px) {
.ebillet-item-container:not(.open) .meeting-option {
flex-direction: column;
align-items: flex-end
}
}
@media(max-width:767.98px) {
.ebillet-item-container:not(.open) .meeting-option .btn:not(:disabled):not(.disabled):active:focus,
.ebillet-item-container:not(.open) .meeting-option:active:focus {
box-shadow: none
}
}
.ebillet-item .meeting-title,
.ebillet-item .resale-product-title {
flex: 0 0 18rem;
font-weight: 600;
display: flex;
align-items: center;
margin-right: 1rem;
font-size: 1rem
}
@media(max-width:767.98px) {
.ebillet-item .meeting-title,
.ebillet-item .resale-product-title {
flex: 0 0 5em
}
}
@media(max-width:1088px) {
.ebillet-item .meeting-title,
.ebillet-item .resale-product-title {
flex: 0 0 11rem
}
}
@media(max-width:991.98px) {
.ebillet-item .meeting-title,
.ebillet-item .resale-product-title {
flex: 0 0 13rem
}
}
@media(max-width:767.98px) {
.ebillet-item .meeting-title,
.ebillet-item .resale-product-title {
flex: auto
}
}
.ebillet-item .meeting-title .meeting-label,
.ebillet-item .resale-product-title .meeting-label {
margin-left: 1rem;
font-size: .875rem
}
.ebillet-item .meeting-title .meeting-thumbnail img,
.ebillet-item .resale-product-title .meeting-thumbnail img {
max-height: 80px;
height: auto;
width: auto
}
@media(max-width:991.98px) {
.ebillet-item .meeting-title .meeting-thumbnail img,
.ebillet-item .resale-product-title .meeting-thumbnail img {
height: 3rem
}
}
.ebillet-item .meeting-title+a,
.ebillet-item .resale-product-title+a {
margin-right: 1rem;
flex: 0 0 13rem;
color: initial
}
@media(max-width:1088px) {
.ebillet-item .meeting-title+a,
.ebillet-item .resale-product-title+a {
flex: 0 0 9rem
}
}
@media(max-width:767.98px) {
.ebillet-item .meeting-title+a,
.ebillet-item .resale-product-title+a {
flex: 0;
margin-right: 0
}
}
@media(min-width:992px) {
.ebillet-item .meeting-location,
.ebillet-item .resale-product-location {
display: flex !important;
flex: 0 0 9rem
}
}
@media(max-width:991.98px) {
.ebillet-item .meeting-location,
.ebillet-item .resale-product-location {
display: none
}
}
.ebillet-item .meeting-time,
.ebillet-item .resale-product-time {
flex: 1 1 10rem;
display: flex;
align-items: center
}
@media(min-width:992px) {
.ebillet-item .meeting-time,
.ebillet-item .resale-product-time {
flex: 0 0 15rem
}
}
.ebillet-item .meeting-time:before,
.ebillet-item .resale-product-time:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
border: 1px solid rgba(118, 129, 141, .5);
margin-right: .6rem;
width: 2.6rem;
height: 2.6rem;
display: flex;
justify-content: center;
align-items: center;
color: initial;
border-radius: .5rem
}
@media(max-width:991.98px) {
.ebillet-item .meeting-time .d-flex,
.ebillet-item .resale-product-time .d-flex {
align-items: flex-end
}
}
.ebillet-item .meeting-date,
.ebillet-item .resale-product-date {
font-weight: 600
}
.ebillet-item .meeting-option,
.ebillet-item .resale-product-option {
font-size: 14px;
display: flex;
flex: 0 0 14rem;
align-items: center;
padding: 0;
justify-content: center;
font-weight: 400
}
@media(min-width:768px) {
.ebillet-item .meeting-option span,
.ebillet-item .resale-product-option span {
text-decoration: underline
}
}
.ebillet-item .meeting-option:hover,
.ebillet-item .resale-product-option:hover {
color: #1882ff
}
.ebillet-item .meeting-option:after,
.ebillet-item .resale-product-option:after {
content: "";
width: 22px;
height: 22px;
mask-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.2587 10.2144C1.05546 10.4177 1.06514 10.7251 1.24131 10.9012L2.46104 12.121C3.41348 11.7493 4.53321 11.9336 5.29981 12.7002C6.06641 13.4668 6.25067 14.5865 5.87905 15.539L7.09877 16.7587C7.27495 16.9349 7.58234 16.9445 7.78558 16.7413L16.7413 7.78558C16.9445 7.58234 16.9349 7.27495 16.7587 7.09877L15.5335 5.87362C14.585 6.23611 13.4743 6.04941 12.7124 5.28755C11.9506 4.52569 11.7639 3.41499 12.1264 2.46646L10.9012 1.24131C10.7251 1.06514 10.4177 1.05546 10.2144 1.2587L1.2587 10.2144ZM0.458076 11.6845C-0.16803 11.0584 -0.142784 10.0494 0.475459 9.43119L9.43119 0.475459C10.0494 -0.142785 11.0584 -0.168029 11.6845 0.458077L13.1852 1.95886C13.3629 2.13655 13.3987 2.4116 13.2724 2.62885C12.918 3.23842 13.0006 4.00925 13.4957 4.50432C13.9907 4.99938 14.7616 5.08199 15.3712 4.72758C15.5884 4.60127 15.8635 4.63706 16.0411 4.81475L17.5419 6.31553C18.168 6.94164 18.1428 7.95057 17.5245 8.56881L8.56881 17.5245C7.95057 18.1428 6.94164 18.168 6.31553 17.5419L4.81794 16.0443C4.63905 15.8654 4.60412 15.5881 4.73309 15.3704C5.09526 14.7592 5.01476 13.9816 4.51657 13.4834C4.01838 12.9852 3.24085 12.9047 2.6296 13.2669C2.41195 13.3959 2.13456 13.361 1.95567 13.1821L0.458076 11.6845Z' fill='%2376818D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.51732 6.65032C3.66151 6.50613 3.89529 6.50613 4.03948 6.65032L4.49637 7.10721C4.64056 7.2514 4.64056 7.48518 4.49637 7.62937C4.35218 7.77356 4.1184 7.77356 3.97421 7.62937L3.51732 7.17248C3.37313 7.02829 3.37313 6.79451 3.51732 6.65032ZM4.88799 8.02099C5.03218 7.8768 5.26595 7.8768 5.41014 8.02099L6.32392 8.93476C6.46811 9.07895 6.46811 9.31273 6.32392 9.45692C6.17973 9.60111 5.94595 9.60111 5.80176 9.45692L4.88799 8.54314C4.7438 8.39895 4.7438 8.16518 4.88799 8.02099ZM6.71554 9.84854C6.85973 9.70435 7.09351 9.70435 7.2377 9.84854L8.15147 10.7623C8.29566 10.9065 8.29566 11.1403 8.15147 11.2845C8.00728 11.4287 7.7735 11.4287 7.62931 11.2845L6.71554 10.3707C6.57135 10.2265 6.57135 9.99273 6.71554 9.84854ZM8.54309 11.6761C8.68728 11.5319 8.92106 11.5319 9.06525 11.6761L9.97902 12.5899C10.1232 12.7341 10.1232 12.9678 9.97902 13.112C9.83483 13.2562 9.60106 13.2562 9.45687 13.112L8.54309 12.1982C8.3989 12.0541 8.3989 11.8203 8.54309 11.6761ZM10.3706 13.5036C10.5148 13.3595 10.7486 13.3595 10.8928 13.5036L11.3497 13.9605C11.4939 14.1047 11.4939 14.3385 11.3497 14.4827C11.2055 14.6269 10.9717 14.6269 10.8275 14.4827L10.3706 14.0258C10.2265 13.8816 10.2265 13.6478 10.3706 13.5036Z' fill='%2376818D'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.2587 10.2144C1.05546 10.4177 1.06514 10.7251 1.24131 10.9012L2.46104 12.121C3.41348 11.7493 4.53321 11.9336 5.29981 12.7002C6.06641 13.4668 6.25067 14.5865 5.87905 15.539L7.09877 16.7587C7.27495 16.9349 7.58234 16.9445 7.78558 16.7413L16.7413 7.78558C16.9445 7.58234 16.9349 7.27495 16.7587 7.09877L15.5335 5.87362C14.585 6.23611 13.4743 6.04941 12.7124 5.28755C11.9506 4.52569 11.7639 3.41499 12.1264 2.46646L10.9012 1.24131C10.7251 1.06514 10.4177 1.05546 10.2144 1.2587L1.2587 10.2144ZM0.458076 11.6845C-0.16803 11.0584 -0.142784 10.0494 0.475459 9.43119L9.43119 0.475459C10.0494 -0.142785 11.0584 -0.168029 11.6845 0.458077L13.1852 1.95886C13.3629 2.13655 13.3987 2.4116 13.2724 2.62885C12.918 3.23842 13.0006 4.00925 13.4957 4.50432C13.9907 4.99938 14.7616 5.08199 15.3712 4.72758C15.5884 4.60127 15.8635 4.63706 16.0411 4.81475L17.5419 6.31553C18.168 6.94164 18.1428 7.95057 17.5245 8.56881L8.56881 17.5245C7.95057 18.1428 6.94164 18.168 6.31553 17.5419L4.81794 16.0443C4.63905 15.8654 4.60412 15.5881 4.73309 15.3704C5.09526 14.7592 5.01476 13.9816 4.51657 13.4834C4.01838 12.9852 3.24085 12.9047 2.6296 13.2669C2.41195 13.3959 2.13456 13.361 1.95567 13.1821L0.458076 11.6845Z' fill='%2376818D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.51732 6.65032C3.66151 6.50613 3.89529 6.50613 4.03948 6.65032L4.49637 7.10721C4.64056 7.2514 4.64056 7.48518 4.49637 7.62937C4.35218 7.77356 4.1184 7.77356 3.97421 7.62937L3.51732 7.17248C3.37313 7.02829 3.37313 6.79451 3.51732 6.65032ZM4.88799 8.02099C5.03218 7.8768 5.26595 7.8768 5.41014 8.02099L6.32392 8.93476C6.46811 9.07895 6.46811 9.31273 6.32392 9.45692C6.17973 9.60111 5.94595 9.60111 5.80176 9.45692L4.88799 8.54314C4.7438 8.39895 4.7438 8.16518 4.88799 8.02099ZM6.71554 9.84854C6.85973 9.70435 7.09351 9.70435 7.2377 9.84854L8.15147 10.7623C8.29566 10.9065 8.29566 11.1403 8.15147 11.2845C8.00728 11.4287 7.7735 11.4287 7.62931 11.2845L6.71554 10.3707C6.57135 10.2265 6.57135 9.99273 6.71554 9.84854ZM8.54309 11.6761C8.68728 11.5319 8.92106 11.5319 9.06525 11.6761L9.97902 12.5899C10.1232 12.7341 10.1232 12.9678 9.97902 13.112C9.83483 13.2562 9.60106 13.2562 9.45687 13.112L8.54309 12.1982C8.3989 12.0541 8.3989 11.8203 8.54309 11.6761ZM10.3706 13.5036C10.5148 13.3595 10.7486 13.3595 10.8928 13.5036L11.3497 13.9605C11.4939 14.1047 11.4939 14.3385 11.3497 14.4827C11.2055 14.6269 10.9717 14.6269 10.8275 14.4827L10.3706 14.0258C10.2265 13.8816 10.2265 13.6478 10.3706 13.5036Z' fill='%2376818D'/%3E%3C/svg%3E");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-position: center;
mask-size: contain;
-webkit-mask-size: contain;
margin-left: 1rem;
font-size: 1.5rem;
text-decoration: none;
transition: all 300ms ease-out;
background-color: #76818d
}
@media(prefers-reduced-motion:reduce) {
.ebillet-item .meeting-option:after,
.ebillet-item .resale-product-option:after {
transition: none
}
}
.ebillet-item .meeting-option.multi-tickets:after,
.ebillet-item .resale-product-option.multi-tickets:after {
mask-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.41014 8.02099C5.26595 7.8768 5.03218 7.8768 4.88799 8.02099C4.7438 8.16518 4.7438 8.39895 4.88799 8.54314L5.80176 9.45692C5.94595 9.60111 6.17973 9.60111 6.32392 9.45692C6.46811 9.31273 6.46811 9.07895 6.32392 8.93476L5.41014 8.02099Z' fill='%231882FF'/%3E%3Cpath d='M7.2377 9.84854C7.09351 9.70435 6.85973 9.70435 6.71554 9.84854C6.57135 9.99273 6.57135 10.2265 6.71554 10.3707L7.62931 11.2845C7.7735 11.4287 8.00728 11.4287 8.15147 11.2845C8.29566 11.1403 8.29566 10.9065 8.15147 10.7623L7.2377 9.84854Z' fill='%231882FF'/%3E%3Cpath d='M9.06525 11.6761C8.92106 11.5319 8.68728 11.5319 8.54309 11.6761C8.3989 11.8203 8.3989 12.0541 8.54309 12.1982L9.45687 13.112C9.60106 13.2562 9.83483 13.2562 9.97902 13.112C10.1232 12.9678 10.1232 12.7341 9.97902 12.5899L9.06525 11.6761Z' fill='%231882FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.458076 11.6845C-0.16803 11.0584 -0.142784 10.0494 0.475459 9.43119L9.43119 0.475459C10.0494 -0.142785 11.0584 -0.168029 11.6845 0.458076L13.1852 1.95886C13.3629 2.13655 13.3987 2.4116 13.2724 2.62885C12.918 3.23842 13.0006 4.00925 13.4957 4.50432C13.9907 4.99938 14.7616 5.08199 15.3712 4.72758C15.5884 4.60127 15.8635 4.63706 16.0411 4.81475L17.5419 6.31553C18.168 6.94164 18.1428 7.95057 17.5245 8.56881L10.324 15.7694L18.0075 12.5868C18.369 12.437 18.4594 12.1098 18.3812 11.9211L17.6246 10.0945C17.5189 9.83938 17.6401 9.5469 17.8952 9.44122C18.1503 9.33555 18.4428 9.4567 18.5485 9.71182L19.3051 11.5384C19.6378 12.3415 19.1512 13.1954 18.3902 13.5107L9.96825 16.9991H18.4C18.7913 16.9991 19 16.7314 19 16.5271V14.55C19 14.2739 19.2239 14.05 19.5 14.05C19.7761 14.05 20 14.2739 20 14.55V16.5271C20 17.3964 19.2237 17.9991 18.4 17.9991H7.5L7.48421 17.9989C7.06357 18.0146 6.63859 17.865 6.31553 17.5419L4.81794 16.0443C4.63905 15.8654 4.60412 15.5881 4.73309 15.3704C5.09526 14.7592 5.01476 13.9816 4.51657 13.4834C4.01838 12.9852 3.24085 12.9047 2.6296 13.2669C2.41195 13.3959 2.13456 13.361 1.95567 13.1821L0.458076 11.6845ZM1.2587 10.2144C1.05546 10.4177 1.06514 10.7251 1.24131 10.9012L2.46104 12.121C3.41348 11.7493 4.53321 11.9336 5.29981 12.7002C6.06641 13.4668 6.25067 14.5865 5.87905 15.539L7.09877 16.7587C7.27494 16.9349 7.58234 16.9445 7.78558 16.7413L10.4359 14.091L10.3706 14.0258C10.2265 13.8816 10.2265 13.6478 10.3706 13.5036C10.5148 13.3595 10.7486 13.3595 10.8928 13.5036L10.958 13.5689L16.7413 7.78558C16.9445 7.58234 16.9349 7.27495 16.7587 7.09877L15.5335 5.87362C14.585 6.23611 13.4743 6.04941 12.7124 5.28755C11.9506 4.52569 11.7639 3.41499 12.1264 2.46646L10.9012 1.24131C10.7251 1.06514 10.4177 1.05546 10.2144 1.2587L4.43114 7.04198L4.49637 7.10721C4.64056 7.2514 4.64056 7.48518 4.49637 7.62937C4.35218 7.77356 4.1184 7.77356 3.97421 7.62937L3.90898 7.56414L1.2587 10.2144Z' fill='%231882FF'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.41014 8.02099C5.26595 7.8768 5.03218 7.8768 4.88799 8.02099C4.7438 8.16518 4.7438 8.39895 4.88799 8.54314L5.80176 9.45692C5.94595 9.60111 6.17973 9.60111 6.32392 9.45692C6.46811 9.31273 6.46811 9.07895 6.32392 8.93476L5.41014 8.02099Z' fill='%231882FF'/%3E%3Cpath d='M7.2377 9.84854C7.09351 9.70435 6.85973 9.70435 6.71554 9.84854C6.57135 9.99273 6.57135 10.2265 6.71554 10.3707L7.62931 11.2845C7.7735 11.4287 8.00728 11.4287 8.15147 11.2845C8.29566 11.1403 8.29566 10.9065 8.15147 10.7623L7.2377 9.84854Z' fill='%231882FF'/%3E%3Cpath d='M9.06525 11.6761C8.92106 11.5319 8.68728 11.5319 8.54309 11.6761C8.3989 11.8203 8.3989 12.0541 8.54309 12.1982L9.45687 13.112C9.60106 13.2562 9.83483 13.2562 9.97902 13.112C10.1232 12.9678 10.1232 12.7341 9.97902 12.5899L9.06525 11.6761Z' fill='%231882FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.458076 11.6845C-0.16803 11.0584 -0.142784 10.0494 0.475459 9.43119L9.43119 0.475459C10.0494 -0.142785 11.0584 -0.168029 11.6845 0.458076L13.1852 1.95886C13.3629 2.13655 13.3987 2.4116 13.2724 2.62885C12.918 3.23842 13.0006 4.00925 13.4957 4.50432C13.9907 4.99938 14.7616 5.08199 15.3712 4.72758C15.5884 4.60127 15.8635 4.63706 16.0411 4.81475L17.5419 6.31553C18.168 6.94164 18.1428 7.95057 17.5245 8.56881L10.324 15.7694L18.0075 12.5868C18.369 12.437 18.4594 12.1098 18.3812 11.9211L17.6246 10.0945C17.5189 9.83938 17.6401 9.5469 17.8952 9.44122C18.1503 9.33555 18.4428 9.4567 18.5485 9.71182L19.3051 11.5384C19.6378 12.3415 19.1512 13.1954 18.3902 13.5107L9.96825 16.9991H18.4C18.7913 16.9991 19 16.7314 19 16.5271V14.55C19 14.2739 19.2239 14.05 19.5 14.05C19.7761 14.05 20 14.2739 20 14.55V16.5271C20 17.3964 19.2237 17.9991 18.4 17.9991H7.5L7.48421 17.9989C7.06357 18.0146 6.63859 17.865 6.31553 17.5419L4.81794 16.0443C4.63905 15.8654 4.60412 15.5881 4.73309 15.3704C5.09526 14.7592 5.01476 13.9816 4.51657 13.4834C4.01838 12.9852 3.24085 12.9047 2.6296 13.2669C2.41195 13.3959 2.13456 13.361 1.95567 13.1821L0.458076 11.6845ZM1.2587 10.2144C1.05546 10.4177 1.06514 10.7251 1.24131 10.9012L2.46104 12.121C3.41348 11.7493 4.53321 11.9336 5.29981 12.7002C6.06641 13.4668 6.25067 14.5865 5.87905 15.539L7.09877 16.7587C7.27494 16.9349 7.58234 16.9445 7.78558 16.7413L10.4359 14.091L10.3706 14.0258C10.2265 13.8816 10.2265 13.6478 10.3706 13.5036C10.5148 13.3595 10.7486 13.3595 10.8928 13.5036L10.958 13.5689L16.7413 7.78558C16.9445 7.58234 16.9349 7.27495 16.7587 7.09877L15.5335 5.87362C14.585 6.23611 13.4743 6.04941 12.7124 5.28755C11.9506 4.52569 11.7639 3.41499 12.1264 2.46646L10.9012 1.24131C10.7251 1.06514 10.4177 1.05546 10.2144 1.2587L4.43114 7.04198L4.49637 7.10721C4.64056 7.2514 4.64056 7.48518 4.49637 7.62937C4.35218 7.77356 4.1184 7.77356 3.97421 7.62937L3.90898 7.56414L1.2587 10.2144Z' fill='%231882FF'/%3E%3C/svg%3E");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-position: center;
mask-size: contain;
-webkit-mask-size: contain
}
@media(max-width:991.98px) {
.ebillet-item .meeting-option,
.ebillet-item .resale-product-option {
padding: 0 .5rem;
flex: 0 0 2rem
}
}
@media(max-width:991.98px) {
.ebillet-item .meeting-option-desktop,
.ebillet-item .resale-product-option-desktop {
display: none
}
}
@media(min-width:992px) {
.ebillet-item .meeting-option-mobile,
.ebillet-item .resale-product-option-mobile {
display: none
}
}
body[class*=page-user-] .block-hubber-eticket-voucher-block .ebillet-item .meeting-title,
body[class*=page-user-] .block-hubber-eticket-voucher-block .ebillet-item .meeting-option {
flex: 0 0 auto !important
}
@media(min-width:992px) {
body[class*=page-user-] .block-hubber-eticket-voucher-block .ebillet-item .meeting-option {
padding-left: .75rem
}
}
.ebillet-detail-wrapper {
padding: .75rem;
position: relative;
z-index: 1
}
@media(min-width:992px) {
.ebillet-detail-wrapper {
margin-top: 1.5rem;
padding: 1.5rem;
padding-bottom: 0;
border-top: 1px solid #dee2e6
}
}
.ebillet-detail-wrapper .ebillet-detail-buttons {
display: flex;
justify-content: flex-end
}
.ebillet-detail-wrapper .ebillet-detail-buttons .ebillet-detail-button {
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
@media(min-width:768px) {
.ebillet-detail-wrapper .ebillet-detail-buttons .ebillet-detail-button {
display: inline-flex
}
}
.ebillet-detail-wrapper .ebillet-detail-buttons .ebillet-detail-button:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.ebillet-detail-wrapper .ebillet-detail-buttons .ebillet-detail-button:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ebillet-detail-wrapper .ebillet-detail-buttons .ebillet-detail-button:before {
color: inherit
}
.ebillet-detail-wrapper .ebillet-detail-buttons .resale:before {
margin-right: 10px;
content: ""
}
.ebillet-detail-wrapper .ebillet-detail-buttons .resale:after {
display: none
}
.ebillet-detail-wrapper .ebillet-detail-buttons .inactive {
background-color: #e2e5e8;
border-color: #e2e5e8;
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed;
pointer-events: none
}
.ebillet-detail-wrapper .ebillet-detail-buttons .inactive:after {
color: #fff
}
.ebillet-detail-wrapper .meeting-info {
display: flex;
margin-bottom: 1.25rem;
font-size: .75rem
}
.ebillet-detail-wrapper .meeting-info a {
color: initial
}
.ebillet-detail-wrapper .meeting-info .meeting-time {
display: flex
}
.ebillet-detail-wrapper .meeting-info .meeting-time:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
border: 1px solid rgba(118, 129, 141, .5);
margin-right: .6rem;
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
color: initial;
border-radius: .5rem
}
.ebillet-detail-wrapper .meeting-location {
display: flex;
flex-direction: column;
flex: 0 0 9rem
}
@media(max-width:767.98px) {
.ebillet-detail-wrapper .meeting-location {
flex: auto;
text-align: right
}
}
.ebillet-detail-wrapper .meeting-time {
display: flex;
align-items: center;
flex: 1;
margin-right: 1rem
}
.ebillet-detail-container {
display: flex;
margin-bottom: .75rem
}
@media(max-width:991.98px) {
.ebillet-detail-container {
flex-direction: column
}
}
.ebillet-detail-left,
.ebillet-detail-right {
padding: 1.5rem;
font-size: .75rem;
border-radius: .5rem
}
.ebillet-detail-left {
background-color: #1882ff;
color: #fff;
flex: 0 0 15rem;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
word-break: break-word
}
.ebillet-detail-left>* {
position: relative
}
.ebillet-detail-left:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-image: url("data:image/svg+xml,%3Csvg width='250' height='120' viewBox='0 0 250 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.1' d='M0 120C28.9617 48.1283 177.596 26.3102 241.803 24.385H250V0H0V120Z' fill='%2319194B'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: cover
}
@media(max-width:991.98px) {
.ebillet-detail-left {
flex: 0 0 7.5rem
}
}
@media(min-width:992px) {
.ebillet-detail-left {
border-radius: .5rem 0 0 .5rem
}
}
.ebillet-detail-left .ticket-id {
text-transform: uppercase;
color: #fff
}
.ebillet-detail-left .ticket-id a {
color: inherit
}
.ebillet-detail-left .categ_price_info {
color: inherit;
display: flex;
flex-direction: column;
line-height: 1.2;
margin-bottom: auto;
font-weight: 600;
font-size: 1.25rem
}
.ebillet-detail-left .eticket,
.ebillet-detail-left .mticket {
display: none
}
.ebillet-detail-right {
background-color: #fff;
flex: 1;
display: flex;
border: 1px dolid #dee2e6
}
@media(max-width:991.98px) {
.ebillet-detail-right {
flex-direction: column
}
.ebillet-detail-right .order-id,
.ebillet-detail-right .placement {
margin-bottom: 1rem
}
}
@media(min-width:992px) {
.ebillet-detail-right {
border-radius: 0 .5rem .5rem 0;
border-left: 2px dashed #dee2e6
}
}
.ebillet-detail-right .placement,
.ebillet-detail-right .beneficiary {
flex: 1
}
.ebillet-detail-right .placement a,
.ebillet-detail-right .beneficiary a {
font-weight: 600;
border: 1px solid #dee2e6;
padding: .25rem .5rem;
border-radius: .5rem;
margin-top: .5rem;
color: inherit
}
.ebillet-detail-right .placement a:hover,
.ebillet-detail-right .beneficiary a:hover {
color: #1882ff
}
.ebillet-detail-right .placement-content {
display: flex;
align-items: center;
flex-wrap: wrap
}
.ebillet-detail-right .placement-content .seat-content {
flex: 0 0 100%;
margin-bottom: .5rem
}
.ebillet-detail-right .placement-content .js-view-cam-button,
.ebillet-detail-right .placement-content .js-map-location-button {
margin-left: 0;
margin-right: .5rem;
float: left
}
.ebillet-detail-right .beneficiary {
font-weight: 600;
margin-left: .75rem
}
.ebillet-detail-right .beneficiary label+div {
display: flex;
flex-direction: column;
align-items: flex-start
}
.ebillet-detail-right .beneficiary .email-has-error {
display: inline-flex;
align-items: center;
margin-left: .5rem
}
.ebillet-detail-right .beneficiary .email-has-error:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ebillet-detail-right .beneficiary .email-has-error:after {
color: #c50808;
margin: 0
}
.ebillet-detail-right .detail-placement {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between
}
.ebillet-detail-right .order-id {
color: #76818d
}
.ebillet-detail-right label {
color: #76818d;
font-weight: 400
}
.ebillet-detail-right .order-id {
display: flex;
align-items: center
}
.ebillet-detail-right .order-id:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
margin-right: .5rem;
font-weight: normal;
color: #263140
}
.ebillet-detail-right-content {
display: flex;
justify-content: space-between
}
@media(max-width:991.98px) {
.ebillet-detail-right-content {
flex-direction: column
}
}
.ebillet-detail-right label {
text-transform: uppercase
}
.ebillet-detail-buttom-action-container {
display: flex;
gap: .75rem;
justify-content: flex-end
}
@media(max-width:991.98px) {
.ebillet-detail-buttom-action-container {
flex-direction: column
}
}
.ebillet-detail-buttom-action-container .download-as-zip a:before {
content: "" !important
}
.ebillet-actions {
display: flex;
flex-direction: column
}
@media(min-width:992px) {
.ebillet-actions {
flex: 0 0 12.5rem;
padding-left: .75rem;
border-left: 1px dashed #d2d2d2
}
}
@media(max-width:991.98px) {
.ebillet-actions {
flex: auto;
padding-top: 1.5rem;
margin-top: 1.5rem;
border-top: 1px dashed #d2d2d2
}
}
.ebillet-actions-item {
font-weight: 600;
margin: .25rem 0;
position: relative
}
.ebillet-actions-item:not(.disabled) {
cursor: pointer
}
.ebillet-actions-item>span,
.ebillet-actions-item .action-link,
.ebillet-actions-item a {
padding: .25rem .5rem;
position: relative;
display: flex;
color: inherit !important
}
.ebillet-actions-item .action-link {
display: flex;
align-items: center;
font-weight: 700
}
.ebillet-actions-item .action-tooltip {
position: absolute;
left: 0;
top: -6px;
transform: translateY(-100%);
color: #fff !important;
background: #263140;
font-size: .75rem;
padding: .25rem;
margin: .5rem;
border-radius: .5rem;
box-shadow: 10px 10px 15px rgba(0, 0, 0, .25);
display: none
}
.ebillet-actions-item .action-tooltip:before {
display: none
}
.ebillet-actions-item .action-tooltip:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 7px 0 7px;
border-color: #263140 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
position: absolute;
left: 50%;
bottom: -6px
}
.ebillet-actions-item a:hover+.action-tooltip,
.ebillet-actions-item .action-link:hover+.action-tooltip {
display: block
}
.ebillet-actions-item a:before,
.ebillet-actions-item .action-link:before {
font-family: "hubber8";
content: "";
font-size: 1.25rem;
line-height: 1;
margin-right: .25rem
}
.ebillet-actions-item.download_ticket a:before,
.ebillet-actions-item.download_ticket span:before,
.ebillet-actions-item.download_ticket .action-link:before {
content: "";
font-family: "hubber8";
font-size: 1.25rem;
line-height: 1;
margin-right: .25rem
}
.ebillet-actions-item.download_mticket a:before,
.ebillet-actions-item.download_mticket .action-link:before {
content: ""
}
.ebillet-actions-item.send_ticket a:before,
.ebillet-actions-item.send_ticket .action-link:before {
content: ""
}
.ebillet-actions-item.resale-ticket a:before,
.ebillet-actions-item.resale-ticket .action-link:before {
content: ""
}
.ebillet-actions-item.disabled,
.ebillet-actions-item.disabled:hover {
color: rgba(118, 129, 141, .5)
}
.ebillet-actions-item[class*=-done] a {
color: #64bf18 !important;
border: 0 !important
}
.ebillet-actions-item[class*=-done] a:before {
content: "" !important;
font-family: "hubber8" !important
}
@media(max-width:991.98px) {
.ebillet-wrapper {
margin-bottom: 2rem
}
}
.page-user-tickets .eticket-download-modal {
border: 0
}
.page-user-tickets #content {
margin-bottom: 3rem
}
@media(min-width:992px) {
.page-user-tickets .main-content {
padding-left: 2rem
}
.page-user-tickets .ui-front.eticket-download-modal {
max-width: 600px !important
}
}
@media(max-width:991.98px) {
.page-user-tickets .ui-front.eticket-download-modal {
top: auto !important;
bottom: 0;
border-radius: 1rem 1rem 0 0;
padding-top: 2rem;
width: 100% !important;
max-width: 100%;
left: 0;
right: 0
}
.page-user-tickets .ebillet-item .meeting-option,
.page-user-tickets .ebillet-item .resale-product-option {
border: none;
align-items: center;
padding-right: 1.5rem
}
.page-user-tickets .ebillet-item .meeting-option:before,
.page-user-tickets .ebillet-item .resale-product-option:before {
content: "";
font-family: "hubber8";
margin-left: 1rem;
font-size: 1.5rem;
color: inherit;
position: absolute;
right: 0;
transition: all 300ms ease-out
}
}
@media(max-width:991.98px)and (prefers-reduced-motion:reduce) {
.page-user-tickets .ebillet-item .meeting-option:before,
.page-user-tickets .ebillet-item .resale-product-option:before {
transition: none
}
}
@media(max-width:991.98px) {
.page-user-tickets .ebillet-item .meeting-option:after,
.page-user-tickets .ebillet-item .resale-product-option:after {
margin: 0;
line-height: 1
}
}
@media(max-width:991.98px)and (max-width:767.98px) {
.page-user-tickets .ebillet-item .meeting-option:after,
.page-user-tickets .ebillet-item .resale-product-option:after {
margin-left: 8px
}
}
.hubber-eticket-transfer-modal-form .alert,
.hubber-benef-set-benef-modal-form .alert {
display: block
}
.hubber-eticket-transfer-modal-form .alert:before,
.hubber-benef-set-benef-modal-form .alert:before {
display: none
}
.page-user-tickets .app-info-btn-wrapper .app-info-btn {
border-radius: 8px !important;
width: 100%;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.page-user-tickets .app-info-btn-wrapper .app-info-btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-user-tickets .app-info-btn-wrapper .app-info-btn:before {
font-size: 1rem
}
.page-user-tickets .app-info-btn-wrapper .action-description {
margin-top: 4px;
display: flex;
align-items: flex-start;
font-size: .6875rem;
font-style: italic;
font-weight: 400;
line-height: normal;
color: #76818d
}
.page-user-tickets .app-info-btn-wrapper .action-description:before {
content: "";
font-family: hubber8;
font-style: normal;
font-size: 1.25rem;
line-height: 1;
margin-right: 4px
}
.page-user-tickets .app-info-btn-wrapper .app-info-btn {
border-radius: 8px !important;
width: 100%;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.page-user-tickets .app-info-btn-wrapper .app-info-btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-user-tickets .app-info-btn-wrapper .app-info-btn:before {
font-size: 1rem
}
.page-user-tickets .app-info-btn-wrapper .action-description {
margin-top: 4px;
display: flex;
align-items: flex-start;
font-size: .6875rem;
font-style: italic;
font-weight: 400;
line-height: normal;
color: #76818d
}
.page-user-tickets .app-info-btn-wrapper .action-description:before {
content: "";
font-family: hubber8;
font-style: normal;
font-size: 1.25rem;
line-height: 1;
margin-right: 4px
}
.page-user-tickets .ui-dialog:has(.app-modal-wrapper) .ui-dialog-content {
padding-top: 0
}
.page-user-tickets .ui-dialog:has(.app-modal-wrapper) .app-description {
color: #263140;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem
}
.page-user-tickets .ui-dialog:has(.app-modal-wrapper) .app-links-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 1rem
}
.page-user-tickets .ui-dialog:has(.app-modal-wrapper) .app-links-wrapper .qr-code-wrapper {
width: 160px
}
.page-user-tickets .ui-dialog:has(.app-modal-wrapper) .app-links-wrapper .qr-code-wrapper img {
width: 100%
}
.page-user-tickets .ui-dialog:has(.app-modal-wrapper) .app-links-wrapper .app-stores-link-wrapper {
width: 172px
}
.page-user-tickets .ui-dialog:has(.app-modal-wrapper) .app-links-wrapper .app-stores-link-description {
color: #263140;
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: normal
}
.page-user-tickets .ui-dialog:has(.app-modal-wrapper) .app-links-wrapper .app-stores-links {
display: flex;
flex-direction: column;
margin-top: .5rem;
gap: .4375rem
}
.page-user-tickets .ui-dialog:has(.app-modal-wrapper) .app-links-wrapper .app-stores-links a {
width: 100%
}
.page-user-tickets .ui-dialog:has(.app-modal-wrapper) .app-links-wrapper .app-stores-links a img {
width: 100%
}
.page-user-tickets .ui-dialog form .js-form-item {
margin-bottom: 1rem
}
.page-user-tickets .ui-dialog form .js-form-item:has(input) label.js-form-required,
.page-user-tickets .ui-dialog form .js-form-item:not(:has(.select2)):has(select) label.js-form-required {
position: absolute;
top: 2px;
left: 2px;
padding-left: 1rem;
transition: .1s;
pointer-events: none;
width: calc(100% - 4px);
height: 100%;
border-radius: 6px;
display: flex;
align-items: center;
color: #76818d;
background: #fbfbfc;
font-size: 1rem;
height: calc(3.5rem - 4px);
min-height: calc(3.5rem - 4px);
max-height: calc(3.5rem - 4px);
box-shadow: unset;
padding: .375rem .75rem
}
@media(max-width:767.98px) {
.page-user-tickets .ui-dialog form .js-form-item:has(input) label.js-form-required,
.page-user-tickets .ui-dialog form .js-form-item:not(:has(.select2)):has(select) label.js-form-required {
height: calc(2.5rem - 4px);
max-height: calc(2.5rem - 4px);
min-height: calc(2.5rem - 4px)
}
}
.page-user-tickets .ui-dialog form .js-form-item:has(input) label.js-form-required:before,
.page-user-tickets .ui-dialog form .js-form-item:not(:has(.select2)):has(select) label.js-form-required:before {
position: relative;
top: auto;
left: auto;
line-height: 0
}
.page-user-tickets .ui-dialog form .js-form-item:has(input):after,
.page-user-tickets .ui-dialog form .js-form-item:not(:has(.select2)):has(select):after {
content: attr(data-optional-label);
position: absolute;
right: .5rem;
top: -0.3125rem;
display: block;
color: #76818d;
font-size: .625rem;
line-height: .625rem;
font-weight: 400;
color: #76818d;
padding: 0 2px;
background: linear-gradient(0deg, #FBFBFC 51%, #FFFFFF 51%);
z-index: 5
}
.page-user-tickets .ui-dialog form .js-form-item:has(input):has(input.required) label.js-form-required,
.page-user-tickets .ui-dialog form .js-form-item:not(:has(.select2)):has(select):has(input.required) label.js-form-required {
position: absolute;
top: 2px;
left: 2px;
padding-left: 1rem;
transition: .1s;
pointer-events: none;
width: calc(100% - 4px);
height: 100%;
border-radius: 6px;
display: flex;
align-items: center;
color: #76818d;
background: #fbfbfc;
font-size: 1rem;
height: calc(3.5rem - 4px);
min-height: calc(3.5rem - 4px);
max-height: calc(3.5rem - 4px);
box-shadow: unset;
padding: .375rem .75rem
}
@media(max-width:767.98px) {
.page-user-tickets .ui-dialog form .js-form-item:has(input):has(input.required) label.js-form-required,
.page-user-tickets .ui-dialog form .js-form-item:not(:has(.select2)):has(select):has(input.required) label.js-form-required {
height: calc(2.5rem - 4px);
max-height: calc(2.5rem - 4px);
min-height: calc(2.5rem - 4px)
}
}
.page-user-tickets .ui-dialog form .js-form-item:has(input):has(input.required):after,
.page-user-tickets .ui-dialog form .js-form-item:not(:has(.select2)):has(select):has(input.required):after {
content: "*";
position: absolute;
right: .5rem;
top: -1px;
display: block;
color: #76818d;
font-size: 1rem;
line-height: .625rem;
font-weight: 400;
z-index: 5;
background: linear-gradient(0deg, #FBFBFC 84%, #FFFFFF 16%)
}
.page-user-tickets .ui-dialog form .js-form-item:has(input):has(input:focus):after,
.page-user-tickets .ui-dialog form .js-form-item:not(:has(.select2)):has(select):has(input:focus):after {
background: #fff
}
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .title {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 1rem
}
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .download-button-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
margin-bottom: 2rem
}
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .download-button-wrapper>* {
flex: 1
}
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .download-button-wrapper .js-counter {
font-size: .75rem;
color: #76818d;
position: absolute;
bottom: -1.5rem
}
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .choice-description {
flex: 100%;
margin: 1rem 0
}
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal div.js-download-mticket,
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal div.js-download-eticket {
border: 1px solid #dee2e6;
padding: 1.5rem;
border-radius: .5rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #263140;
transition: all 200ms ease-in-out;
position: relative
}
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal div.js-download-mticket:before,
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal div.js-download-eticket:before {
content: "";
width: 26px;
height: 26px;
mask-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.2587 10.2144C1.05546 10.4177 1.06514 10.7251 1.24131 10.9012L2.46104 12.121C3.41348 11.7493 4.53321 11.9336 5.29981 12.7002C6.06641 13.4668 6.25067 14.5865 5.87905 15.539L7.09877 16.7587C7.27495 16.9349 7.58234 16.9445 7.78558 16.7413L16.7413 7.78558C16.9445 7.58234 16.9349 7.27495 16.7587 7.09877L15.5335 5.87362C14.585 6.23611 13.4743 6.04941 12.7124 5.28755C11.9506 4.52569 11.7639 3.41499 12.1264 2.46646L10.9012 1.24131C10.7251 1.06514 10.4177 1.05546 10.2144 1.2587L1.2587 10.2144ZM0.458076 11.6845C-0.16803 11.0584 -0.142784 10.0494 0.475459 9.43119L9.43119 0.475459C10.0494 -0.142785 11.0584 -0.168029 11.6845 0.458077L13.1852 1.95886C13.3629 2.13655 13.3987 2.4116 13.2724 2.62885C12.918 3.23842 13.0006 4.00925 13.4957 4.50432C13.9907 4.99938 14.7616 5.08199 15.3712 4.72758C15.5884 4.60127 15.8635 4.63706 16.0411 4.81475L17.5419 6.31553C18.168 6.94164 18.1428 7.95057 17.5245 8.56881L8.56881 17.5245C7.95057 18.1428 6.94164 18.168 6.31553 17.5419L4.81794 16.0443C4.63905 15.8654 4.60412 15.5881 4.73309 15.3704C5.09526 14.7592 5.01476 13.9816 4.51657 13.4834C4.01838 12.9852 3.24085 12.9047 2.6296 13.2669C2.41195 13.3959 2.13456 13.361 1.95567 13.1821L0.458076 11.6845Z' fill='%2376818D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.51732 6.65032C3.66151 6.50613 3.89529 6.50613 4.03948 6.65032L4.49637 7.10721C4.64056 7.2514 4.64056 7.48518 4.49637 7.62937C4.35218 7.77356 4.1184 7.77356 3.97421 7.62937L3.51732 7.17248C3.37313 7.02829 3.37313 6.79451 3.51732 6.65032ZM4.88799 8.02099C5.03218 7.8768 5.26595 7.8768 5.41014 8.02099L6.32392 8.93476C6.46811 9.07895 6.46811 9.31273 6.32392 9.45692C6.17973 9.60111 5.94595 9.60111 5.80176 9.45692L4.88799 8.54314C4.7438 8.39895 4.7438 8.16518 4.88799 8.02099ZM6.71554 9.84854C6.85973 9.70435 7.09351 9.70435 7.2377 9.84854L8.15147 10.7623C8.29566 10.9065 8.29566 11.1403 8.15147 11.2845C8.00728 11.4287 7.7735 11.4287 7.62931 11.2845L6.71554 10.3707C6.57135 10.2265 6.57135 9.99273 6.71554 9.84854ZM8.54309 11.6761C8.68728 11.5319 8.92106 11.5319 9.06525 11.6761L9.97902 12.5899C10.1232 12.7341 10.1232 12.9678 9.97902 13.112C9.83483 13.2562 9.60106 13.2562 9.45687 13.112L8.54309 12.1982C8.3989 12.0541 8.3989 11.8203 8.54309 11.6761ZM10.3706 13.5036C10.5148 13.3595 10.7486 13.3595 10.8928 13.5036L11.3497 13.9605C11.4939 14.1047 11.4939 14.3385 11.3497 14.4827C11.2055 14.6269 10.9717 14.6269 10.8275 14.4827L10.3706 14.0258C10.2265 13.8816 10.2265 13.6478 10.3706 13.5036Z' fill='%2376818D'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.2587 10.2144C1.05546 10.4177 1.06514 10.7251 1.24131 10.9012L2.46104 12.121C3.41348 11.7493 4.53321 11.9336 5.29981 12.7002C6.06641 13.4668 6.25067 14.5865 5.87905 15.539L7.09877 16.7587C7.27495 16.9349 7.58234 16.9445 7.78558 16.7413L16.7413 7.78558C16.9445 7.58234 16.9349 7.27495 16.7587 7.09877L15.5335 5.87362C14.585 6.23611 13.4743 6.04941 12.7124 5.28755C11.9506 4.52569 11.7639 3.41499 12.1264 2.46646L10.9012 1.24131C10.7251 1.06514 10.4177 1.05546 10.2144 1.2587L1.2587 10.2144ZM0.458076 11.6845C-0.16803 11.0584 -0.142784 10.0494 0.475459 9.43119L9.43119 0.475459C10.0494 -0.142785 11.0584 -0.168029 11.6845 0.458077L13.1852 1.95886C13.3629 2.13655 13.3987 2.4116 13.2724 2.62885C12.918 3.23842 13.0006 4.00925 13.4957 4.50432C13.9907 4.99938 14.7616 5.08199 15.3712 4.72758C15.5884 4.60127 15.8635 4.63706 16.0411 4.81475L17.5419 6.31553C18.168 6.94164 18.1428 7.95057 17.5245 8.56881L8.56881 17.5245C7.95057 18.1428 6.94164 18.168 6.31553 17.5419L4.81794 16.0443C4.63905 15.8654 4.60412 15.5881 4.73309 15.3704C5.09526 14.7592 5.01476 13.9816 4.51657 13.4834C4.01838 12.9852 3.24085 12.9047 2.6296 13.2669C2.41195 13.3959 2.13456 13.361 1.95567 13.1821L0.458076 11.6845Z' fill='%2376818D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.51732 6.65032C3.66151 6.50613 3.89529 6.50613 4.03948 6.65032L4.49637 7.10721C4.64056 7.2514 4.64056 7.48518 4.49637 7.62937C4.35218 7.77356 4.1184 7.77356 3.97421 7.62937L3.51732 7.17248C3.37313 7.02829 3.37313 6.79451 3.51732 6.65032ZM4.88799 8.02099C5.03218 7.8768 5.26595 7.8768 5.41014 8.02099L6.32392 8.93476C6.46811 9.07895 6.46811 9.31273 6.32392 9.45692C6.17973 9.60111 5.94595 9.60111 5.80176 9.45692L4.88799 8.54314C4.7438 8.39895 4.7438 8.16518 4.88799 8.02099ZM6.71554 9.84854C6.85973 9.70435 7.09351 9.70435 7.2377 9.84854L8.15147 10.7623C8.29566 10.9065 8.29566 11.1403 8.15147 11.2845C8.00728 11.4287 7.7735 11.4287 7.62931 11.2845L6.71554 10.3707C6.57135 10.2265 6.57135 9.99273 6.71554 9.84854ZM8.54309 11.6761C8.68728 11.5319 8.92106 11.5319 9.06525 11.6761L9.97902 12.5899C10.1232 12.7341 10.1232 12.9678 9.97902 13.112C9.83483 13.2562 9.60106 13.2562 9.45687 13.112L8.54309 12.1982C8.3989 12.0541 8.3989 11.8203 8.54309 11.6761ZM10.3706 13.5036C10.5148 13.3595 10.7486 13.3595 10.8928 13.5036L11.3497 13.9605C11.4939 14.1047 11.4939 14.3385 11.3497 14.4827C11.2055 14.6269 10.9717 14.6269 10.8275 14.4827L10.3706 14.0258C10.2265 13.8816 10.2265 13.6478 10.3706 13.5036Z' fill='%2376818D'/%3E%3C/svg%3E");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-position: center;
mask-size: contain;
-webkit-mask-size: contain;
background-color: #1882ff;
margin-bottom: .25rem
}
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal div.js-download-mticket:hover,
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal div.js-download-eticket:hover {
border-color: #1882ff;
content: "";
font-family: "hubber8";
font-size: 2.5rem;
line-height: 1
}
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-download-eticket:before {
content: ""
}
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-history {
margin-top: 1rem
}
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-history .scrollable {
background-color: #f6f8f9;
border-radius: .5rem;
padding: .75rem
}
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-history li {
display: flex;
justify-content: space-between;
padding: .5rem .25rem;
font-size: .75rem;
font-weight: 600
}
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-history li span:empty {
display: none
}
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-history li span.eticket,
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-history li span.mticket {
font-weight: normal;
display: flex;
align-items: center
}
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-history li span.eticket:after,
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-history li span.mticket:after {
content: "";
margin-left: .5rem;
font-family: "hubber8";
font-size: 1.25rem;
line-height: 1
}
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-history li span.eticket:after {
content: ""
}
#block-hubbervoucherblock {
margin: 0 0 3rem
}
.gift-card.ebillet-item-container .ebillet-item .meeting-info-wrapper .thumbnail {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/carte_cadeau.svg);
background-repeat: no-repeat
}
.page-user-tickets div.ui-dialog .ui-dialog-content.hubber-eticket-download-modal div.js-download-eticket:before,
.page-user-tickets div.ui-dialog .ui-dialog-content.hubber-eticket-download-modal div.js-download-mticket:before {
color: #263140;
background-color: #263140
}
.page-user-tickets div.ui-dialog .ui-dialog-content.hubber-eticket-download-modal div.js-download-eticket:hover,
.page-user-tickets div.ui-dialog .ui-dialog-content.hubber-eticket-download-modal div.js-download-mticket:hover {
color: var(--hb-cta-primary);
font-family: "Poppins", Arial, Verdana, sans-serif;
font-size: 1rem;
border-color: var(--hb-cta-primary)
}
.page-user-tickets div.ui-dialog .ui-dialog-content.hubber-eticket-download-modal div.js-download-eticket:hover:before,
.page-user-tickets div.ui-dialog .ui-dialog-content.hubber-eticket-download-modal div.js-download-mticket:hover:before {
color: var(--hb-cta-primary);
background-color: var(--hb-cta-primary)
}
.ebillet-item-container .ebillet-item .meeting-option:hover::after,
.ebillet-item-container .ebillet-item .meeting-option:hover::after {
background-color: var(--hb-cta-primary)
}
@media(max-width:767.98px) {
.ebillet-item-container .ebillet-item .meeting-info-wrapper {
padding-right: 1rem
}
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper .contents .info {
display: flex;
align-items: center
}
@media(max-width:767.98px) {
.ebillet-item-container .ebillet-item .meeting-info-wrapper .contents .info {
display: inline
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper .contents .info .venue {
margin-left: 0
}
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper .contents .info .add-to-calendar-link {
display: flex;
align-items: center;
cursor: pointer
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper .contents .info .add-to-calendar-link .day {
margin-right: .25rem
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper .contents .info .add-to-calendar-link:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
color: var(--hb-link)
}
.ebillet-item-container .ebillet-item:hover .meeting-info-wrapper .contents .info .add-to-calendar-link:after {
color: var(--hb-cta-primary)
}
@media(max-width:320px) {
.ebillet-item-container .ebillet-item {
gap: 1rem
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper {
padding-right: 0;
flex-direction: column;
gap: 1rem
}
.ebillet-item-container .ebillet-item .meeting-info-wrapper .thumbnail {
flex: auto;
height: auto;
max-width: 3rem;
width: 3rem
}
}
.resale-product-list.ebillet-item-container:before {
display: none
}
@media(max-width:991.98px) {
.path-user:not(.user-dashboard):not(.page-user-reset):not(.page-hubber-pro__tickets):not(.page-user-resale-confirm).menu-reduced .sidebar_first {
width: 3.5rem
}
}
.path-user:not(.user-dashboard):not(.page-user-reset) #main>.row {
flex-wrap: nowrap
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .mobile-account-toggle {
display: none
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .mobile-account-toggle:before {
font-family: "hubber8";
content: ""
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .mobile-account-toggle.show:before {
font-family: "hubber8";
content: ""
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .block-hubber-customers-user-picture {
text-align: center;
font-size: 1rem;
padding: 1rem;
max-width: unset
}
@media(min-width:992px) {
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .block-hubber-customers-user-picture .sidebar-menu-trigger {
display: inline-flex;
align-items: center;
font-size: 1.5rem;
height: 24px;
width: 24px;
padding: 0;
position: absolute;
left: .5rem;
top: .5rem;
border: 1px solid #dee2e6;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .4s
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .block-hubber-customers-user-picture .sidebar-menu-trigger:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .block-hubber-customers-user-picture .sidebar-menu-trigger:hover {
background-color: #1882ff
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .block-hubber-customers-user-picture .sidebar-menu-trigger:hover:after {
color: #fff !important
}
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .hubber_customers-block--summary__icon {
height: 2.5rem;
width: 2.5rem;
background-color: #64bf18;
border-radius: 100%;
margin: 0 auto .5rem;
color: #fff;
font-weight: 700;
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .hubber_customers-block--summary__name {
font-weight: 700;
text-transform: capitalize
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .menu--menu-logout .nav-item {
width: 100%;
text-align: center
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .menu--menu-logout .nav-link {
border-radius: 0 1.5rem 1.5rem 0;
margin: .75rem;
margin-left: 0;
width: calc(100% - .75rem);
transition: all 300ms ease-out
}
@media(prefers-reduced-motion:reduce) {
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .menu--menu-logout .nav-link {
transition: none
}
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .menu--menu-logout .nav-link:hover {
background-color: rgba(255, 0, 0, .05);
box-shadow: inset 0px -1px 0px rgba(255, 48, 0, .25)
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .menu--menu-logout .nav-link:hover:before {
color: #ff4e2e
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first {
width: 14rem;
background-color: #fff;
padding: 0;
padding-top: 1rem;
max-width: unset;
flex: 0 0 14rem;
left: 0;
z-index: 899;
top: 0
}
@media(min-width:992px) {
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first {
max-height: calc(100vh - 5.5rem);
position: sticky;
top: 5.5rem;
box-shadow: 0px 5px 24px rgba(0, 0, 0, .07), 0px 2px 15px rgba(0, 0, 0, .03), 0px 1px 5px rgba(0, 0, 0, .03), 0px 1px 3px rgba(0, 0, 0, .05)
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first aside {
height: 100%
}
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first .menu--account {
height: calc(100vh - 17rem);
overflow-y: auto;
position: relative;
padding: .5rem 0 0;
border-top: 1px solid rgba(118, 129, 141, .25);
border-bottom: 1px solid rgba(118, 129, 141, .25)
}
@media(max-width:991.98px) {
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first {
position: fixed;
width: 100%;
display: block;
padding: 0;
bottom: 0;
top: auto;
background-color: #fff;
height: 60px;
border-radius: 8px 8px 0px 0px;
box-shadow: 0px 5px 24px rgba(0, 0, 0, .07), 0px 2px 15px rgba(0, 0, 0, .03), 0px 1px 5px rgba(0, 0, 0, .03), 0px 1px 3px rgba(0, 0, 0, .05);
border-top: none
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first .mobile-account-toggle {
display: flex;
cursor: pointer
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first .section,
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first .region-sidebar-first {
height: 100%
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first .menu--account {
height: 100%;
border-bottom: 0;
padding: 0
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first .menu--account .nav {
flex-direction: row;
justify-content: center;
flex-wrap: nowrap;
gap: 20px;
align-items: center;
height: 100%
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first .menu--account .nav .nav-link {
flex-direction: column;
justify-content: center;
font-size: 0;
color: unset;
font-weight: normal;
border-radius: .375rem;
padding: 0;
margin-bottom: 0;
width: 48px;
height: 48px
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first .menu--account .nav .nav-link:not(.always-show) {
display: none
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first .menu--account .nav .nav-link:before {
line-height: 1.2;
margin-right: 0
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first .block-hubber-customers-user-picture,
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first .menu--menu-logout,
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first .nav-link[class*=-edit],
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first .nav-link[class*=-address-book],
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_first .nav-link[class*=-payment-methods] {
display: none
}
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_second {
max-width: 20rem;
position: fixed;
background-color: #fff;
width: calc(100vw - 1.5rem);
height: 100vh;
top: 0;
right: -100%;
z-index: 1000;
padding: 0;
transition: all .2s ease-in-out
}
@media(max-width:991.98px) {
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_second {
display: none
}
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_second.open {
right: 0
}
@media(max-width:991.98px) {
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_second.open {
display: block
}
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_second .mobile-account-menu.menu--account {
padding: 1.5rem 0;
max-height: calc(100vh - 14.5rem);
overflow: auto
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_second .mobile-account-menu.block-hubber-customers-user-picture {
padding: 1.5rem;
border-bottom: 1px solid #dee2e6
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_second .mobile-account-menu .content>div {
display: flex;
align-items: center
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_second .mobile-account-menu .hubber_customers-block--summary__icon {
background-color: #64bf18;
color: #fff;
height: 3rem;
width: 3rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_second .mobile-account-menu .hubber_customers-block--summary__name {
margin-left: .75rem;
font-weight: 700
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_second .menu--account {
border-top: 0;
margin: 0 1rem
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_second .menu--menu-logout {
display: block !important;
padding: 0 1rem;
margin-bottom: 4rem
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_second .menu--menu-logout ul {
width: 100%
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_second .menu--menu-logout ul .nav-link {
padding: .5rem .75rem
}
@media(min-width:992px) {
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar_second {
display: none
}
}
@media(max-width:991.98px) {
.path-checkout .sidebar {
position: fixed;
width: 100%;
display: block;
padding: 0;
bottom: 0;
border-radius: 1.5rem 1.5rem 0 0;
z-index: 902;
left: 0;
background-color: #fff;
box-shadow: 0px 5px 24px rgba(0, 0, 0, .07), 0px 2px 15px rgba(0, 0, 0, .03), 0px 1px 5px rgba(0, 0, 0, .03), 0px 1px 3px rgba(0, 0, 0, .05)
}
.path-checkout .sidebar .mobile-account-toggle {
display: flex
}
.path-checkout .sidebar .menu--account {
border-top: 0;
border-bottom: 0;
padding-top: .5rem
}
.path-checkout .sidebar .menu--account .nav {
flex-direction: row;
justify-content: space-around;
flex-wrap: nowrap
}
.path-checkout .sidebar .menu--account .nav .nav-link {
flex-direction: column;
font-size: 0;
color: unset;
font-weight: normal;
border-radius: .375rem;
padding: .25rem .625rem;
margin-bottom: .5rem
}
.path-checkout .sidebar .menu--account .nav .nav-link:not(.always-show) {
display: none
}
.path-checkout .sidebar .menu--account .nav .nav-link:before {
line-height: 1.2;
margin-right: 0
}
.path-checkout .sidebar .block-hubber-customers-user-picture,
.path-checkout .sidebar .menu--menu-logout,
.path-checkout .sidebar .nav-link[class*=-edit],
.path-checkout .sidebar .nav-link[class*=-address-book],
.path-checkout .sidebar .nav-link[class*=-payment-methods] {
display: none
}
}
.page-product-resale .row-resale-pack .view-cam-wrapper .cam-display-hint-container {
display: none !important
}
.view-cam-wrapper {
position: relative;
width: 100%;
height: 100%
}
@media(max-width:991.98px) {
.view-cam-wrapper {
height: 100vh;
z-index: 2
}
}
@media(min-width:992px) {
.view-cam-wrapper .cam-display-hint-container {
display: none
}
.view-cam-wrapper:hover .cam-display-hint-container {
display: block
}
.view-cam-wrapper:hover .cam-display-hint-container img {
filter: blur(2px)
}
}
.view-cam-wrapper .cam-display-hint-container {
position: absolute;
background-color: rgba(0, 0, 0, .2);
color: #fff;
height: 100%;
width: 100%
}
.view-cam-wrapper .cam-display-hint-container .cam-display-hint-info-container {
display: flex;
justify-content: center;
align-items: center;
height: 100%
}
.view-cam-wrapper .cam-display-hint-container .cam-display-hint-info-container .cam-display-hint-info {
display: inline-flex;
align-items: center;
cursor: pointer;
font-size: .75rem;
font-weight: 600;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
.view-cam-wrapper .cam-display-hint-container .cam-display-hint-info-container .cam-display-hint-info:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.view-cam-wrapper .cam-display-hint-container .cam-display-hint-info-container .cam-display-hint-info .displayed:before {
content: ""
}
.seat-mode-content .view-cam-wrapper {
position: relative;
height: 7.875rem;
overflow: hidden;
display: flex;
align-items: center;
cursor: pointer
}
.seat-mode-content .view-cam-wrapper:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
border-radius: .5rem;
position: absolute;
height: 2.375rem;
width: 2.375rem;
background-color: rgba(0, 0, 0, .5);
backdrop-filter: blur(0.25rem);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
right: .5rem;
top: .5rem
}
.seat-mode-content .view-cam-wrapper img {
width: 100%;
border-radius: none;
position: relative
}
.ticket-content-list .view-cam-wrapper {
cursor: pointer;
margin-right: 1rem;
flex-shrink: 0;
display: flex;
align-self: center;
justify-content: center;
border-radius: .25rem;
overflow: hidden
}
.ticket-content-list .view-cam-wrapper:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
border-radius: .5rem;
position: absolute;
height: 2.375rem;
width: 2.375rem;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
text-shadow: 1px 1px 3px #5a5a5a;
top: 0;
right: 0
}
.ticket-content-list .view-cam-wrapper:hover:after {
opacity: 1;
z-index: 5
}
.ticket-content-list .view-cam-wrapper img {
border-radius: .5rem
}
.ticket-content-list .view-cam-wrapper img.error:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: no-repeat center/50% 50%;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 54' style='enable-background:new 0 0 60 54;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23A0A0A0' d='M58,34.1V1c0-0.6-0.4-1-1-1H1C0.4,0,0,0.4,0,1v44c0,0.6,0.4,1,1,1h34c2,4.7,6.6,8,12,8c7.2,0,13-5.8,13-13 C60,38.5,59.3,36.1,58,34.1z M34.4,44H2V2h54v29.6c-0.2-0.2-0.4-0.3-0.5-0.5c-0.1-0.1-0.2-0.2-0.3-0.2c-0.2-0.2-0.5-0.4-0.7-0.5 c-0.1-0.1-0.2-0.1-0.3-0.2c-0.2-0.2-0.5-0.3-0.8-0.5c-0.1-0.1-0.2-0.1-0.3-0.2c-0.1,0-0.2-0.1-0.2-0.1c0.2-0.4,0.1-0.9-0.2-1.2 l-12-11C40.5,17.1,40.2,17,40,17c-0.3,0-0.5,0.1-0.7,0.3l-9.8,10.7l-4.7-4.7c-0.4-0.4-1-0.4-1.4,0l-17,15c-0.4,0.4-0.5,1-0.1,1.4 C6.4,39.9,6.7,40,7,40c0.2,0,0.5-0.1,0.7-0.2L24,25.4l10.3,10.3c0.2,0.2,0.5,0.3,0.7,0.3c-0.7,1.5-1,3.2-1,5c0,0.5,0,1,0.1,1.5 c0,0.1,0,0.1,0,0.2C34.2,43.1,34.3,43.5,34.4,44C34.4,44,34.4,44,34.4,44z M48.8,28.1c-0.2,0-0.3-0.1-0.5-0.1 C47.9,28,47.4,28,47,28c-4.8,0-8.9,2.6-11.2,6.4c0-0.1-0.1-0.1-0.1-0.2l-4.8-4.8l9.2-10.1l9.7,8.9c-0.1,0-0.1,0-0.2,0 C49.3,28.2,49,28.2,48.8,28.1z M47,52c-4.8,0-8.9-3.1-10.4-7.4c-0.1-0.3-0.2-0.5-0.2-0.8c0-0.1,0-0.1,0-0.2 c-0.1-0.2-0.1-0.5-0.2-0.7c0-0.1,0-0.3-0.1-0.4c0-0.2-0.1-0.4-0.1-0.5c0-0.3-0.1-0.7-0.1-1c0-6.1,4.9-11,11-11c0.4,0,0.8,0,1.3,0.1 c0.1,0,0.2,0,0.4,0.1c0.3,0,0.6,0.1,0.9,0.2c0.1,0,0.3,0.1,0.4,0.1c0.3,0.1,0.5,0.2,0.8,0.3c0.1,0,0.3,0.1,0.4,0.1 c0.3,0.1,0.6,0.3,0.9,0.4c0.1,0,0.2,0.1,0.3,0.1c0.3,0.2,0.7,0.4,1,0.6c0.1,0.1,0.3,0.2,0.4,0.3c0.2,0.2,0.4,0.3,0.6,0.5 c0.1,0.1,0.3,0.2,0.4,0.3c0.2,0.2,0.4,0.4,0.6,0.6c0.1,0.1,0.2,0.2,0.3,0.3c0.3,0.3,0.5,0.6,0.7,1c1.2,1.7,1.9,3.8,1.9,6.1 C58,47.1,53.1,52,47,52z'/%3E%3Cpath fill='%23A0A0A0' d='M52,36.1c-0.4-0.4-1-0.4-1.4,0L47,39.6l-3.5-3.5c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l3.5,3.5L42,44.5 c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l3.5-3.5l3.5,3.5c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L48.4,41l3.5-3.5C52.3,37.1,52.3,36.4,52,36.1z'/%3E%3Cpath fill='%23A0A0A0' d='M16,22.1c3.1,0,5.6-2.5,5.6-5.6c0-3.1-2.5-5.6-5.6-5.6s-5.6,2.5-5.6,5.6S12.9,22.1,16,22.1z M16,13 c2,0,3.6,1.6,3.6,3.6S18,20.1,16,20.1s-3.6-1.6-3.6-3.6S14,13,16,13z'/%3E%3C/g%3E%3C/svg%3E");
background-color: #e2e5e8;
color: rgba(0, 0, 0, 0)
}
@media(min-width:992px) {
.ticket-content-list .view-cam-wrapper {
width: 3.875rem;
height: 3.875rem
}
}
@media(max-width:991.98px) {
.ticket-content-list .view-cam-wrapper {
border-radius: .5rem .5rem 0 0;
height: unset
}
.ticket-content-list .view-cam-wrapper img {
width: 100% !important;
filter: blur(0.05rem)
}
.ticket-content-list .view-cam-wrapper:after {
opacity: 1
}
}
@media(max-width:991.98px) {
.item-cam-desktop {
display: none
}
}
@media(min-width:992px) {
.item-cam-mobile {
display: none !important
}
}
.js-view-cam-button {
cursor: pointer;
height: 36px;
width: 36px;
border: 1px solid #dee2e6;
display: flex;
align-items: center;
justify-content: center;
margin-left: .5rem;
font-size: 0;
border-radius: .5rem;
flex-shrink: 0;
transition: all 150ms ease-out
}
.js-view-cam-button:after {
content: "";
font-size: 1.5rem;
font-family: "hubber8";
color: initial;
line-height: 1
}
.js-view-cam-button:hover {
background-color: #1882ff
}
.js-view-cam-button:hover:after {
color: #fff
}
.ticket-content-list .seat__selected-item {
padding: 1rem
}
[class*=-close-cam-full] {
cursor: pointer;
border: 1px solid #dee2e6;
border-radius: .5rem;
font-size: 0;
background-color: #fff;
height: 2.375rem;
width: 2.375rem;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
position: absolute;
right: 1.5rem;
top: 1rem;
z-index: 9;
display: inline-flex;
align-items: center
}
[class*=-close-cam-full]:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
[class*=-close-cam-full]:hover {
background-color: #1882ff;
border-color: #1882ff;
color: #fff
}
.js-map-location-button {
cursor: pointer;
height: 36px;
width: 36px;
border: 1px solid #dee2e6;
display: flex;
align-items: center;
justify-content: center;
margin-left: .5rem;
font-size: 0 !important;
border-radius: .5rem;
flex-shrink: 0;
transition: all 150ms ease-out
}
.js-map-location-button:after {
content: "";
font-size: 1.5rem;
font-family: "hubber8";
color: initial;
line-height: 1
}
.js-map-location-button:hover {
background-color: #1882ff
}
.js-map-location-button:hover:after {
color: #fff
}
.map-location-error {
max-height: unset !important;
top: 0;
left: 0;
position: fixed;
height: 100% !important;
width: 100% !important;
background: #f6f8f9;
display: flex;
align-items: center;
justify-content: center
}
.map-location-container {
max-width: 100% !important;
height: 100% !important;
width: 100% !important;
max-height: 100% !important;
flex-direction: column
}
.map-location-container .map-location-error-icon {
display: block;
height: 8rem;
width: 8rem;
filter: grayscale(1);
background-image: url(/themes/custom/hubber_reference8/images/anim_location.gif);
background-size: 10rem;
background-repeat: no-repeat;
background-position: center
}
.map-location-container .map-location-error-msg {
font-weight: 600
}
.map-location-container .map-location-error-close {
font-size: .875rem;
text-decoration: underline;
margin-top: 1.5rem;
cursor: pointer
}
.map-location-container .map-location-error-close:hover {
text-decoration: none
}
.map-location-container .map-location-navigate {
height: 100%;
width: 100%;
overflow: auto
}
.map-location-container .map-location-navigate #thumbViewContainer {
display: none
}
@media(min-width:992px) {
.map-location-container .map-location-navigate {
display: flex;
align-items: center;
justify-content: center
}
}
.map-location-container .js-map-location-navigate-back-button {
position: absolute;
border: 1px solid #dee2e6;
background-color: rgba(255, 255, 255, .75) !important;
outline: none;
height: 38px;
width: 38px;
border-radius: .5rem;
top: 21px;
left: 2rem;
background-position: center;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0);
justify-content: center;
display: inline-flex;
align-items: center;
margin-: .5rem;
cursor: pointer
}
.map-location-container .js-map-location-navigate-back-button:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.map-location-container .arena_map {
min-height: 24rem
}
#capslockdiv {
position: relative
}
#capslockdiv p {
display: none;
position: absolute;
top: -1.2rem;
padding: .35rem 0;
font-size: .5rem;
color: #dc3545
}
.path-node.node--type-article .block-page-title-block h1.title,
.path-node.node--type-article .block-page-title-block .title.h1,
.path-node.node--type-page .block-page-title-block h1.title,
.path-node.node--type-page .block-page-title-block .title.h1 {
font-family: "Poppins", Arial, Verdana, sans-serif;
text-align: center;
margin: 1.5rem auto;
font-size: 1.5rem;
font-weight: 600;
text-transform: none
}
@media(min-width:992px) {
.path-node.node--type-article .block-page-title-block h1.title,
.path-node.node--type-article .block-page-title-block .title.h1,
.path-node.node--type-page .block-page-title-block h1.title,
.path-node.node--type-page .block-page-title-block .title.h1 {
font-size: 2rem
}
}
.path-node.node--type-article .block-system-main-block .content header,
.path-node.node--type-article .block-system-main-block .content header .node__meta,
.path-node.node--type-page .block-system-main-block .content header,
.path-node.node--type-page .block-system-main-block .content header .node__meta {
text-align: center
}
.path-node.node--type-article .block-system-main-block .content img,
.path-node.node--type-page .block-system-main-block .content img {
max-width: 100%;
height: auto
}
.path-node.node--type-article .block-system-main-block .content .node__content .field--type-image,
.path-node.node--type-page .block-system-main-block .content .node__content .field--type-image {
width: 100%;
height: auto;
float: none;
display: block;
margin: 82px 0 104px 0
}
.path-node.node--type-article .block-system-main-block .content .node__content .field--type-image img.image-style-large,
.path-node.node--type-page .block-system-main-block .content .node__content .field--type-image img.image-style-large {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: auto
}
.path-node.node--type-article .block-system-main-block .content .node__content .field--name-body,
.path-node.node--type-page .block-system-main-block .content .node__content .field--name-body {
width: 100%;
display: block;
padding: 0;
margin: 0 auto
}
.path-node.node--type-article .block-system-main-block .content .node__content h1,
.path-node.node--type-article .block-system-main-block .content .node__content .h1,
.path-node.node--type-page .block-system-main-block .content .node__content h1,
.path-node.node--type-page .block-system-main-block .content .node__content .h1 {
font-size: 1.5rem;
font-weight: 800;
text-align: left;
margin: 0;
margin-bottom: 36px
}
.path-node.node--type-article .block-system-main-block .content .node__content h2,
.path-node.node--type-article .block-system-main-block .content .node__content .h2,
.path-node.node--type-page .block-system-main-block .content .node__content h2,
.path-node.node--type-page .block-system-main-block .content .node__content .h2 {
font-weight: 900;
font-size: 20px;
position: relative;
display: inline-block;
margin-bottom: 36px
}
.path-node.node--type-article .block-system-main-block .content .node__content p,
.path-node.node--type-page .block-system-main-block .content .node__content p {
font-size: 1rem;
margin-bottom: 1.5rem
}
.path-node.node--type-article .block-system-main-block .content .node__content a.default_cta,
.path-node.node--type-page .block-system-main-block .content .node__content a.default_cta {
display: inline-block;
font-size: 12px;
font-weight: 700;
background-color: #1882ff;
border: none;
color: #fff;
border-radius: .5rem;
height: auto;
line-height: 1.2;
padding: .5rem;
text-align: center;
box-sizing: border-box;
min-width: 10rem
}
.path-node.node--type-article .block-system-main-block .content .node__content a.default_cta:after,
.path-node.node--type-page .block-system-main-block .content .node__content a.default_cta:after {
font-family: "hubber8";
content: "";
font-size: 13px;
font-weight: normal;
margin-left: 11.4px;
color: #fff;
vertical-align: inherit
}
.path-node.node--type-article .block-system-main-block .content .node__content a.default_cta:hover,
.path-node.node--type-page .block-system-main-block .content .node__content a.default_cta:hover {
background: rgba(0, 0, 0, 0);
color: #1882ff;
border: 1px solid #1882ff;
box-shadow: unset;
height: 38px;
line-height: 36px
}
.path-node.node--type-article .block-system-main-block .content .node__content a.default_cta:hover:after,
.path-node.node--type-page .block-system-main-block .content .node__content a.default_cta:hover:after {
color: #1882ff
}
@media screen and (max-width:550px) {
.path-node.node--type-article .block-system-main-block .content .node__content a.default_cta,
.path-node.node--type-page .block-system-main-block .content .node__content a.default_cta {
display: block;
width: 100%
}
}
.path-node.node--type-article .question_hubber,
.path-node.node--type-page .question_hubber {
display: block;
padding: 17px 24px;
background: #fff;
border-radius: .5rem;
box-shadow: 0 0 4px 0px rgba(0, 0, 0, .03), 0 1px 1px 0px rgba(0, 0, 0, .05);
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #000;
outline: none;
position: relative;
margin: 12px 0 0 0
}
.path-node.node--type-article .question_hubber:hover,
.path-node.node--type-page .question_hubber:hover {
cursor: pointer
}
.path-node.node--type-article .question_hubber:after,
.path-node.node--type-page .question_hubber:after {
content: "";
font-family: "hubber8";
font-weight: normal;
display: block;
right: 21px;
top: 15px;
position: absolute;
height: 12px;
width: 20px;
color: #dc3545
}
.path-node.node--type-article .answer_hubber,
.path-node.node--type-page .answer_hubber {
padding: 24px 24px 29px 24px;
background: #fff;
box-shadow: 0 0 4px 0px rgba(0, 0, 0, .03), 0 1px 1px 0px rgba(0, 0, 0, .05);
border-radius: .5rem;
font-size: 1rem;
line-height: 1.5rem;
color: #000;
margin: -10px 0 0 0;
position: relative;
z-index: 5;
border-top-left-radius: 0;
border-top-right-radius: 0;
display: none
}
.path-node.node--type-article .answer_hubber.open,
.path-node.node--type-page .answer_hubber.open {
display: block
}
.path-node.node--type-article .onglets_hubber,
.path-node.node--type-page .onglets_hubber {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 6px;
box-sizing: border-box;
width: 100%;
box-shadow: 0 0 4px 0px rgba(0, 0, 0, .03), 0 1px 1px 0px rgba(0, 0, 0, .05);
background-color: #fff;
border-radius: 6px;
margin: 0;
height: 60px;
position: relative
}
@media screen and (max-width:768px) {
.path-node.node--type-article .onglets_hubber,
.path-node.node--type-page .onglets_hubber {
height: auto;
flex-wrap: wrap
}
}
.path-node.node--type-article .onglets_hubber .onglet_hubber.head,
.path-node.node--type-page .onglets_hubber .onglet_hubber.head {
position: relative;
font-weight: bold;
width: 100%;
text-align: center;
border-radius: 6px
}
.path-node.node--type-article .onglets_hubber .onglet_hubber.head:hover,
.path-node.node--type-page .onglets_hubber .onglet_hubber.head:hover {
cursor: pointer
}
.path-node.node--type-article .onglets_hubber .onglet_hubber.head:after,
.path-node.node--type-page .onglets_hubber .onglet_hubber.head:after {
content: "";
display: block;
position: absolute;
top: 16px;
bottom: 17px;
right: 0;
width: 1px;
background: rgba(255, 255, 255, .25);
border-radius: 2px
}
.path-node.node--type-article .onglets_hubber .onglet_hubber.head:nth-last-child(2):after,
.path-node.node--type-page .onglets_hubber .onglet_hubber.head:nth-last-child(2):after {
display: none
}
@media screen and (max-width:768px) {
.path-node.node--type-article .onglets_hubber .onglet_hubber.head:after,
.path-node.node--type-page .onglets_hubber .onglet_hubber.head:after {
display: none
}
}
.path-node.node--type-article .onglets_hubber .onglet_hubber.head.active,
.path-node.node--type-page .onglets_hubber .onglet_hubber.head.active {
background: #fff;
color: #1882ff
}
.path-node.node--type-article .onglets_hubber .col_onglet,
.path-node.node--type-page .onglets_hubber .col_onglet {
display: none
}
.path-node.node--type-article .content_onglet,
.path-node.node--type-page .content_onglet {
margin-top: 35px;
position: relative;
color: #fff;
font-size: 1rem;
line-height: 1.5
}
.node--type-page .block-cross-selling .internal-products {
display: flex;
align-items: center;
justify-content: center
}
@media(max-width:767.98px) {
.node--type-page .block-cross-selling .internal-products {
flex-wrap: wrap
}
.node--type-page .block-cross-selling .internal-products article.hubber-cross-sell-product {
margin: 0 0 2rem !important
}
.node--type-page .block-cross-selling .internal-products article.hubber-cross-sell-product .js-add-to-cart {
width: 100%
}
}
.a2a_kit {
display: block;
margin-bottom: 2rem
}
.resale-product-list .btn-back,
.page-user-resale-confirm .btn-back {
align-items: center;
background-color: rgba(0, 0, 0, 0);
border-radius: .5rem;
border: 1px solid;
border-color: #e2e5e8;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
display: inline-flex;
align-items: center;
position: absolute;
z-index: 1;
left: 0;
top: -7.25rem;
font-size: 0;
background-color: #f6f8f9;
color: initial;
padding: 0;
width: 2.375rem;
height: 2.375rem
}
@media(min-width:768px) {
.resale-product-list .btn-back,
.page-user-resale-confirm .btn-back {
display: inline-flex
}
}
.resale-product-list .btn-back:hover,
.page-user-resale-confirm .btn-back:hover {
transform: none;
color: #fff;
background-color: rgba(255, 255, 255, .1);
border-color: rgba(255, 255, 255, .1)
}
.resale-product-list .btn-back:before,
.page-user-resale-confirm .btn-back:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:991.98px) {
.resale-product-list .btn-back,
.page-user-resale-confirm .btn-back {
top: -5.5rem
}
}
.page-user-resale-confirm .btn-back {
left: 1.5rem
}
.btn-resale,
.js-show-temp-cart {
align-items: center;
background-color: #64bf18;
border-radius: .5rem;
border: 1px solid;
border-color: #64bf18;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
border: none
}
@media(min-width:768px) {
.btn-resale,
.js-show-temp-cart {
display: inline-flex
}
}
.btn-resale:hover,
.js-show-temp-cart:hover {
color: #fff;
background-color: #64bf18;
transform: none;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .05), 0px 1px 5px 0px rgba(0, 0, 0, .03), 0px 2px 15px 0px rgba(0, 0, 0, .03), 0px 5px 24px 0px rgba(0, 0, 0, .07)
}
.btn-resale:disabled:hover,
.btn-resale.unavailable:hover,
.js-show-temp-cart:disabled:hover,
.js-show-temp-cart.unavailable:hover {
box-shadow: none;
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed
}
.js-show-temp-cart {
display: inline-flex;
align-items: center;
margin-left: .5rem
}
.js-show-temp-cart:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.resale-filter {
margin: 1.5rem 0
}
.resale-filter .nav {
display: inline-flex;
flex-wrap: nowrap;
background-color: #f7f9fa;
border: 1px solid #dee2e6;
border-radius: .5rem
}
.resale-filter .nav-item .nav-link {
padding: .75rem 2rem;
color: #76818d;
font-size: .875rem;
position: relative;
border-radius: .5rem;
font-weight: 400
}
.resale-filter .nav-item .nav-link.active {
background-color: #fff;
color: #1882ff;
font-weight: 600;
box-shadow: 0 1.5px 3px rgba(0, 0, 0, .05)
}
.resale-filter .nav-item .nav-link:hover {
background-color: #fff;
color: #1882ff
}
.resale-filter .nav-item .nav-link:not(:first-child):before {
content: "";
position: absolute;
height: 50%;
width: 1px;
display: block;
background-color: rgba(118, 129, 141, .25);
border-radius: 1rem;
top: 50%;
left: 0;
transform: translateY(-50%)
}
.resale-filter-mobile {
position: absolute;
top: 0;
right: 0;
background: rgba(0, 0, 0, 0)
}
.resale-filter-mobile #dropdownMenuButton {
display: flex;
align-items: center;
justify-content: center;
display: inline-flex;
align-items: center;
height: 38px;
width: 38px;
padding: 0;
font-size: 0;
border-radius: 100% !important;
background-color: #f7f9fa;
border: 1px solid #dee2e6
}
.resale-filter-mobile #dropdownMenuButton:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.resale-filter-mobile #dropdownMenuButton:after {
display: none
}
.resale-filter-mobile .dropdown-menu {
min-width: 10rem;
font-size: .75rem
}
.resale-filter-mobile #form-mobile-filter {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
background: #fff;
z-index: 1002;
display: flex;
flex-direction: column;
padding: 1.5rem 1rem 1rem;
border-radius: 1rem 1rem 0 0;
box-shadow: 0px 5px 24px rgba(0, 0, 0, .07), 0px 2px 15px rgba(0, 0, 0, .03), 0px 1px 5px rgba(0, 0, 0, .03), 0px 1px 3px rgba(0, 0, 0, .05)
}
.resale-filter-mobile #form-mobile-filter:before {
content: "";
width: 30px;
height: 3px;
background-color: rgba(118, 129, 141, .25);
position: absolute;
border-radius: 10px;
top: 12px;
left: 50%;
transform: translateX(-50%)
}
.resale-filter-mobile #form-mobile-filter .title {
font-size: 1.75rem;
font-weight: 600;
margin-bottom: 1rem
}
.resale-filter-mobile #form-mobile-filter .btn-close {
position: absolute;
right: 1rem;
top: 1rem;
padding: 0;
background: rgba(0, 0, 0, 0);
display: flex;
align-items: center;
justify-content: center
}
.resale-filter-mobile #form-mobile-filter .btn-close:after {
content: "";
font-family: "hubber8";
font-size: 2rem;
line-height: 1;
font-weight: normal
}
.resale-filter-mobile #form-mobile-filter .form-check {
padding: 0
}
.resale-filter-mobile #form-mobile-filter .form-check:has(input:checked):before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: #1882ff;
border-radius: 8px;
z-index: 0;
top: 0;
left: 0;
opacity: .1
}
.resale-filter-mobile #form-mobile-filter .form-check:not(:last-child) {
margin-bottom: .5rem
}
.resale-filter-mobile #form-mobile-filter .form-check input {
position: absolute;
z-index: -1;
opacity: 0
}
.resale-filter-mobile #form-mobile-filter .form-check .form-check-label {
background: #f6f8f9;
border-radius: .5rem;
padding: .75rem;
font-size: .75rem
}
.resale-filter-mobile #form-mobile-filter .form-check .form-check-label:checked {
background-color: rgba(118, 129, 141, .15)
}
.resale-filter-mobile #form-mobile-filter .form-check .form-check-label:before {
border-radius: 100%;
right: .75rem;
left: auto;
top: 50%;
transform: translateY(-50%);
height: 20px;
width: 20px
}
.resale-filter-mobile #form-mobile-filter .form-check input:checked~.form-check-label {
background: none;
position: relative;
z-index: 4;
font-weight: 600;
color: #1882ff
}
.resale-filter-mobile #form-mobile-filter .form-check input:checked~.form-check-label:before {
border-color: #1882ff
}
.resale-filter-mobile #form-mobile-filter .form-check input:checked~.form-check-label:after {
content: "";
display: block !important;
position: absolute;
right: 17px;
left: auto;
top: 50%;
transform: translateY(-50%);
background-image: none !important;
height: 10px;
width: 10px;
border-radius: 100%;
background-color: #1882ff
}
.resale-filter-mobile #form-mobile-filter .action-wrapper {
padding-top: 1rem;
border-top: 1px solid #dee2e6;
margin-top: 1rem
}
.resale-filter-mobile #form-mobile-filter .action-wrapper .btn {
width: 100%
}
.resale-filter-mobile:has(#form-mobile-filter:not(.d-none)):before {
content: "";
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .3);
z-index: 10
}
.filter-price-wrapper {
padding-top: 3rem
}
.filter-price-wrapper .ui-slider-horizontal {
border: 0 !important;
height: .25rem;
background-color: rgba(118, 129, 141, .25);
margin-bottom: 2rem;
border-radius: 1rem
}
.filter-price-wrapper .ui-slider-horizontal .ui-slider-handle {
height: 1.5rem;
width: 1.5rem;
border: 1px solid #1882ff;
border-radius: 100%;
top: -0.55rem;
cursor: pointer;
outline: none;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 0.5C2.5 0.223858 2.72386 0 3 0C3.27614 0 3.5 0.223858 3.5 0.5V7.5C3.5 7.77614 3.27614 8 3 8C2.72386 8 2.5 7.77614 2.5 7.5V0.5Z' fill='%23E2E5E8'/%3E%3Cpath d='M4.5 0.5C4.5 0.223858 4.72386 0 5 0C5.27614 0 5.5 0.223858 5.5 0.5V7.5C5.5 7.77614 5.27614 8 5 8C4.72386 8 4.5 7.77614 4.5 7.5V0.5Z' fill='%23E2E5E8'/%3E%3Cpath d='M0.5 0.5C0.5 0.223858 0.723858 0 1 0C1.27614 0 1.5 0.223858 1.5 0.5V7.5C1.5 7.77614 1.27614 8 1 8C0.723858 8 0.5 7.77614 0.5 7.5V0.5Z' fill='%23E2E5E8'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center
}
.filter-wrapper .form-item-price-slider {
background-color: #f6f8f9;
border-radius: .5rem;
padding: 2rem 2rem 1.5rem
}
.filter-wrapper .filter-price-wrapper {
padding-top: 0
}
.filter-wrapper .price-container input {
padding-top: 0;
padding-bottom: 0;
height: 2.375rem;
width: 4.5rem;
margin: 0 .5rem
}
.filter-wrapper .label-currency {
margin-left: -1.6rem !important
}
.filter-wrapper .filter-close {
display: inline-flex;
align-items: center;
position: absolute;
top: 1rem;
right: 1rem;
font-size: 0;
color: #76818d
}
.filter-wrapper .filter-close:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(min-width:992px) {
.filter-wrapper .filter-close {
display: none
}
}
.btn-more-filters-mobile.actived:after {
content: "";
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .3);
z-index: 11
}
@media(max-width:991.98px) {
.hide-price-filter {
display: none
}
}
.resale-filters-mobile-wrapper {
position: fixed;
background-color: #fff;
width: 100%;
left: 0;
bottom: 0;
padding: 1.5rem 1rem 1rem;
box-shadow: 0px 12px 24px rgba(0, 0, 0, .03), 0px 7.5px 15px rgba(0, 0, 0, .03), 0px 2.5px 5px rgba(0, 0, 0, .025), 0px 1.5px 3px rgba(0, 0, 0, .015);
border-radius: 1rem 1rem 0 0;
z-index: 11
}
@media(max-width:991.98px) {
.resale-filters-mobile-wrapper:before {
content: "";
background-color: #dee2e6;
height: 3px;
width: 30px;
display: block;
border-radius: .5rem;
position: absolute;
top: .75rem;
left: 50%;
transform: translateX(-50%)
}
}
@media(max-width:991.98px) {
.resale-filters-mobile-wrapper .reset-container,
.resale-filters-mobile-wrapper .quantity-selector-title {
display: none
}
.resale-filters-mobile-wrapper .filter-wrapper-title {
font-weight: initial;
margin-bottom: .5rem
}
}
.resale-filters-mobile-wrapper .filter-mobile {
border-bottom: 1px solid #dee2e6
}
.resale-filters-mobile-wrapper .price-labels-wrapper .form-control {
width: 60px;
margin-left: .5rem
}
.resale-filters-mobile-wrapper .form-item-price-slider {
padding: 1.5rem
}
.resale-filters-mobile-wrapper #resale-filters-mobile {
max-height: 20rem;
overflow: auto;
margin-bottom: 2rem
}
.resale-filters-mobile-wrapper .filter-actions-wrapper {
margin-top: 1rem;
position: relative
}
.resale-filters-mobile-wrapper .filter-actions-wrapper .reset-mob:hover:before {
transform: rotate(0)
}
.resale-filters-mobile-wrapper .filter-actions-wrapper .reset-mob:before {
content: "";
position: absolute;
width: 100vw;
height: 10px;
top: -1.5rem;
left: -1rem;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%)
}
.resale-filters-mobile-wrapper .filter-actions-wrapper .actions {
display: flex;
align-items: center;
justify-content: space-between
}
.resale-filters-mobile-wrapper #panel-other-content .custom-switch {
margin-bottom: .75rem
}
.ticket-content-filters .btn-filter {
position: relative
}
.ticket-content-filters .btn-filter:after {
content: "";
font-family: "hubber8";
position: absolute;
font-size: 1.5rem;
right: 1.5rem;
top: 50%;
transform: translateY(-50%)
}
@media(min-width:992px) {
.ticket-content-filters .btn-filter:after {
right: 1rem
}
}
.hubber-filter-extended-ticketing-mobile-form #edit-price {
border-bottom: 1px solid #dee2e6
}
.hubber-filter-extended-ticketing-mobile-form legend {
padding-top: 1rem;
font-weight: 600
}
.price-summary {
font-weight: 600;
font-size: .75rem;
border: 1px solid #dee2e6;
margin: 0 1rem 3rem;
border-radius: .5rem;
width: calc(100% - 2rem)
}
.price-summary li {
display: flex;
align-items: center;
font-size: .75rem;
justify-content: space-between
}
.price-summary li.bg-white {
background-color: #fff;
padding: .875rem 1.25rem;
margin-bottom: .25rem;
border-radius: 0
}
.price-summary li.bg-white a {
font-weight: normal;
text-decoration: underline;
margin-right: 1.5rem
}
.price-summary li:not(.bg-white):not(.bg-gray) {
margin: 1rem 1.25rem
}
.price-summary li.total {
font-size: 1rem;
padding-top: .875rem;
border-top: 1px solid #dee2e6
}
.price-summary li.font-weight-normal {
font-weight: normal;
justify-content: initial
}
.price-summary li.font-weight-normal .icon-information {
font-size: 0
}
.price-summary li.font-weight-normal .price-title {
order: -1
}
.price-summary li.font-weight-normal .price-value,
.price-summary li.font-weight-normal .js-total-fees {
margin-left: auto
}
.price-summary li.reduced-width .price-title {
display: flex;
justify-content: flex-end
}
@media(min-width:992px) {
.price-summary li.reduced-width .price-title {
width: 70%;
text-align: right
}
}
.price-summary li.reduced-width .price-title .infos {
margin-right: .5rem;
color: #ccd2d9
}
.resale-form {
position: relative
}
.resale-description {
font-size: 1rem
}
.resale-product-list {
font-size: .75rem;
padding: 0;
border-radius: .5rem;
border: 1px solid #dee2e6;
background-color: #fff
}
.resale-product-list.sticky {
position: fixed;
top: var(--main-content-top);
width: 100%;
background: var(--hb-main);
z-index: 6;
padding: 1rem 0 1.5rem 0;
border: 0;
border-radius: 0
}
.menu-reduced .resale-product-list.sticky {
left: 3.5rem;
width: calc(100% - 3.5rem)
}
.resale-product-list.sticky .resale-product-list-item {
max-width: 100%;
background-color: #fff;
border-radius: .5rem;
border: 1px solid #dee2e6
}
.resale-product-list-item {
margin-bottom: 0;
overflow: hidden;
border-bottom: 1px solid #dee2e6
}
.resale-product-list-item a.btn-resale {
width: 100%;
text-transform: none;
padding: .5rem 1rem .5rem .75rem;
border-radius: .5rem !important;
height: 100%
}
.resale-product-list-item:last-child {
border-bottom: 0
}
.resale-product-list-item.all-sold .resale-product-title-wrapper,
.resale-product-list-item.all-sold .resale-product-date,
.resale-product-list-item.all-sold .resale-product-venue,
.resale-product-list-item.all-sold .resale-product-quantity {
opacity: .5
}
.resale-product-list-item.all-sold .all-sold-info-wrapper {
text-align: right
}
.resale-product-list-item.all-sold .all-sold-info-wrapper .all-tickets-sold-info {
display: flex !important;
color: #0b873c;
font-weight: 600;
justify-content: flex-end;
display: inline-flex;
align-items: center;
margin-before: .5rem
}
.resale-product-list-item.all-sold .all-sold-info-wrapper .all-tickets-sold-info:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.resale-product-list-item.all-sold .all-sold-info-wrapper .all-tickets-sold-info:after {
color: inherit
}
.resale-product-list-item.all-sold .all-sold-info-wrapper .total-price {
font-weight: 600
}
.resale-product-list-item.all-sold .all-sold-info-wrapper .resale-action-detail-all-sold {
width: auto;
text-decoration: underline
}
.resale-product-list-item.all-sold .all-sold-info-wrapper .resale-action-detail-all-sold:after {
display: none
}
@media(max-width:991.98px) {
.resale-product-list-item.has-participants .resale-product-title {
display: none
}
}
.resale-product-list-item.only-one .ebillet-item .resale-product-quantity>span:after,
.resale-product-list-item.in_sell:not(.resalable) .ebillet-item .resale-product-quantity>span:after {
content: "";
transform: translateY(-50%);
mask-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.2587 10.2144C1.05546 10.4177 1.06514 10.7251 1.24131 10.9012L2.46104 12.121C3.41348 11.7493 4.53321 11.9336 5.29981 12.7002C6.06641 13.4668 6.25067 14.5865 5.87905 15.539L7.09877 16.7587C7.27495 16.9349 7.58234 16.9445 7.78558 16.7413L16.7413 7.78558C16.9445 7.58234 16.9349 7.27495 16.7587 7.09877L15.5335 5.87362C14.585 6.23611 13.4743 6.04941 12.7124 5.28755C11.9506 4.52569 11.7639 3.41499 12.1264 2.46646L10.9012 1.24131C10.7251 1.06514 10.4177 1.05546 10.2144 1.2587L1.2587 10.2144ZM0.458076 11.6845C-0.16803 11.0584 -0.142784 10.0494 0.475459 9.43119L9.43119 0.475459C10.0494 -0.142785 11.0584 -0.168029 11.6845 0.458077L13.1852 1.95886C13.3629 2.13655 13.3987 2.4116 13.2724 2.62885C12.918 3.23842 13.0006 4.00925 13.4957 4.50432C13.9907 4.99938 14.7616 5.08199 15.3712 4.72758C15.5884 4.60127 15.8635 4.63706 16.0411 4.81475L17.5419 6.31553C18.168 6.94164 18.1428 7.95057 17.5245 8.56881L8.56881 17.5245C7.95057 18.1428 6.94164 18.168 6.31553 17.5419L4.81794 16.0443C4.63905 15.8654 4.60412 15.5881 4.73309 15.3704C5.09526 14.7592 5.01476 13.9816 4.51657 13.4834C4.01838 12.9852 3.24085 12.9047 2.6296 13.2669C2.41195 13.3959 2.13456 13.361 1.95567 13.1821L0.458076 11.6845Z' fill='%2376818D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.51732 6.65032C3.66151 6.50613 3.89529 6.50613 4.03948 6.65032L4.49637 7.10721C4.64056 7.2514 4.64056 7.48518 4.49637 7.62937C4.35218 7.77356 4.1184 7.77356 3.97421 7.62937L3.51732 7.17248C3.37313 7.02829 3.37313 6.79451 3.51732 6.65032ZM4.88799 8.02099C5.03218 7.8768 5.26595 7.8768 5.41014 8.02099L6.32392 8.93476C6.46811 9.07895 6.46811 9.31273 6.32392 9.45692C6.17973 9.60111 5.94595 9.60111 5.80176 9.45692L4.88799 8.54314C4.7438 8.39895 4.7438 8.16518 4.88799 8.02099ZM6.71554 9.84854C6.85973 9.70435 7.09351 9.70435 7.2377 9.84854L8.15147 10.7623C8.29566 10.9065 8.29566 11.1403 8.15147 11.2845C8.00728 11.4287 7.7735 11.4287 7.62931 11.2845L6.71554 10.3707C6.57135 10.2265 6.57135 9.99273 6.71554 9.84854ZM8.54309 11.6761C8.68728 11.5319 8.92106 11.5319 9.06525 11.6761L9.97902 12.5899C10.1232 12.7341 10.1232 12.9678 9.97902 13.112C9.83483 13.2562 9.60106 13.2562 9.45687 13.112L8.54309 12.1982C8.3989 12.0541 8.3989 11.8203 8.54309 11.6761ZM10.3706 13.5036C10.5148 13.3595 10.7486 13.3595 10.8928 13.5036L11.3497 13.9605C11.4939 14.1047 11.4939 14.3385 11.3497 14.4827C11.2055 14.6269 10.9717 14.6269 10.8275 14.4827L10.3706 14.0258C10.2265 13.8816 10.2265 13.6478 10.3706 13.5036Z' fill='%2376818D'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.2587 10.2144C1.05546 10.4177 1.06514 10.7251 1.24131 10.9012L2.46104 12.121C3.41348 11.7493 4.53321 11.9336 5.29981 12.7002C6.06641 13.4668 6.25067 14.5865 5.87905 15.539L7.09877 16.7587C7.27495 16.9349 7.58234 16.9445 7.78558 16.7413L16.7413 7.78558C16.9445 7.58234 16.9349 7.27495 16.7587 7.09877L15.5335 5.87362C14.585 6.23611 13.4743 6.04941 12.7124 5.28755C11.9506 4.52569 11.7639 3.41499 12.1264 2.46646L10.9012 1.24131C10.7251 1.06514 10.4177 1.05546 10.2144 1.2587L1.2587 10.2144ZM0.458076 11.6845C-0.16803 11.0584 -0.142784 10.0494 0.475459 9.43119L9.43119 0.475459C10.0494 -0.142785 11.0584 -0.168029 11.6845 0.458077L13.1852 1.95886C13.3629 2.13655 13.3987 2.4116 13.2724 2.62885C12.918 3.23842 13.0006 4.00925 13.4957 4.50432C13.9907 4.99938 14.7616 5.08199 15.3712 4.72758C15.5884 4.60127 15.8635 4.63706 16.0411 4.81475L17.5419 6.31553C18.168 6.94164 18.1428 7.95057 17.5245 8.56881L8.56881 17.5245C7.95057 18.1428 6.94164 18.168 6.31553 17.5419L4.81794 16.0443C4.63905 15.8654 4.60412 15.5881 4.73309 15.3704C5.09526 14.7592 5.01476 13.9816 4.51657 13.4834C4.01838 12.9852 3.24085 12.9047 2.6296 13.2669C2.41195 13.3959 2.13456 13.361 1.95567 13.1821L0.458076 11.6845Z' fill='%2376818D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.51732 6.65032C3.66151 6.50613 3.89529 6.50613 4.03948 6.65032L4.49637 7.10721C4.64056 7.2514 4.64056 7.48518 4.49637 7.62937C4.35218 7.77356 4.1184 7.77356 3.97421 7.62937L3.51732 7.17248C3.37313 7.02829 3.37313 6.79451 3.51732 6.65032ZM4.88799 8.02099C5.03218 7.8768 5.26595 7.8768 5.41014 8.02099L6.32392 8.93476C6.46811 9.07895 6.46811 9.31273 6.32392 9.45692C6.17973 9.60111 5.94595 9.60111 5.80176 9.45692L4.88799 8.54314C4.7438 8.39895 4.7438 8.16518 4.88799 8.02099ZM6.71554 9.84854C6.85973 9.70435 7.09351 9.70435 7.2377 9.84854L8.15147 10.7623C8.29566 10.9065 8.29566 11.1403 8.15147 11.2845C8.00728 11.4287 7.7735 11.4287 7.62931 11.2845L6.71554 10.3707C6.57135 10.2265 6.57135 9.99273 6.71554 9.84854ZM8.54309 11.6761C8.68728 11.5319 8.92106 11.5319 9.06525 11.6761L9.97902 12.5899C10.1232 12.7341 10.1232 12.9678 9.97902 13.112C9.83483 13.2562 9.60106 13.2562 9.45687 13.112L8.54309 12.1982C8.3989 12.0541 8.3989 11.8203 8.54309 11.6761ZM10.3706 13.5036C10.5148 13.3595 10.7486 13.3595 10.8928 13.5036L11.3497 13.9605C11.4939 14.1047 11.4939 14.3385 11.3497 14.4827C11.2055 14.6269 10.9717 14.6269 10.8275 14.4827L10.3706 14.0258C10.2265 13.8816 10.2265 13.6478 10.3706 13.5036Z' fill='%2376818D'/%3E%3C/svg%3E");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-position: center;
mask-size: contain;
-webkit-mask-size: contain
}
.resale-product-list-item.only-one .ebillet-item .resale-product-quantity s,
.resale-product-list-item.in_sell:not(.resalable) .ebillet-item .resale-product-quantity s {
color: #76818d
}
.resale-product-list-item .ebillet-item {
padding: 1.5rem;
gap: 1rem;
transition: none;
position: relative
}
@media(max-width:991.98px) {
.resale-product-list-item .ebillet-item {
padding: 1rem
}
}
.resale-product-list-item .ebillet-item .resale-product-content {
display: flex;
flex-direction: column;
gap: .25rem;
flex: 1
}
.resale-product-list-item .ebillet-item .resale-product-content-info {
display: flex;
column-gap: .5rem;
flex-wrap: wrap
}
.resale-product-list-item .ebillet-item .resale-product-date {
display: flex;
flex-direction: row;
gap: .5em;
color: #76818d;
font-weight: 100
}
.resale-product-list-item .ebillet-item .resale-product-venue {
display: flex;
flex-direction: row;
gap: .5rem;
color: #76818d;
font-weight: 100
}
@media(max-width:767.98px) {
.resale-product-list-item .ebillet-item .resale-product-venue {
flex-direction: column;
gap: 0
}
}
.resale-product-list-item .ebillet-item .resale-product-title {
font-size: .875rem;
font-weight: 600;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin: 0;
flex: none
}
@media(max-width:991.98px) {
.resale-product-list-item .ebillet-item .resale-product-title {
font-size: .75rem
}
}
.resale-product-list-item .ebillet-item .resale-product-title-wrapper {
display: flex;
margin: 0;
align-items: flex-start;
gap: 1rem;
flex: 4
}
@media(max-width:767.98px) {
.resale-product-list-item .ebillet-item .resale-product-title-wrapper {
gap: .5rem
}
}
@media(max-width:320px) {
.resale-product-list-item .ebillet-item .resale-product-title-wrapper {
flex-direction: column;
gap: .5rem
}
}
.resale-product-list-item .ebillet-item .resale-product-title .participant {
width: auto
}
.resale-product-list-item .ebillet-item .resale-product-visual {
max-width: 6rem;
width: 6rem;
height: 3rem;
overflow: hidden
}
@media(max-width:991.98px) {
.resale-product-list-item .ebillet-item .resale-product-visual {
max-width: 3rem;
width: 3rem
}
}
.resale-product-list-item .ebillet-item .resale-product-visual:has(img) img {
width: auto;
height: auto;
max-height: 100%;
max-width: 100%
}
.resale-product-list-item .ebillet-item .resale-product-visual:not(:has(>*)) {
max-width: 6rem;
width: 6rem;
height: 3rem;
display: flex;
align-items: flex-start;
overflow: hidden;
background: #e2e5e8;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.2587 10.2144C1.05546 10.4177 1.06514 10.7251 1.24131 10.9012L2.46104 12.121C3.41348 11.7493 4.53321 11.9336 5.29981 12.7002C6.06641 13.4668 6.25067 14.5865 5.87905 15.539L7.09877 16.7587C7.27495 16.9349 7.58234 16.9445 7.78558 16.7413L16.7413 7.78558C16.9445 7.58234 16.9349 7.27495 16.7587 7.09877L15.5335 5.87362C14.585 6.23611 13.4743 6.04941 12.7124 5.28755C11.9506 4.52569 11.7639 3.41499 12.1264 2.46646L10.9012 1.24131C10.7251 1.06514 10.4177 1.05546 10.2144 1.2587L1.2587 10.2144ZM0.458076 11.6845C-0.16803 11.0584 -0.142784 10.0494 0.475459 9.43119L9.43119 0.475459C10.0494 -0.142785 11.0584 -0.168029 11.6845 0.458077L13.1852 1.95886C13.3629 2.13655 13.3987 2.4116 13.2724 2.62885C12.918 3.23842 13.0006 4.00925 13.4957 4.50432C13.9907 4.99938 14.7616 5.08199 15.3712 4.72758C15.5884 4.60127 15.8635 4.63706 16.0411 4.81475L17.5419 6.31553C18.168 6.94164 18.1428 7.95057 17.5245 8.56881L8.56881 17.5245C7.95057 18.1428 6.94164 18.168 6.31553 17.5419L4.81794 16.0443C4.63905 15.8654 4.60412 15.5881 4.73309 15.3704C5.09526 14.7592 5.01476 13.9816 4.51657 13.4834C4.01838 12.9852 3.24085 12.9047 2.6296 13.2669C2.41195 13.3959 2.13456 13.361 1.95567 13.1821L0.458076 11.6845Z' fill='%2376818D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.51732 6.65032C3.66151 6.50613 3.89529 6.50613 4.03948 6.65032L4.49637 7.10721C4.64056 7.2514 4.64056 7.48518 4.49637 7.62937C4.35218 7.77356 4.1184 7.77356 3.97421 7.62937L3.51732 7.17248C3.37313 7.02829 3.37313 6.79451 3.51732 6.65032ZM4.88799 8.02099C5.03218 7.8768 5.26595 7.8768 5.41014 8.02099L6.32392 8.93476C6.46811 9.07895 6.46811 9.31273 6.32392 9.45692C6.17973 9.60111 5.94595 9.60111 5.80176 9.45692L4.88799 8.54314C4.7438 8.39895 4.7438 8.16518 4.88799 8.02099ZM6.71554 9.84854C6.85973 9.70435 7.09351 9.70435 7.2377 9.84854L8.15147 10.7623C8.29566 10.9065 8.29566 11.1403 8.15147 11.2845C8.00728 11.4287 7.7735 11.4287 7.62931 11.2845L6.71554 10.3707C6.57135 10.2265 6.57135 9.99273 6.71554 9.84854ZM8.54309 11.6761C8.68728 11.5319 8.92106 11.5319 9.06525 11.6761L9.97902 12.5899C10.1232 12.7341 10.1232 12.9678 9.97902 13.112C9.83483 13.2562 9.60106 13.2562 9.45687 13.112L8.54309 12.1982C8.3989 12.0541 8.3989 11.8203 8.54309 11.6761ZM10.3706 13.5036C10.5148 13.3595 10.7486 13.3595 10.8928 13.5036L11.3497 13.9605C11.4939 14.1047 11.4939 14.3385 11.3497 14.4827C11.2055 14.6269 10.9717 14.6269 10.8275 14.4827L10.3706 14.0258C10.2265 13.8816 10.2265 13.6478 10.3706 13.5036Z' fill='%2376818D'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
border-radius: 6px
}
@media(max-width:991.98px) {
.resale-product-list-item .ebillet-item .resale-product-visual:not(:has(>*)) {
max-width: 3rem;
width: 3rem
}
}
.resale-product-list-item .ebillet-item .resale-product-visual .participants-wrapper {
height: 100%
}
.resale-product-list-item .ebillet-item .resale-product-visual .participants-wrapper .separator {
display: none
}
.resale-product-list-item .ebillet-item .resale-product-action {
flex-basis: 10rem;
align-self: center;
text-align: right
}
@media(max-width:991.98px) {
.resale-product-list-item .ebillet-item .resale-product-action {
padding: 0;
flex-basis: 0
}
}
.resale-product-list-item .ebillet-item .resale-product-action a:not(.resale-action-detail) {
width: auto;
min-height: 2.5rem;
min-width: 7rem;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.resale-product-list-item .ebillet-item .resale-product-action a:not(.resale-action-detail):before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:991.98px) {
.resale-product-list-item .ebillet-item .resale-product-action a:not(.resale-action-detail) {
width: 2rem;
height: 2rem;
min-height: auto;
min-width: auto;
border-radius: .5rem !important;
overflow: hidden;
position: relative;
padding: 0;
font-size: 0
}
.resale-product-list-item .ebillet-item .resale-product-action a:not(.resale-action-detail):before {
margin-right: 0
}
}
.resale-product-list-item .ebillet-item .resale-product-action a.resale-action-detail {
white-space: nowrap;
text-align: right;
text-decoration: underline;
color: var(--hb-link);
font-weight: normal;
position: absolute;
right: 1.5rem;
width: 100%;
height: 100%;
top: 0;
display: inline-flex;
justify-content: flex-end;
align-items: center;
left: 0;
padding-right: 3rem;
display: inline-flex;
align-items: center;
margin-left: .5rem
}
.resale-product-list-item .ebillet-item .resale-product-action a.resale-action-detail:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.resale-product-list-item .ebillet-item .resale-product-action a.resale-action-detail:after {
position: absolute;
right: 1.5rem;
overflow: hidden
}
@media(max-width:991.98px) {
.resale-product-list-item .ebillet-item .resale-product-action a.resale-action-detail {
font-size: 0;
text-decoration: none;
color: inherit;
padding-right: 1rem;
width: 100%;
height: 100%;
margin: 0
}
.resale-product-list-item .ebillet-item .resale-product-action a.resale-action-detail:after {
right: auto;
margin-left: 0
}
.resale-product-list-item .ebillet-item .resale-product-action a.resale-action-detail:before {
margin-left: 0
}
}
.resale-product-list-item .ebillet-item .resale-product-quantity {
display: flex;
flex-direction: column;
text-transform: capitalize;
padding: 0 2rem;
white-space: nowrap;
align-items: flex-end;
position: relative;
flex: 1
}
.resale-product-list-item .ebillet-item .resale-product-quantity>span:after {
content: "";
background-color: var(--hb-btn-resale-background-color);
width: 22px;
height: 22px;
position: absolute;
right: -2rem;
top: 50%;
transform: translateY(-50%);
mask-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.41014 8.02099C5.26595 7.8768 5.03218 7.8768 4.88799 8.02099C4.7438 8.16518 4.7438 8.39895 4.88799 8.54314L5.80176 9.45692C5.94595 9.60111 6.17973 9.60111 6.32392 9.45692C6.46811 9.31273 6.46811 9.07895 6.32392 8.93476L5.41014 8.02099Z' fill='%231882FF'/%3E%3Cpath d='M7.2377 9.84854C7.09351 9.70435 6.85973 9.70435 6.71554 9.84854C6.57135 9.99273 6.57135 10.2265 6.71554 10.3707L7.62931 11.2845C7.7735 11.4287 8.00728 11.4287 8.15147 11.2845C8.29566 11.1403 8.29566 10.9065 8.15147 10.7623L7.2377 9.84854Z' fill='%231882FF'/%3E%3Cpath d='M9.06525 11.6761C8.92106 11.5319 8.68728 11.5319 8.54309 11.6761C8.3989 11.8203 8.3989 12.0541 8.54309 12.1982L9.45687 13.112C9.60106 13.2562 9.83483 13.2562 9.97902 13.112C10.1232 12.9678 10.1232 12.7341 9.97902 12.5899L9.06525 11.6761Z' fill='%231882FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.458076 11.6845C-0.16803 11.0584 -0.142784 10.0494 0.475459 9.43119L9.43119 0.475459C10.0494 -0.142785 11.0584 -0.168029 11.6845 0.458076L13.1852 1.95886C13.3629 2.13655 13.3987 2.4116 13.2724 2.62885C12.918 3.23842 13.0006 4.00925 13.4957 4.50432C13.9907 4.99938 14.7616 5.08199 15.3712 4.72758C15.5884 4.60127 15.8635 4.63706 16.0411 4.81475L17.5419 6.31553C18.168 6.94164 18.1428 7.95057 17.5245 8.56881L10.324 15.7694L18.0075 12.5868C18.369 12.437 18.4594 12.1098 18.3812 11.9211L17.6246 10.0945C17.5189 9.83938 17.6401 9.5469 17.8952 9.44122C18.1503 9.33555 18.4428 9.4567 18.5485 9.71182L19.3051 11.5384C19.6378 12.3415 19.1512 13.1954 18.3902 13.5107L9.96825 16.9991H18.4C18.7913 16.9991 19 16.7314 19 16.5271V14.55C19 14.2739 19.2239 14.05 19.5 14.05C19.7761 14.05 20 14.2739 20 14.55V16.5271C20 17.3964 19.2237 17.9991 18.4 17.9991H7.5L7.48421 17.9989C7.06357 18.0146 6.63859 17.865 6.31553 17.5419L4.81794 16.0443C4.63905 15.8654 4.60412 15.5881 4.73309 15.3704C5.09526 14.7592 5.01476 13.9816 4.51657 13.4834C4.01838 12.9852 3.24085 12.9047 2.6296 13.2669C2.41195 13.3959 2.13456 13.361 1.95567 13.1821L0.458076 11.6845ZM1.2587 10.2144C1.05546 10.4177 1.06514 10.7251 1.24131 10.9012L2.46104 12.121C3.41348 11.7493 4.53321 11.9336 5.29981 12.7002C6.06641 13.4668 6.25067 14.5865 5.87905 15.539L7.09877 16.7587C7.27494 16.9349 7.58234 16.9445 7.78558 16.7413L10.4359 14.091L10.3706 14.0258C10.2265 13.8816 10.2265 13.6478 10.3706 13.5036C10.5148 13.3595 10.7486 13.3595 10.8928 13.5036L10.958 13.5689L16.7413 7.78558C16.9445 7.58234 16.9349 7.27495 16.7587 7.09877L15.5335 5.87362C14.585 6.23611 13.4743 6.04941 12.7124 5.28755C11.9506 4.52569 11.7639 3.41499 12.1264 2.46646L10.9012 1.24131C10.7251 1.06514 10.4177 1.05546 10.2144 1.2587L4.43114 7.04198L4.49637 7.10721C4.64056 7.2514 4.64056 7.48518 4.49637 7.62937C4.35218 7.77356 4.1184 7.77356 3.97421 7.62937L3.90898 7.56414L1.2587 10.2144Z' fill='%231882FF'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.41014 8.02099C5.26595 7.8768 5.03218 7.8768 4.88799 8.02099C4.7438 8.16518 4.7438 8.39895 4.88799 8.54314L5.80176 9.45692C5.94595 9.60111 6.17973 9.60111 6.32392 9.45692C6.46811 9.31273 6.46811 9.07895 6.32392 8.93476L5.41014 8.02099Z' fill='%231882FF'/%3E%3Cpath d='M7.2377 9.84854C7.09351 9.70435 6.85973 9.70435 6.71554 9.84854C6.57135 9.99273 6.57135 10.2265 6.71554 10.3707L7.62931 11.2845C7.7735 11.4287 8.00728 11.4287 8.15147 11.2845C8.29566 11.1403 8.29566 10.9065 8.15147 10.7623L7.2377 9.84854Z' fill='%231882FF'/%3E%3Cpath d='M9.06525 11.6761C8.92106 11.5319 8.68728 11.5319 8.54309 11.6761C8.3989 11.8203 8.3989 12.0541 8.54309 12.1982L9.45687 13.112C9.60106 13.2562 9.83483 13.2562 9.97902 13.112C10.1232 12.9678 10.1232 12.7341 9.97902 12.5899L9.06525 11.6761Z' fill='%231882FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.458076 11.6845C-0.16803 11.0584 -0.142784 10.0494 0.475459 9.43119L9.43119 0.475459C10.0494 -0.142785 11.0584 -0.168029 11.6845 0.458076L13.1852 1.95886C13.3629 2.13655 13.3987 2.4116 13.2724 2.62885C12.918 3.23842 13.0006 4.00925 13.4957 4.50432C13.9907 4.99938 14.7616 5.08199 15.3712 4.72758C15.5884 4.60127 15.8635 4.63706 16.0411 4.81475L17.5419 6.31553C18.168 6.94164 18.1428 7.95057 17.5245 8.56881L10.324 15.7694L18.0075 12.5868C18.369 12.437 18.4594 12.1098 18.3812 11.9211L17.6246 10.0945C17.5189 9.83938 17.6401 9.5469 17.8952 9.44122C18.1503 9.33555 18.4428 9.4567 18.5485 9.71182L19.3051 11.5384C19.6378 12.3415 19.1512 13.1954 18.3902 13.5107L9.96825 16.9991H18.4C18.7913 16.9991 19 16.7314 19 16.5271V14.55C19 14.2739 19.2239 14.05 19.5 14.05C19.7761 14.05 20 14.2739 20 14.55V16.5271C20 17.3964 19.2237 17.9991 18.4 17.9991H7.5L7.48421 17.9989C7.06357 18.0146 6.63859 17.865 6.31553 17.5419L4.81794 16.0443C4.63905 15.8654 4.60412 15.5881 4.73309 15.3704C5.09526 14.7592 5.01476 13.9816 4.51657 13.4834C4.01838 12.9852 3.24085 12.9047 2.6296 13.2669C2.41195 13.3959 2.13456 13.361 1.95567 13.1821L0.458076 11.6845ZM1.2587 10.2144C1.05546 10.4177 1.06514 10.7251 1.24131 10.9012L2.46104 12.121C3.41348 11.7493 4.53321 11.9336 5.29981 12.7002C6.06641 13.4668 6.25067 14.5865 5.87905 15.539L7.09877 16.7587C7.27494 16.9349 7.58234 16.9445 7.78558 16.7413L10.4359 14.091L10.3706 14.0258C10.2265 13.8816 10.2265 13.6478 10.3706 13.5036C10.5148 13.3595 10.7486 13.3595 10.8928 13.5036L10.958 13.5689L16.7413 7.78558C16.9445 7.58234 16.9349 7.27495 16.7587 7.09877L15.5335 5.87362C14.585 6.23611 13.4743 6.04941 12.7124 5.28755C11.9506 4.52569 11.7639 3.41499 12.1264 2.46646L10.9012 1.24131C10.7251 1.06514 10.4177 1.05546 10.2144 1.2587L4.43114 7.04198L4.49637 7.10721C4.64056 7.2514 4.64056 7.48518 4.49637 7.62937C4.35218 7.77356 4.1184 7.77356 3.97421 7.62937L3.90898 7.56414L1.2587 10.2144Z' fill='%231882FF'/%3E%3C/svg%3E");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-position: center;
mask-size: contain;
-webkit-mask-size: contain
}
.resale-product-list-item .ebillet-item .resale-product-quantity span {
display: flex;
flex-direction: row;
gap: .25rem;
position: relative
}
.resale-product-list-item .ebillet-item .resale-product-quantity s {
color: #76818d
}
@media(max-width:991.98px) {
.resale-product-list-item .ebillet-item .resale-product-quantity {
margin-right: 0;
padding: 0 1.75rem 0 0;
flex: 0;
color: var(--hb-btn-resale-background-color)
}
.resale-product-list-item .ebillet-item .resale-product-quantity>span:after {
right: -1.75rem
}
.resale-product-list-item .ebillet-item .resale-product-quantity:has(+.resale-product-action .js-toggle-detail) {
padding-right: 3.5rem
}
}
.resale-product-list-item .ebillet-item.showed:after {
content: "";
height: 1px;
background-color: #dee2e6;
width: auto;
position: absolute;
bottom: 0;
right: 1.5rem;
left: 1.5rem;
margin: auto;
opacity: .5
}
@media(max-width:991.98px) {
.resale-product-list-item {
flex-direction: column;
align-items: flex-start
}
.resale-product-list-item .resale-product-visual img {
height: auto
}
.resale-product-list-item .resale-product-visual .participants-wrapper img {
max-height: 6rem;
margin-top: 1rem
}
.resale-product-list-item .resale-detail-item {
line-height: 1.75;
flex-wrap: wrap
}
.resale-product-list-item .resale-detail-item .css-title-resale,
.resale-product-list-item .resale-detail-item .price {
width: auto
}
.resale-product-list-item .resale-detail-item .actions {
display: flex;
flex-direction: column;
padding: .5rem 0 0 0
}
}
.resale-product-list-wrapper {
margin-bottom: 3rem;
border: none
}
.resale-detail-list {
padding: 1.5rem
}
@media(max-width:991.98px) {
.resale-detail-list {
padding: 1rem
}
}
.resale-detail-item {
padding: .75rem 1rem;
border-radius: .5rem;
margin: .625rem 0;
display: flex;
justify-content: space-between;
align-items: center
}
.resale-detail-item .title {
font-weight: 600
}
.resale-detail-item:first-child {
margin-top: 0
}
.resale-detail-item:last-child {
margin-bottom: 0
}
.resale-detail-item.top_listing .quantity {
color: #cea236;
display: flex;
align-items: center
}
.resale-detail-item.top_listing .quantity em {
margin-right: .25rem
}
.resale-detail-item.top_listing .quantity .css-star {
display: inline-flex;
align-items: center;
margin-left: .5rem
}
.resale-detail-item.top_listing .quantity .css-star:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.resale-detail-item.top_listing .quantity .css-star:after {
color: #cea236
}
.resale-detail-item .quantity {
font-weight: 600;
min-width: 5rem
}
.resale-detail-item .date {
min-width: 13rem
}
.resale-detail-item .price {
font-weight: 600
}
@media(min-width:992px) {
.resale-detail-item .price {
flex: 0 0 4rem
}
}
.resale-detail-item .actions a {
text-decoration: underline;
color: var(--hb-link)
}
@media(min-width:992px) {
.resale-detail-item .actions a {
margin-left: 1.5rem
}
}
@media(min-width:768px) {
.resale-detail-item .actions {
min-width: 14rem
}
}
@media(min-width:992px) {
.resale-detail-item .actions {
text-align: right;
flex: 0 0 15rem
}
}
.resale-detail-item .status {
font-weight: 600;
position: relative;
display: flex;
align-items: center
}
@media(min-width:992px) {
.resale-detail-item .status {
width: 10rem
}
}
@media(max-width:991.98px) {
.resale-detail-item .quantity,
.resale-detail-item .status,
.resale-detail-item .actions {
flex: 0 0 100%
}
}
.resale-detail-item.suspended {
background-color: #fff7ec
}
.resale-detail-item.suspended .status {
color: #f18400
}
.resale-detail-item.suspended .status:before {
content: "";
font-family: "hubber8";
margin-right: .5rem;
font-size: 1.5rem;
display: inline-block;
line-height: 1;
vertical-align: middle
}
.resale-detail-item.sold {
background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%), #64bf18
}
.resale-detail-item.sold .status {
color: #64bf18
}
.resale-detail-item.sold .status:before {
content: "";
font-family: "hubber8";
margin-right: .5rem;
font-size: 1.5rem;
display: inline-block;
line-height: 1;
vertical-align: middle
}
.resale-detail-item.in_sell {
background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%), #1882ff
}
.resale-detail-item.in_sell .status {
color: #1882ff
}
.resale-detail-item.in_sell .status:before {
content: "";
width: 24px;
height: 24px;
margin-right: .25rem;
display: inline-block;
line-height: 1;
vertical-align: middle;
background-color: #1882ff;
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.3698 12.3354C4.88895 12.8162 4.86931 13.6009 5.35628 14.0879L6.52107 15.2527C6.66022 15.3919 6.87596 15.419 7.04525 15.3187C7.52066 15.037 8.12541 15.0996 8.51289 15.4871C8.90037 15.8746 8.96298 16.4793 8.68129 16.9548C8.58098 17.124 8.60815 17.3398 8.74729 17.4789L9.91208 18.6437C10.3991 19.1307 11.1838 19.1111 11.6646 18.6302L18.6302 11.6646C19.1111 11.1838 19.1307 10.3991 18.6437 9.91208L17.4764 8.74481C17.3382 8.6066 17.1243 8.57877 16.9553 8.67701C16.4812 8.95266 15.8817 8.88841 15.4966 8.50336C15.1116 8.11831 15.0473 7.51877 15.323 7.04466C15.4212 6.87569 15.3934 6.66176 15.2552 6.52355L14.0879 5.35628C13.6009 4.86931 12.8162 4.88895 12.3354 5.3698L5.3698 12.3354ZM10.7626 10.7626C10.4209 11.1043 9.86684 11.1043 9.52513 10.7626C9.18343 10.4209 9.18343 9.86684 9.52513 9.52513C9.86684 9.18342 10.4209 9.18342 10.7626 9.52513C11.1043 9.86684 11.1043 10.4209 10.7626 10.7626ZM12.6187 12.6187C12.277 12.9604 11.723 12.9604 11.3813 12.6187C11.0396 12.277 11.0396 11.723 11.3813 11.3813C11.723 11.0396 12.277 11.0396 12.6187 11.3813C12.9604 11.723 12.9604 12.277 12.6187 12.6187ZM13.2374 14.4749C13.5792 14.8166 14.1332 14.8166 14.4749 14.4749C14.8166 14.1332 14.8166 13.5792 14.4749 13.2374C14.1332 12.8957 13.5792 12.8957 13.2374 13.2374C12.8957 13.5792 12.8957 14.1332 13.2374 14.4749Z' fill='%2376818D'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.3698 12.3354C4.88895 12.8162 4.86931 13.6009 5.35628 14.0879L6.52107 15.2527C6.66022 15.3919 6.87596 15.419 7.04525 15.3187C7.52066 15.037 8.12541 15.0996 8.51289 15.4871C8.90037 15.8746 8.96298 16.4793 8.68129 16.9548C8.58098 17.124 8.60815 17.3398 8.74729 17.4789L9.91208 18.6437C10.3991 19.1307 11.1838 19.1111 11.6646 18.6302L18.6302 11.6646C19.1111 11.1838 19.1307 10.3991 18.6437 9.91208L17.4764 8.74481C17.3382 8.6066 17.1243 8.57877 16.9553 8.67701C16.4812 8.95266 15.8817 8.88841 15.4966 8.50336C15.1116 8.11831 15.0473 7.51877 15.323 7.04466C15.4212 6.87569 15.3934 6.66176 15.2552 6.52355L14.0879 5.35628C13.6009 4.86931 12.8162 4.88895 12.3354 5.3698L5.3698 12.3354ZM10.7626 10.7626C10.4209 11.1043 9.86684 11.1043 9.52513 10.7626C9.18343 10.4209 9.18343 9.86684 9.52513 9.52513C9.86684 9.18342 10.4209 9.18342 10.7626 9.52513C11.1043 9.86684 11.1043 10.4209 10.7626 10.7626ZM12.6187 12.6187C12.277 12.9604 11.723 12.9604 11.3813 12.6187C11.0396 12.277 11.0396 11.723 11.3813 11.3813C11.723 11.0396 12.277 11.0396 12.6187 11.3813C12.9604 11.723 12.9604 12.277 12.6187 12.6187ZM13.2374 14.4749C13.5792 14.8166 14.1332 14.8166 14.4749 14.4749C14.8166 14.1332 14.8166 13.5792 14.4749 13.2374C14.1332 12.8957 13.5792 12.8957 13.2374 13.2374C12.8957 13.5792 12.8957 14.1332 13.2374 14.4749Z' fill='%2376818D'/%3E%3C/svg%3E");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-position: center;
mask-size: contain;
-webkit-mask-size: contain
}
.resale-detail-item.in_basket {
color: #76818d
}
.resale-detail-item.in_basket .status {
color: #f18400
}
.resale-detail-item.in_basket .i-info:after {
content: "";
font-family: "hubber8";
font-size: 1.75rem;
line-height: 1;
margin-left: .5rem;
color: #f18400
}
.resale-detail-item.in_basket .i-lock:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
line-height: 1;
color: #76818d
}
.resale-detail-item.resalable {
background-color: #f6f8f9
}
.resale-detail-item.resalable .status {
width: fit-content
}
.resale-detail-item.resalable .status:before {
content: "";
margin-right: .25rem;
display: inline-block;
vertical-align: middle;
font-family: "hubber8";
font-size: 2rem;
line-height: 0;
font-weight: normal
}
.resale-detail-item.resalable .actions a {
width: auto;
text-decoration: none
}
@media(max-width:991.98px) {
.resale-detail-item.resalable {
justify-content: flex-start;
gap: .075rem
}
.resale-detail-item.resalable .quantity,
.resale-detail-item.resalable .status {
flex: inherit;
min-width: inherit
}
.resale-detail-item.resalable .quantity:before,
.resale-detail-item.resalable .status:before {
content: none
}
}
.detail-resale.ui-dialog {
font-weight: 600
}
.detail-resale.ui-dialog h3,
.detail-resale.ui-dialog .h3 {
color: #0b873c;
background-color: #f2faec;
font-size: .75rem;
padding: .75rem 1.5rem;
margin: 1rem 0;
border-radius: .5rem
}
.detail-resale.ui-dialog h3:before,
.detail-resale.ui-dialog .h3:before {
content: "";
font-family: "hubber8";
margin-right: 1rem;
font-size: .875rem
}
.detail-resale.ui-dialog .bg-gray {
background-color: #f6f8f9;
padding: .75rem 1rem;
display: flex;
justify-content: space-between;
border-radius: .5rem
}
.detail-resale.ui-dialog .bg-gray+.bg-gray {
margin-top: .5rem
}
.detail-resale.ui-dialog li:not(.bg-gray):not(.bg-white) {
margin: .75rem 1rem;
text-align: right;
line-height: 1
}
@media(max-width:991.98px) {
.detail-resale.ui-dialog li:not(.bg-gray):not(.bg-white) {
text-align: left;
display: flex;
justify-content: space-between;
align-items: center
}
.detail-resale.ui-dialog li:not(.bg-gray):not(.bg-white) .title {
margin-right: 1.5rem
}
}
.detail-resale.ui-dialog li:not(.bg-gray):not(.bg-white) .value {
display: inline-block
}
@media(min-width:992px) {
.detail-resale.ui-dialog li:not(.bg-gray):not(.bg-white) .value {
width: 6.25rem
}
}
.detail-resale.ui-dialog .info-product {
display: block;
padding: .5rem 1rem
}
.detail-resale.ui-dialog .info-product li.seat {
text-align: left;
margin: .5rem 0 0 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
row-gap: 8px
}
.detail-resale.ui-dialog .info-product li.seat .badge,
.detail-resale.ui-dialog .info-product li.seat .listing-info {
background: #fff;
color: initial;
margin-right: .5rem;
margin-left: 0;
font-family: inherit;
display: flex;
justify-content: center;
font-weight: normal;
letter-spacing: 0;
font-size: 11px;
padding: .75em;
border-radius: 3px;
align-items: center;
gap: 4px;
height: 1.5rem
}
.detail-resale.ui-dialog .info-product li.seat .badge.category,
.detail-resale.ui-dialog .info-product li.seat .listing-info.category {
padding: .45em .35em .25em .35em;
line-height: .75;
margin: 0;
margin-left: .25rem;
font-family: "Bebas Neue", Arial, Verdana, sans-serif;
display: inline;
height: auto
}
.detail-resale.ui-dialog .meeting-info .meeting-info-contain {
color: #76818d;
font-weight: normal;
font-size: .75rem;
gap: 1rem;
display: flex
}
@media(min-width:768px) {
.detail-resale.ui-dialog .meeting-info .meeting-info-contain {
flex-direction: column;
gap: 0
}
}
.detail-resale.ui-dialog .meeting-info .meeting-info-contain {
color: #76818d;
font-weight: normal;
font-size: .75rem;
gap: 1rem;
display: flex
}
@media(min-width:768px) {
.detail-resale.ui-dialog .meeting-info .meeting-info-contain {
flex-direction: column;
gap: 0
}
}
.detail-resale.ui-dialog .total-seller-price {
font-size: 1rem;
padding-top: 1rem
}
.hubber-resale-add-to-cart-form .filter-mobile .accordion-button {
padding: .75rem;
font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between;
color: inherit;
background-color: inherit
}
.hubber-resale-add-to-cart-form .filter-mobile .accordion-button:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
background-image: none;
display: flex;
align-items: center
}
.hubber-resale-add-to-cart-form .filter-mobile .accordion-button:not(.collapsed):after {
transform: rotate(180deg)
}
.hubber-resale-add-to-cart-form .filter-mobile .accordion-collapse {
margin: 1rem 0
}
.select2-container {
display: block
}
.select2-container *:focus {
outline: 0
}
.input-group .select2-container--hubber_reference8 {
flex-grow: 1
}
.input-group-prepend~.select2-container--hubber_reference8 .select2-selection {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group>.select2-container--hubber_reference8:not(:last-child) .select2-selection {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.select2-filter-container.active .select2-container--hubber_reference8 .select2-selection {
background: #fff
}
.select2-filter-container .select2-container--hubber_reference8 .select2-selection {
background: #f6f8f9;
font-weight: 600;
border-radius: 3rem;
padding: 0 1.5rem;
width: 100%;
border: 1px solid #dee2e6;
transition: border-color .15sease -in-out, box-shadow .15sease -in-out;
height: 3rem !important;
display: flex !important;
align-items: center;
font-size: .875rem;
position: relative
}
.select2-filter-container .select2-container--hubber_reference8 .select2-selection:hover {
background: #fff
}
@media(max-width:767.98px) {
.select2-filter-container .select2-container--hubber_reference8 .select2-selection {
height: 2.5rem !important
}
}
.js-form-item:not(.select2-filter-container):has(>select.is-not-empty) label {
color: #76818d
}
.js-form-item:not(.select2-filter-container):has(>select.is-not-empty) .select2-container--hubber_reference8 .select2-selection {
border: 1px solid #76818d;
background: #fff
}
.select2-container--hubber_reference8 .select2-selection {
width: 100%;
border: 1px solid #ced4da;
border-radius: .25rem;
box-shadow: unset;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
height: 3.5rem !important;
display: flex !important;
align-items: center;
font-size: .875rem;
position: relative
}
@media(prefers-reduced-motion:reduce) {
.select2-container--hubber_reference8 .select2-selection {
transition: none
}
}
@media(max-width:767.98px) {
.select2-container--hubber_reference8 .select2-selection {
height: 2.5rem !important
}
}
.select2-container--hubber_reference8 .select2-selection__rendered {
padding-right: 2rem !important
}
.select2-container--hubber_reference8.select2-container--open .select2-selection--single:has(.select2-selection__placeholder),
.select2-container--hubber_reference8.select2-container--open .select2-selection:has(.select2-selection__placeholder) {
background-color: #fff !important
}
.select2-container--hubber_reference8.select2-container--open .select2-selection {
border: 1px solid #1882ff
}
.select2-container--hubber_reference8.select2-container--open .select2-selection__arrow:after {
transform: translateY(-50%) rotate(180deg) !important
}
.select2-container--hubber_reference8.select2-container--disabled .select2-selection,
.select2-container--hubber_reference8.select2-container--disabled.select2-container--focus .select2-selection {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed;
background-color: #e9ecef !important;
border-color: #ced4da !important;
box-shadow: none !important
}
.select2-container--hubber_reference8.select2-container--disabled .select2-selection.select2-selection--single,
.select2-container--hubber_reference8.select2-container--disabled.select2-container--focus .select2-selection.select2-selection--single {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed
}
.select2-container--hubber_reference8.select2-container--disabled .select2-selection.select2-selection--single .select2-selection__arrow,
.select2-container--hubber_reference8.select2-container--disabled.select2-container--focus .select2-selection.select2-selection--single .select2-selection__arrow {
display: none
}
.select2-container--hubber_reference8.select2-container--disabled .select2-search__field,
.select2-container--hubber_reference8.select2-container--disabled.select2-container--focus .select2-search__field {
background-color: rgba(0, 0, 0, 0)
}
select.is-invalid~.select2-container--hubber_reference8 .select2-selection,
form.was-validated select:invalid~.select2-container--hubber_reference8 .select2-selection {
border-color: #dc3545
}
select.is-valid~.select2-container--hubber_reference8 .select2-selection,
form.was-validated select:valid~.select2-container--hubber_reference8 .select2-selection {
border-color: #198754
}
.select2-container--hubber_reference8 .select2-search {
width: 100%
}
.select2-container--hubber_reference8 .select2-dropdown {
border: 0;
border-radius: 0;
background: none;
z-index: 1006
}
.select2-container--hubber_reference8 .select2-dropdown.select2-dropdown--below {
margin-top: 12px;
border: 0;
box-shadow: unset
}
@media(min-width:992px) {
.select2-container--hubber_reference8 .select2-dropdown.select2-dropdown--below {
min-width: 220px
}
}
.select2-container--hubber_reference8 .select2-dropdown.select2-dropdown--above {
border-top: 1px solid #ced4da;
box-shadow: unset
}
@media(min-width:992px) {
.select2-container--hubber_reference8 .select2-dropdown.select2-dropdown--above {
min-width: 220px
}
}
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option {
padding: 0;
border-bottom: 1px solid #dee2e6;
color: #000;
position: relative
}
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option span.label {
display: flex;
justify-content: space-between
}
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option>span,
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option .select2-results__option,
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option .js-seat-mode {
padding: .75rem 1rem;
position: relative;
flex: 1;
transition: all 300ms ease-in-out;
border-radius: .25rem;
gap: .5rem
}
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option>span:before,
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option .select2-results__option:before,
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option .js-seat-mode:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
opacity: 0;
background-color: rgba(0, 0, 0, .04);
border-radius: .25rem
}
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option>span:hover:before,
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option .select2-results__option:hover:before,
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option .js-seat-mode:hover:before {
background-color: #1882ff;
opacity: .05
}
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option>span.has-background:hover,
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option .select2-results__option.has-background:hover,
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option .js-seat-mode.has-background:hover {
color: var(--select2-custom-hover-color)
}
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option>span.label.has-background:before {
background-color: unset !important
}
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option>span.label.has-background:hover:before {
background-color: unset !important
}
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option>span:hover:before,
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option .js-seat-mode:hover:before {
opacity: .15
}
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option[aria-selected=true]>span:before {
opacity: .1
}
.select2-container--hubber_reference8 .select2-dropdown.select2-filter-context .select2-results ul.select2-results__options {
border: none !important
}
.select2-container--hubber_reference8 .select2-results__option[role=group] {
padding: 0
}
.select2-container--hubber_reference8 .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
padding-left: 1em
}
.select2-container--hubber_reference8 .select2-results__option {
display: flex;
transition: all 300ms ease-out;
font-weight: 400;
font-size: .875rem
}
.select2-container--hubber_reference8 .select2-results__option .js-seat-mode {
border-left: 1px solid #dee2e6
}
.select2-container--hubber_reference8 .select2-results__option.coupon-locked {
color: #76818d;
display: flex;
align-items: center;
justify-content: space-between
}
.select2-container--hubber_reference8 .select2-results__option.coupon-locked:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem
}
.select2-container--hubber_reference8 .select2-results>.select2-results__options {
max-height: 15em;
overflow-y: auto;
padding: 0;
box-shadow: 0 3px 6px 6px rgba(0, 0, 0, .05);
border: 1px solid #1882ff;
top: 0;
position: relative;
border-radius: .25rem;
background: #fff
}
.select2-container--hubber_reference8 .select2-results__group {
display: list-item;
padding: 6px;
color: #6c757d
}
.select2-container--hubber_reference8 .select2-selection__clear {
float: right;
width: .9em;
height: .9em;
padding-left: .15em;
margin-top: .7em;
margin-right: .3em;
line-height: .75em;
color: #f8f9fa;
background-color: #c8c8c8;
border-radius: 100%
}
.select2-container--hubber_reference8 .select2-selection__clear:hover {
background-color: #afafaf
}
.select2-container--hubber_reference8 .select2-selection--single .select2-selection__placeholder {
line-height: calc(1.5em + 0.75rem);
color: #76818d
}
.select2-container--hubber_reference8 .select2-selection--single.select2-container--open:has(.select2-selection__placeholder) {
background-color: #fff
}
.select2-container--hubber_reference8 .select2-selection--single:has(.select2-selection__placeholder) {
background-color: #fbfbfc
}
.select2-container--hubber_reference8 .select2-selection--single .select2-selection__arrow {
position: absolute;
top: 50%;
right: 2rem
}
.select2-container--hubber_reference8 .select2-selection--single .select2-selection__arrow:after {
content: "";
font-family: "hubber8";
position: absolute;
font-size: 1.5rem;
top: 50%;
transform: translateY(-50%);
font-weight: normal;
color: #76818d
}
.select2-container--hubber_reference8 .select2-selection--single .select2-selection__rendered {
padding: 0 0 0 12px;
font-size: 1rem
}
.select2-filter-container .select2-container--hubber_reference8 .select2-selection--single .select2-selection__rendered {
padding: 0
}
.select2-search--dropdown .select2-search__field {
padding: .375rem .75rem;
border: 1px solid #ced4da;
border-radius: .25rem
}
.select2-results__message {
color: #6c757d
}
.select2-container--hubber_reference8 .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
width: 100%;
padding: 0 .375rem;
margin: 0;
list-style: none
}
.select2-container--hubber_reference8 .select2-selection--multiple .select2-selection__choice {
float: left;
padding: 0;
padding-right: .75rem;
margin-top: calc(0.375rem - 2px);
margin-right: .375rem;
color: #263140;
cursor: pointer;
border: 1px solid #bdc6d0;
border-radius: .2rem
}
.select2-container--hubber_reference8 .select2-selection--multiple .select2-search__field {
color: #263140
}
.select2-container--hubber_reference8 .select2-selection--multiple .select2-selection__choice+.select2-search {
width: 0
}
.select2-container--hubber_reference8 .select2-selection--multiple .select2-selection__choice__remove {
float: left;
padding-right: 3px;
padding-left: 3px;
margin-right: 1px;
margin-left: 3px;
font-weight: 700;
color: #bdc6d0
}
.select2-container--hubber_reference8 .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #212529
}
.select2-container--hubber_reference8 .select2-selection--multiple .select2-selection__clear {
position: absolute !important;
top: 0;
right: .7em;
float: none;
margin-right: 0
}
.select2-container--hubber_reference8.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
padding: 0 5px;
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed
}
.select2-container--hubber_reference8.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
display: none
}
@media(min-width:576px) {
.page-order-checkout .layout-main-wrapper {
overflow: visible
}
}
@media(max-width:575.98px) {
.page-order-confirm .breadcrumb-container--cart .steps li {
flex: 1
}
.page-order-confirm .stepper-wrapper .step .step-label {
width: 100%
}
}
.path-cart .sidebar_second form .cart-summary-info-caption,
.page-order-checkout form.commerce-checkout-flow .cart-summary-info-caption {
font-size: .75rem;
letter-spacing: .1em;
text-transform: uppercase;
color: #76818d;
font-weight: 400;
border-bottom: 1px solid #dee2e6;
margin: 0 0 1rem 0;
padding: 0 1.5rem 0rem;
display: block
}
.path-cart .sidebar_second form .cart-contents,
.page-order-checkout form.commerce-checkout-flow .cart-contents {
overflow: auto;
padding: 0 1.5rem
}
.path-cart .sidebar_second form .cart-summary-product,
.page-order-checkout form.commerce-checkout-flow .cart-summary-product {
display: flex;
align-items: center;
justify-content: space-between
}
.path-cart .sidebar_second form .order-total-to-pay-label,
.page-order-checkout form.commerce-checkout-flow .order-total-to-pay-label {
font-weight: 600;
font-size: .875rem
}
@media(min-width:992px) {
.path-cart .sidebar_second form,
.path-checkout form.commerce-checkout-flow {
display: flex;
flex-direction: column
}
.path-cart .sidebar_second form.hubber-cart-contents-form,
.path-checkout form.commerce-checkout-flow.hubber-cart-contents-form {
height: calc(100vh - var(--main-content-top, 0))
}
.path-cart .sidebar_second form .cart-summary-header-desktop,
.path-checkout form.commerce-checkout-flow .cart-summary-header-desktop {
display: block
}
.path-cart .sidebar_second form .cart-summary-header-mobile,
.path-checkout form.commerce-checkout-flow .cart-summary-header-mobile {
display: none
}
.path-cart .sidebar_second form .cart-summary-info-wrapper,
.path-checkout form.commerce-checkout-flow .cart-summary-info-wrapper {
padding: 0;
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden
}
.path-cart .sidebar_second form .button-checkout-mini-cart,
.path-checkout form.commerce-checkout-flow .button-checkout-mini-cart {
width: 100%
}
.path-cart .sidebar_second form .cart-contents,
.path-checkout form.commerce-checkout-flow .cart-contents {
padding-bottom: 1rem
}
.path-cart .sidebar_second form .block-cart-footer,
.path-checkout form.commerce-checkout-flow .block-cart-footer {
background-color: #fff;
border-top: 1px solid #dee2e6;
margin: 0;
padding: 1rem 1.5rem;
width: 23.25rem;
margin-top: auto;
box-shadow: 0 0 10px rgba(0, 0, 1, .1)
}
.path-cart .sidebar_second form .timer-wrapper,
.path-checkout form.commerce-checkout-flow .timer-wrapper {
margin-bottom: .75rem;
align-items: center
}
.order-total-to-pay-label {
font-weight: 600
}
.cart-action-wrapper {
max-width: unset;
padding: 0;
margin-bottom: 0;
display: flex
}
}
@media(max-width:991.98px) {
.path-cart #page-wrapper .sidebar_second form .cart-summary-header-desktop,
.page-order-checkout #page-wrapper form.commerce-checkout-flow .cart-summary-header-desktop {
display: none
}
.path-cart #page-wrapper .sidebar_second form .cart-contents,
.page-order-checkout #page-wrapper form.commerce-checkout-flow .cart-contents {
padding: 0
}
.path-cart #page-wrapper .sidebar_second form .cart-summary-info-caption,
.page-order-checkout #page-wrapper form.commerce-checkout-flow .cart-summary-info-caption {
display: none
}
.path-cart #page-wrapper .sidebar_second form .cart-summary-header-mobile,
.page-order-checkout #page-wrapper form.commerce-checkout-flow .cart-summary-header-mobile {
display: none
}
.path-cart #page-wrapper .sidebar_second.openRecap form .cart-summary-header-mobile,
.page-order-checkout #page-wrapper .order-summary.openRecap .cart-summary-header-mobile {
display: block;
padding-left: 0;
padding-right: 0;
padding-top: 1rem;
padding-bottom: 1rem
}
.path-cart #page-wrapper .sidebar_second.openRecap form .cart-summary-product,
.page-order-checkout #page-wrapper .order-summary.openRecap .cart-summary-product {
margin: 8px 0
}
.path-cart #page-wrapper .sidebar_second.openRecap form .cart-summary-info-caption,
.page-order-checkout #page-wrapper .order-summary.openRecap .cart-summary-info-caption {
display: none
}
}
@media(max-width:767.98px) {
.path-cart .button-checkout-mini-cart {
flex: 1
}
.path-cart .cart-summary-info-caption {
display: none
}
.page-order-checkout .button-checkout-mini-cart {
flex: 1
}
.page-order-checkout .order-summary.openRecap .cart-contents {
padding: 0
}
.page-order-checkout #page-wrapper .order-summary.openRecap h2,
.page-order-checkout #page-wrapper .order-summary.openRecap .h2 {
padding: 18px 0 16px;
margin-bottom: 0
}
.page-order-checkout .order-summary .shipping-fees {
margin-bottom: 1rem
}
.page-order-checkout .cart-summary-info-wrapper .cart-summary-info-caption {
display: none
}
.page-order-checkout .openRecap .cart-contents-footer {
padding-top: 33px
}
.page-order-checkout #page-wrapper .cart-contents-footer .timer-wrapper {
margin-top: 0
}
.page-order-checkout .main-content {
margin-top: 24px
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-action-wrapper:not(:has(.button-checkout-cart)) {
position: absolute;
right: 16px;
padding-top: 0;
top: 16px
}
.page-order-checkout .order-summary-wrapper .openRecap.order-summary .cart-action-wrapper:not(:has(.button-checkout-cart)) {
top: auto;
bottom: 42px
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-summary-info-wrapper:not(:has(.button-checkout-cart)) .order-total-to-pay {
margin-right: 57px
}
.path-cart #page-wrapper .order-summary-wrapper.sidebar .shipping-fees,
.page-order-checkout #page-wrapper .order-summary-wrapper.sidebar .shipping-fees {
padding: 12px;
margin: 8px 0
}
.path-cart #page-wrapper .order-summary .block-cart-footer .cart-action-wrapper .btn-info,
.page-order-checkout #page-wrapper .order-summary .block-cart-footer .cart-action-wrapper .btn-info {
border-radius: 8px !important
}
.path-cart #page-wrapper .openRecap .cart-summary-info-wrapper .cart-contents,
.page-order-checkout #page-wrapper .openRecap .cart-summary-info-wrapper .cart-contents {
border-bottom: none;
padding-bottom: 8px;
padding-top: 8px
}
.path-cart #page-wrapper .openRecap .cart-summary-info-wrapper .cart-contents .cart-items,
.page-order-checkout #page-wrapper .openRecap .cart-summary-info-wrapper .cart-contents .cart-items {
overflow-x: hidden;
overflow-y: auto;
max-height: 28vh;
margin-right: -1rem;
padding-right: 1rem;
display: flex;
flex-direction: column;
gap: 0px
}
}
@media screen and (min-width:769px) {
.path-cart .sidebar_second .cart-summary-product .cart-contents .row.cart-summary-product {
margin: 0;
display: flex;
align-items: center
}
.path-cart .sidebar_second .cart-summary-product .cart-contents .row.cart-summary-product:not(:last-child) {
margin-bottom: .75rem
}
.path-cart .sidebar_second .cart-summary-product .cart-contents .cart-product-total {
margin-left: 1rem;
font-size: .75rem;
font-weight: 600
}
}
@media screen and (min-width:769px)and (min-width:992px) {
.path-cart .sidebar_second .cart-summary-product .cart-contents .cart-product-total {
font-size: .875rem
}
}
@media screen and (min-width:769px) {
.path-cart .sidebar_second .cart-summary-product .cart-contents .cart-product-info {
display: flex;
align-items: center;
padding: 0
}
}
@media screen and (min-width:769px) {
.path-cart .sidebar_second .cart-summary-product .cart-contents .product-qty {
margin: 0 5px;
color: #76818d;
font-size: .75rem;
display: flex;
align-items: center
}
.path-cart .sidebar_second .cart-summary-product .cart-contents .product-qty em {
font-style: normal
}
}
@media screen and (min-width:769px) {
.path-cart .sidebar_second .cart-summary-product .cart-contents .cart-product-total {
text-align: right;
padding: 0;
color: #000;
font-weight: 600;
font-size: .875rem
}
}
@media screen and (min-width:769px) {
.path-cart .sidebar_second .cart-summary-product .cart-contents .cart-product-info .product-img img {
max-width: 3rem
}
.path-cart .sidebar_second .cart-summary-product .cart-contents .cart-product-info .product-img+.product-title {
margin-left: .5rem
}
.path-cart .sidebar_second .cart-summary-product .cart-contents .cart-product-info .cart-product-total {
font-weight: bold;
font-size: 16px;
text-align: right;
text-transform: uppercase
}
}
@media screen and (min-width:769px) {
.path-cart .sidebar_second .cart-summary-product .cart-contents .timer {
padding: 0;
display: flex;
align-items: flex-end
}
}
@media screen and (min-width:769px) {
.button-checkout-mini-cart {
position: relative;
z-index: 1
}
}
@media screen and (min-width:769px) {
.cart-contents-footer {
margin: 0
}
.cart-contents-footer .totals {
padding: 0;
line-height: 1
}
.cart-contents-footer .timer {
padding: 0;
display: flex;
align-items: center
}
.cart-contents-footer .timer+.totals {
display: flex;
text-align: right;
flex-direction: column
}
.cart-contents-footer .order-total-line__adjustment .order-total-line-value {
font-size: 1rem
}
.cart-contents-footer .order-total-line {
padding: 0;
font-weight: normal
}
.cart-contents-footer .order-total-line.order-total-line__adjustment--insurance span.order-total-line-label,
.cart-contents-footer .order-total-line.order-total-line__adjustment--insurance span.order-total-line-value {
font-size: 12px
}
.cart-contents-footer .order-total-line span {
white-space: nowrap
}
.cart-contents-footer .order-total-line span.order-total-line-value {
font-weight: 800;
font-size: 1.25rem;
line-height: 1
}
}
@media(max-width:991.98px) {
.page-order-checkout .cart-contents-footer.cta {
display: none
}
.order-summary.openRecap .totals {
flex-direction: column
}
.order-summary:not(.openRecap) .totals>div:first-child {
display: none
}
.cart-contents {
border-bottom: 1px solid rgba(118, 129, 141, .25);
padding-bottom: 20px;
margin-bottom: 20px
}
.cart-contents .row.cart-summary-product {
margin: 0
}
.cart-contents .row.cart-summary-product:not(:last-child) {
margin-bottom: .75rem
}
.cart-contents .cart-product-info {
display: flex;
padding: 0
}
.cart-contents .product-qty {
margin: 0 5px;
color: #8c8ca5;
font-size: 12px
}
.cart-contents .product-qty em {
font-style: normal
}
.cart-contents .cart-product-total {
text-align: right;
padding: 0;
color: #000;
font-weight: 700
}
.cart-contents .cart-product-info .product-title {
font-weight: 600;
font-size: 12px;
color: #000
}
.cart-contents .cart-product-info .product-img+.product-title {
margin-left: .5rem
}
.cart-contents .cart-product-info .cart-product-total {
font-weight: bold;
font-size: 16px;
text-align: right;
text-transform: uppercase
}
.cart-contents-footer {
margin: 0;
align-items: baseline
}
.path-cart .cart-contents-footer .w-100 .totals:after {
content: "";
font-family: "hubber8";
transition: all .1s ease-in-out;
border-radius: .5rem;
transform: rotate(180deg);
font-size: 1.25em;
margin-left: 10px;
border: 1px solid #dee2e6;
width: 2rem;
height: 2rem;
align-items: center;
color: #1882ff;
justify-content: center;
display: flex
}
.cart-contents-footer .col {
padding: 0
}
.cart-contents-footer .order-total-line__subtotal {
display: none
}
.cart-contents-footer .timer {
padding: 0;
display: flex;
align-items: flex-end
}
.cart-contents-footer .cart_counter {
color: #263140
}
.cart-contents-footer .totals {
padding: 0;
display: flex;
justify-content: flex-end;
align-items: flex-end
}
.cart-contents-footer .order-total-line {
padding: 0;
font-weight: normal;
display: block;
text-align: right
}
.cart-contents-footer .order-total-line span.order-total-line-label {
margin-right: 10px;
font-size: 1rem
}
.cart-contents-footer .order-total-line span.order-total-line-value {
font-weight: 800;
font-size: 1.25rem
}
}
@media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:portrait) {
.cart-contents .row.cart-summary-product {
margin: 25px 0
}
}
.cart-summary-product .product-img {
height: auto;
width: 3rem;
overflow: hidden;
display: flex;
align-items: center;
justify-self: center;
flex-shrink: 0;
float: left;
margin-right: .5rem
}
.cart-summary-product .product-img img {
width: 100%
}
.cart-summary-product .product-img:has(svg) {
position: relative
}
.cart-summary-product .product-img:has(svg):before {
content: "";
display: flex;
top: 0;
background-color: rgba(0, 0, 0, 0);
background-position: center;
border-radius: .5rem;
left: 0;
position: absolute;
width: 100%;
height: 48px;
background-repeat: no-repeat
}
.cart-summary-product.product-ticketing:has(svg) .product-img:before,
.cart-summary-product.product-bundle:has(svg) .product-img:before,
.cart-summary-product.product-timeslot:has(svg) .product-img:before {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/billet.svg)
}
.cart-summary-product.product-membership:has(svg) .product-img:before {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/abo.svg)
}
.cart-summary-product.product-merchandising:has(svg) .product-img:before {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/merch.svg)
}
.cart-summary-product.product-gift-card:has(svg) .product-img:before {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/carte_cadeau.svg)
}
.cart-summary-product.product-donation:has(svg) .product-img:before {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/don.svg)
}
.block-commerce-cross-sell h2,
.block-commerce-cross-sell .h2 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 1.5rem
}
@media(max-width:991.98px) {
.block-commerce-cross-sell h2,
.block-commerce-cross-sell .h2 {
font-size: 1.25rem;
margin-bottom: 20px
}
}
.block-commerce-cross-sell .integrated-products section.section {
background: #fff;
border: 1px solid #dee2e6;
border-radius: .5rem;
padding: 1.5rem;
position: relative;
margin-bottom: 1.5rem
}
@media(max-width:991.98px) {
.block-commerce-cross-sell .integrated-products section.section {
padding: 1rem
}
}
.block-commerce-cross-sell .integrated-products section.section:has(.picto:empty):has(.description:empty) {
display: flex;
justify-content: space-between;
align-items: flex-start
}
@media(max-width:991.98px) {
.block-commerce-cross-sell .integrated-products section.section:has(.picto:empty):has(.description:empty) {
flex-wrap: wrap;
align-items: flex-start;
gap: 1rem
}
}
.block-commerce-cross-sell .integrated-products section.section:has(.picto:empty):has(.description:empty) h4.title,
.block-commerce-cross-sell .integrated-products section.section:has(.picto:empty):has(.description:empty) .title.h4 {
margin-bottom: 0
}
@media(max-width:991.98px) {
.block-commerce-cross-sell .integrated-products section.section:has(.picto:empty):has(.description:empty) h4.title,
.block-commerce-cross-sell .integrated-products section.section:has(.picto:empty):has(.description:empty) .title.h4 {
white-space: nowrap;
margin: 0;
flex-shrink: 0
}
}
@media(max-width:991.98px) {
.block-commerce-cross-sell .integrated-products section.section:has(.picto:empty):has(.description:empty) .cross-sell-integrated-container {
flex: 1 1 auto;
min-width: 200px
}
}
.block-commerce-cross-sell .integrated-products section.section:has(.picto:empty):has(.description:empty) .product-infos.unique-price {
margin-top: 0
}
@media(max-width:1199.98px) {
.block-commerce-cross-sell .integrated-products section.section:has(.picto:empty):has(.description:empty) .product-infos.unique-price {
width: 100%
}
}
.block-commerce-cross-sell .integrated-products section.section .picto {
margin-right: .5rem
}
.block-commerce-cross-sell .integrated-products section.section .description {
margin-right: auto
}
.block-commerce-cross-sell .integrated-products section.section .description p {
margin-left: 0
}
.block-commerce-cross-sell .integrated-products h4,
.block-commerce-cross-sell .integrated-products .h4,
.block-commerce-cross-sell .integrated-products h4.title {
font-weight: 600;
font-size: 1rem;
text-transform: none;
margin: 0 0 1.5rem;
display: flex;
color: #263140;
width: auto;
background: rgba(0, 0, 0, 0)
}
.block-commerce-cross-sell .integrated-products .cross-sell-integrated-container {
display: flex;
justify-content: space-between;
align-items: flex-start
}
.block-commerce-cross-sell .integrated-products .cross-sell-integrated-container:has(.picto img) .unique-price,
.block-commerce-cross-sell .integrated-products .cross-sell-integrated-container:has(.description p) .unique-price {
margin-top: -44px;
align-items: flex-start
}
@media(max-width:1199.98px) {
.block-commerce-cross-sell .integrated-products .cross-sell-integrated-container:has(.picto img) .unique-price,
.block-commerce-cross-sell .integrated-products .cross-sell-integrated-container:has(.description p) .unique-price {
margin-top: 1rem
}
}
.block-commerce-cross-sell .integrated-products .cross-sell-integrated-container .description {
width: auto
}
@media(min-width:992px) {
.block-commerce-cross-sell .integrated-products .cross-sell-integrated-container .description {
width: 60%
}
}
@media(max-width:991.98px) {
.block-commerce-cross-sell .integrated-products .cross-sell-integrated-container .description {
width: 45%
}
}
@media(max-width:767.98px) {
.block-commerce-cross-sell .integrated-products .cross-sell-integrated-container .description {
width: 38%
}
}
@media(max-width:1199.98px) {
.block-commerce-cross-sell .integrated-products .cross-sell-integrated-container {
flex-wrap: wrap
}
}
@media(max-width:991.98px) {
.block-commerce-cross-sell .integrated-products .cross-sell-integrated-container {
flex-wrap: wrap
}
.block-commerce-cross-sell .integrated-products .cross-sell-integrated-container .description {
flex: 1
}
.block-commerce-cross-sell .integrated-products .cross-sell-integrated-container p {
margin-left: 0
}
}
.block-commerce-cross-sell .integrated-products .picto {
flex: 0 0 7.5rem
}
.block-commerce-cross-sell .integrated-products .product-infos {
display: flex;
align-items: flex-start;
justify-content: flex-end;
font-size: .875rem;
gap: .75rem
}
.block-commerce-cross-sell .integrated-products .product-infos.unique-price {
width: 22rem;
color: #263140
}
@media(max-width:1199.98px) {
.block-commerce-cross-sell .integrated-products .product-infos.unique-price {
width: 100%
}
}
.block-commerce-cross-sell .integrated-products .product-infos.unique-price span:first-of-type {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
gap: .5rem
}
@media(max-width:1199.98px) {
.block-commerce-cross-sell .integrated-products .product-infos.unique-price span:first-of-type {
align-items: center
}
}
@media(max-width:991.98px) {
.block-commerce-cross-sell .integrated-products .product-infos.unique-price span:first-of-type {
align-items: flex-end;
flex-direction: row
}
}
.block-commerce-cross-sell .integrated-products .product-infos.unique-price span:first-of-type .select2-selection {
align-items: center;
justify-content: center
}
.block-commerce-cross-sell .integrated-products .product-infos.unique-price span {
margin-right: .75rem;
order: unset;
margin-top: 0
}
@media(max-width:991.98px) {
.block-commerce-cross-sell .integrated-products .product-infos.unique-price span {
margin-right: 0
}
}
.block-commerce-cross-sell .integrated-products .product-infos.unique-price .form-type-select2 {
display: flex;
width: 100%;
align-items: center;
gap: 1.5rem
}
@media(min-width:992px) {
.block-commerce-cross-sell .integrated-products .product-infos.unique-price .form-type-select2 {
gap: .5rem
}
}
@media(max-width:1199.98px) {
.block-commerce-cross-sell .integrated-products .product-infos.unique-price .form-type-select2 {
flex-direction: row;
align-items: center;
justify-content: flex-end;
gap: .5rem;
transform: none
}
}
.block-commerce-cross-sell .integrated-products .product-infos.unique-price .form-type-select2 label {
color: #263140;
flex-basis: 80%;
margin-bottom: 0
}
@media(max-width:1199.98px) {
.block-commerce-cross-sell .integrated-products .product-infos.unique-price .form-type-select2 label {
flex-basis: 38%
}
}
@media(max-width:991.98px) {
.block-commerce-cross-sell .integrated-products .product-infos.unique-price .form-type-select2 label {
flex-basis: auto
}
}
.block-commerce-cross-sell .integrated-products .product-infos.unique-price .form-type-select2 .select2-container {
width: auto !important
}
@media(max-width:991.98px) {
.block-commerce-cross-sell .integrated-products .product-infos.unique-price .form-type-select2 .select2-container {
margin-right: 0;
display: block
}
}
.block-commerce-cross-sell .integrated-products .product-infos.unique-price .form-type-select2 .select2-selection__rendered[title="- Aucun(e) -"] {
color: #76818d
}
@media(min-width:992px) {
.block-commerce-cross-sell .integrated-products .product-infos.unique-price {
flex-direction: row-reverse;
justify-content: flex-start
}
.block-commerce-cross-sell .integrated-products .product-infos.unique-price span {
margin-right: 0;
order: 2
}
.block-commerce-cross-sell .integrated-products .product-infos.unique-price span .price-info {
margin-right: .25rem;
color: #263140
}
.block-commerce-cross-sell .integrated-products .product-infos.unique-price span.amount-without-promo {
order: -1;
margin-right: .5rem;
font-size: .875rem
}
}
.block-commerce-cross-sell .integrated-products .product-infos .form-type-select {
display: flex;
align-items: center;
position: relative;
margin-bottom: 0
}
.block-commerce-cross-sell .integrated-products .product-infos .form-type-select.custom-select-icon:before {
content: "";
font-family: "hubber8";
position: absolute;
left: .75rem;
font-size: 1.5rem;
color: #28a745
}
.block-commerce-cross-sell .integrated-products .product-infos .js-cross-sell-integrated-change-variation {
box-shadow: none
}
@media(max-width:991.98px) {
.block-commerce-cross-sell .integrated-products .product-infos {
width: 100%;
margin-top: 1rem
}
}
.block-commerce-cross-sell .integrated-products .product-infos label {
font-weight: normal;
text-transform: none
}
.block-commerce-cross-sell .integrated-products .product-infos .form-check {
padding-left: 0;
padding-right: 2.25rem
}
.block-commerce-cross-sell .integrated-products .product-infos .form-check .form-check-input:checked~.form-check-label:after {
left: unset;
right: 0
}
.block-commerce-cross-sell .integrated-products .product-infos .form-check .form-check-label {
margin-right: 0;
margin-top: -2px
}
.block-commerce-cross-sell .integrated-products .product-infos .form-check .form-check-label:before {
left: unset;
right: 0
}
.block-commerce-cross-sell .integrated-products .product-infos .js-form-type-select:before {
display: none
}
.block-commerce-cross-sell .integrated-products .product-infos .js-form-type-select label {
font-size: .875rem;
color: #000
}
.block-commerce-cross-sell .integrated-products .product-infos .js-cross-sell-check-to-add {
position: absolute;
right: 0
}
.block-commerce-cross-sell .integrated-products .product-infos select {
width: 6.25rem;
padding-left: .75rem
}
.block-commerce-cross-sell .integrated-products .product-infos label {
color: #000;
display: flex;
justify-content: flex-end;
margin-bottom: .25rem
}
.block-commerce-cross-sell .integrated-products .product-infos label span {
margin-bottom: 0
}
.block-commerce-cross-sell .integrated-products .product-infos label em {
color: #263140;
font-weight: 600;
font-style: normal
}
.block-commerce-cross-sell .integrated-products .product-infos .custom-select-icon label:before {
display: none
}
.block-commerce-cross-sell .integrated-products h5,
.block-commerce-cross-sell .integrated-products .h5 {
font-size: 14px;
font-weight: 700
}
.block-commerce-cross-sell .integrated-products p {
margin: 0 .5rem;
font-size: .875rem
}
.block-commerce-cross-sell .integrated-products p a.btn_custom.default_cta {
color: #1882ff;
font-weight: bold;
text-transform: none;
text-decoration: none
}
.block-commerce-cross-sell .integrated-products p a.btn_custom.default_cta:hover {
text-decoration: underline
}
.amount-without-promo {
font-size: initial;
font-weight: initial;
text-decoration: line-through;
color: #76818d;
margin-right: .5rem
}
#block-cross-selling-internal-products-hubber-reference8 .slick-slider .slick-track {
margin-left: 0
}
#block-cross-selling-internal-products-hubber-reference8 .slick-slider .slick-list {
padding-top: 1rem !important
}
#block-cross-selling-internal-products-hubber-reference8 .slick-slider .slick-prev,
#block-cross-selling-internal-products-hubber-reference8 .slick-slider .slick-next {
display: inline-flex;
align-items: center;
border: 1px solid rgba(0, 0, 0, 0);
display: flex;
align-items: center;
padding: 0;
border-radius: 100%;
height: 24px;
width: 24px;
transition: all 250ms ease-in-out
}
#block-cross-selling-internal-products-hubber-reference8 .slick-slider .slick-prev:before,
#block-cross-selling-internal-products-hubber-reference8 .slick-slider .slick-next:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
#block-cross-selling-internal-products-hubber-reference8 .slick-slider .slick-prev:before,
#block-cross-selling-internal-products-hubber-reference8 .slick-slider .slick-next:before {
color: #76818d
}
#block-cross-selling-internal-products-hubber-reference8 .slick-slider .slick-prev:hover,
#block-cross-selling-internal-products-hubber-reference8 .slick-slider .slick-next:hover {
color: #1882ff;
background-color: #fff
}
#block-cross-selling-internal-products-hubber-reference8 .slick-slider .slick-prev:hover:before,
#block-cross-selling-internal-products-hubber-reference8 .slick-slider .slick-next:hover:before {
color: inherit
}
#block-cross-selling-internal-products-hubber-reference8 .slick-slider .slick-prev {
left: -32px
}
#block-cross-selling-internal-products-hubber-reference8 .slick-slider .slick-next {
right: 1rem
}
#block-cross-selling-internal-products-hubber-reference8 .slick-slider .slick-next:before {
content: ""
}
#block-cross-selling-internal-products-hubber-reference8:hover .slick-next,
#block-cross-selling-internal-products-hubber-reference8:hover .slick-prev {
color: #263140;
border-color: #dee2e6
}
#block-cross-selling-internal-products-hubber-reference8 .card-event {
display: flex;
margin-inline: .5rem;
background: #fff;
color: initial;
min-width: unset;
max-width: 100%
}
#block-cross-selling-internal-products-hubber-reference8>em {
font-size: 14px
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .image {
aspect-ratio: auto
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .js-amount,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .js-amount {
display: block;
font-weight: 600;
margin-bottom: 1rem
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .card-price,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .card-price {
margin-bottom: auto
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .form-group,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .form-group {
margin-bottom: 1rem
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .form-group legend,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .form-group label,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .form-group legend,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .form-group label {
font-size: .75rem;
font-weight: normal;
margin-bottom: .25rem;
text-align: left
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .cross-sell-quantity-wrapper .fieldset-wrapper,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .cross-sell-quantity-wrapper .fieldset-wrapper {
border-radius: .25rem;
border: 1px solid #dee2e6;
display: flex
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .cross-sell-quantity-wrapper .fieldset-wrapper fieldset,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .cross-sell-quantity-wrapper .fieldset-wrapper fieldset {
margin-bottom: 0;
border: 0 !important
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .cross-sell-quantity-wrapper .fieldset-wrapper .select2-selection,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .cross-sell-quantity-wrapper .fieldset-wrapper .select2-selection {
padding: 0;
border: 0;
background: none;
box-shadow: none
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .cross-sell-quantity-wrapper .fieldset-wrapper .quantity-selector,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .cross-sell-quantity-wrapper .fieldset-wrapper .quantity-selector {
display: flex;
font-weight: 600;
margin-bottom: 0;
align-items: center
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .cross-sell-quantity-wrapper .fieldset-wrapper .quantity-selector .js-quantity-button,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .cross-sell-quantity-wrapper .fieldset-wrapper .quantity-selector .js-quantity-button {
border: 0;
background: rgba(0, 0, 0, 0);
display: flex;
align-items: center;
font-size: 0;
line-height: 1;
height: 2rem;
width: 2rem;
justify-content: center;
position: relative;
border-radius: .25rem;
font-size: 0;
color: initial
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .cross-sell-quantity-wrapper .fieldset-wrapper .quantity-selector .js-quantity-button:not(.disabled-button):hover,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .cross-sell-quantity-wrapper .fieldset-wrapper .quantity-selector .js-quantity-button:not(.disabled-button):hover {
background-color: #1882ff;
color: #fff
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .cross-sell-quantity-wrapper .fieldset-wrapper .quantity-selector .js-quantity-button:not(:last-child),
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .cross-sell-quantity-wrapper .fieldset-wrapper .quantity-selector .js-quantity-button:not(:last-child) {
margin-right: 5px
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .cross-sell-quantity-wrapper .fieldset-wrapper .quantity-selector .js-quantity-button:not(:last-child):after,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .cross-sell-quantity-wrapper .fieldset-wrapper .quantity-selector .js-quantity-button:not(:last-child):after {
content: "";
height: 1.25rem;
width: 1px;
background: #dee2e6;
position: absolute;
right: -5px;
top: 6px
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .cross-sell-quantity-wrapper .fieldset-wrapper .quantity-selector select,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .cross-sell-quantity-wrapper .fieldset-wrapper .quantity-selector select {
padding: 0;
border: 0;
background: none;
box-shadow: none
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .cross-sell-quantity-wrapper .quantity-selector-wrapper,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .cross-sell-quantity-wrapper .quantity-selector-wrapper {
background: rgba(0, 0, 0, 0);
padding: 0;
margin-left: auto;
margin-right: .5rem;
border: 0
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .cross-sell-quantity-wrapper .quantity-selector-wrapper .js-quantity-button,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .cross-sell-quantity-wrapper .quantity-selector-wrapper .js-quantity-button {
padding: 0;
min-width: 1.5rem
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .cross-sell-quantity-wrapper .quantity-selector-wrapper .price-amount,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .cross-sell-quantity-wrapper .quantity-selector-wrapper .price-amount {
margin-right: auto
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .cross-sell-quantity-wrapper .select2-selection__rendered,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .cross-sell-quantity-wrapper .select2-selection__rendered {
max-width: 10.5rem
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .form-actions,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .form-actions {
margin-bottom: 0
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product .form-actions .btn,
#block-cross-selling-internal-products-hubber-reference8 .hubber-cross-sell-product-merch .form-actions .btn {
width: 100%
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-commerce-ticketing-form-categories-list-ul-css.js-block-list-categories {
display: block !important
}
#block-cross-selling-internal-products-hubber-reference8 .hubber-commerce-ticketing-form-category-show-css.js-show-choice-panel {
display: none !important
}
#block-cross-selling-internal-products-hubber-reference8 h2,
#block-cross-selling-internal-products-hubber-reference8 .h2 {
padding-block: 48px 12px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products {
padding-bottom: 2rem
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a .btn,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article .btn {
width: 100%
}
@media(max-width:991.98px) {
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open {
height: auto;
border-radius: 5px;
background: #f5f5f5
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .close-cross,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .close-cross {
display: block
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .container-price-button,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .container-price-button {
display: none
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .js-list-categories.selected,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .js-list-categories.selected {
position: relative
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .js-list-categories.selected:after,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .js-list-categories.selected:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
transition: all .3s ease 0s;
position: absolute;
right: .5rem;
top: 50%;
transform: translateY(-50%)
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .js-list-categories.selected .categ_container,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .js-list-categories.selected .categ_container {
padding-right: 25px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .commerce-order-item-hubber-ticketing-add-to-cart-form,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .commerce-order-item-hubber-ticketing-add-to-cart-form {
position: relative;
display: block;
background: rgba(0, 0, 0, 0)
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .js-select-category,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .js-select-category {
text-align: left;
padding: 0 5%;
text-transform: uppercase;
font-size: 14px;
font-weight: 800
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations ul,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations ul {
list-style: none;
padding: 0
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations ul li,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations ul li {
position: relative;
display: none;
font-size: 12px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations ul li.visible,
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations ul li.selected,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations ul li.visible,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations ul li.selected {
display: list-item;
cursor: pointer
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations ul li .box,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations ul li .box {
background-color: #c50808;
width: 10px;
height: 10px;
position: absolute;
left: 5px;
top: 14px;
border-radius: 50px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations ul li .categ_container,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations ul li .categ_container {
background: #000;
border-radius: 5px;
margin: 10px auto;
padding: 10px;
display: flex;
justify-content: space-between;
padding-left: 20px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations ul li .categ_container .categname,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations ul li .categ_container .categname {
display: inline-block
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations ul li .categ_container .categname span,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations ul li .categ_container .categname span {
text-transform: capitalize
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations ul li .categ_container .categprice,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations ul li .categ_container .categprice {
display: inline-block
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations ul li .categ_container .categprice em,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations ul li .categ_container .categprice em {
font-style: normal;
font-weight: 700
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper {
margin-bottom: 0
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .js-form-type-select,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .js-form-type-select {
margin-bottom: 5px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .js-form-type-select label,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .js-form-type-select label {
float: left;
line-height: 2;
margin-top: 5px;
font-size: 12px;
max-width: calc(100% - 60px);
text-align: left
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .js-form-type-select select,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .js-form-type-select select {
cursor: pointer;
width: 50px;
float: right;
font-size: 12px;
height: calc(1.5em + .65rem);
padding: .275rem 1.75rem .375rem .75rem
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form {
position: relative;
display: flex;
flex-wrap: wrap;
width: 226px;
position: relative;
margin: auto
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form>div,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form>div {
margin: auto
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form fieldset,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form fieldset {
order: 1;
position: relative
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form fieldset:before,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form fieldset:before {
content: "";
width: 20px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0C1.46957 0 0.960859 0.210714 0.585786 0.585786C0.210714 0.960859 0 1.46957 0 2V6C0.530433 6 1.03914 6.21071 1.41421 6.58579C1.78929 6.96086 2 7.46957 2 8C2 8.53043 1.78929 9.03914 1.41421 9.41421C1.03914 9.78929 0.530433 10 0 10V14C0 14.5304 0.210714 15.0391 0.585786 15.4142C0.960859 15.7893 1.46957 16 2 16H18C18.5304 16 19.0391 15.7893 19.4142 15.4142C19.7893 15.0391 20 14.5304 20 14V10C19.4696 10 18.9609 9.78929 18.5858 9.41421C18.2107 9.03914 18 8.53043 18 8C18 7.46957 18.2107 6.96086 18.5858 6.58579C18.9609 6.21071 19.4696 6 20 6V2C20 1.46957 19.7893 0.960859 19.4142 0.585786C19.0391 0.210714 18.5304 0 18 0H2ZM13.5 3L15 4.5L6.5 13L5 11.5L13.5 3ZM6.81 3.04C7.79 3.04 8.58 3.83 8.58 4.81C8.58 5.27943 8.39352 5.72964 8.06158 6.06158C7.72964 6.39352 7.27943 6.58 6.81 6.58C5.83 6.58 5.04 5.79 5.04 4.81C5.04 4.34057 5.22648 3.89036 5.55842 3.55842C5.89036 3.22648 6.34057 3.04 6.81 3.04ZM13.19 9.42C14.17 9.42 14.96 10.21 14.96 11.19C14.96 11.6594 14.7735 12.1096 14.4416 12.4416C14.1096 12.7735 13.6594 12.96 13.19 12.96C12.21 12.96 11.42 12.17 11.42 11.19C11.42 10.7206 11.6065 10.2704 11.9384 9.93842C12.2704 9.60648 12.7206 9.42 13.19 9.42Z' fill='%237D8998'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
position: absolute;
left: 10px;
bottom: 7px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form fieldset input,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form fieldset input {
font-size: 12px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form fieldset input::placeholder,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form fieldset input::placeholder {
font-size: 12px;
font-weight: 200 !important;
color: #8c8ca5;
text-align: left
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form fieldset input::-webkit-search-cancel-button,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form fieldset input::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 1em;
width: 1em;
border-radius: 50em;
background: url(/themes/custom/hubber_reference8/images/icons/close-mini-solid.png) no-repeat;
background-size: contain;
transform: scale(1.5);
cursor: pointer
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form fieldset input:focus,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form fieldset input:focus {
box-shadow: none
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form fieldset.error,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form fieldset.error {
background: url(/themes/custom/hubber_reference8/images/icons/close-mini-solid.png) no-repeat #fff right 17px top 3px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form fieldset.filling input,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form fieldset.filling input {
background: url(/themes/custom/hubber_reference8/images/icons/close-mini-solid.png) no-repeat #fff right 17px top 3px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form button,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form button {
order: 2;
margin: auto
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form .js-form-wrapper,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form .js-form-wrapper {
order: 2;
text-align: left;
border-radius: 15px;
height: 30px;
padding: 0;
width: 90%
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form .js-form-wrapper::placeholder,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form .js-form-wrapper::placeholder {
font-size: 12px;
font-weight: 200 !important;
color: #8c8ca5;
text-align: left
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form .js-form-wrapper::-webkit-search-cancel-button,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form .js-form-wrapper::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 1em;
width: 1em;
border-radius: 50em;
background: url(/themes/custom/hubber_reference8/images/icons/close-mini-solid.png) no-repeat;
background-size: contain;
transform: scale(1.5);
cursor: pointer
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form .js-form-wrapper:focus,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .coupon-unlockrate-form .js-form-wrapper:focus {
box-shadow: none
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .price-promo-locked .js-form-type-select,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .price-promo-locked .js-form-type-select {
opacity: .5;
pointer-events: none
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .price-promo-unlocked button,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .price-promo-unlocked button {
font-size: 0;
padding: 0;
border-radius: 50px;
position: absolute;
right: 10px;
top: 5px;
background: #d3d3d3;
border: none;
width: 20px;
height: 20px;
line-height: 1
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .price-promo-unlocked button:after,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .css-ligne-price .price-promo-unlocked button:after {
content: "";
padding: 3px;
margin-left: 0;
color: #fff
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .coupon-unlockrate-form,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .coupon-unlockrate-form {
position: relative
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .coupon-unlockrate-form .js-form-wrapper,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .coupon-unlockrate-form .js-form-wrapper {
text-align: left;
background: #fff;
border-radius: 15px;
padding: 3px 0px 3px 10px;
height: 30px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .alert-dismissible,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .alert-dismissible {
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
padding: 0;
margin: 0;
text-align: center;
width: 100%
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .alert-dismissible.alert-danger,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .alert-dismissible.alert-danger {
color: red
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .alert-dismissible:before,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .alert-dismissible:before {
display: none
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .alert-dismissible button,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .alert-dismissible button {
display: none
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .alert-dismissible.alert-success,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .alert-dismissible.alert-success {
color: #64bf18;
display: inline-flex
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products a.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .alert-dismissible.alert-success:after,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config.open .field--name-variations .css-category-wrapper .alert-dismissible.alert-success:after {
content: "";
font-family: "hubber8";
display: block;
color: #64bf18;
width: 1rem;
height: 1rem;
cursor: pointer;
border-radius: 50%;
font-size: 1.5rem;
margin-left: 10px;
font-style: normal
}
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products .card-image-top {
text-align: center
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products .card-image-top img {
height: auto;
width: auto;
max-height: 100%;
max-width: 100%
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products .dateinfo {
font-size: 11px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products .container-price-button>button.js-add-to-cart {
display: flex;
align-items: center
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products .btn:last-child {
margin-bottom: 0
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products .button:not(.js-auto-add),
#block-cross-selling-internal-products-hubber-reference8 .internal-products .js-add-to-cart:not(.js-auto-add) {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products .button:not(.js-auto-add):before,
#block-cross-selling-internal-products-hubber-reference8 .internal-products .js-add-to-cart:not(.js-auto-add):before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products .js-auto-add {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products .js-auto-add:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products .close-cross {
position: absolute;
top: 5px;
right: 10px;
width: 20px;
height: 20px;
background: #d9dde2;
border-radius: 50px;
color: #fff;
line-height: 2;
font-size: 10px;
display: none
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products .close-cross:before {
content: "";
font-family: "hubber8"
}
@media screen and (min-width:769px) {
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover {
height: auto;
border-radius: 5px;
background: #f5f5f5
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .container-price-button {
display: none
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .js-list-categories.selected {
position: relative
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .js-list-categories.selected:after {
font-family: "hubber8";
content: "";
border: none;
transition: all 300ms ease-out;
position: absolute;
right: .5rem;
top: 50%;
transform: translateY(-50%);
font-size: 1.5rem
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .js-list-categories.selected .categ_container {
padding-right: 25px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .commerce-order-item-hubber-ticketing-add-to-cart-form {
position: relative;
display: block;
background: rgba(0, 0, 0, 0)
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .js-select-category {
text-align: left;
text-transform: uppercase;
font-size: 14px;
font-weight: 400
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations ul {
list-style: none;
padding: 0
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations ul li {
position: relative;
display: none;
font-size: 12px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations ul li.visible,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations ul li.selected {
display: list-item;
cursor: pointer
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations ul li .box {
background-color: red;
width: 10px;
height: 10px;
position: absolute;
left: 5px;
top: 14px;
border-radius: 50px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations ul li .categ_container {
background: #fff;
border-radius: 5px;
margin: 10px auto;
padding: 10px;
display: flex;
justify-content: space-between;
padding-left: 20px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations ul li .categ_container .categname {
display: inline-block
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations ul li .categ_container .categname span {
text-transform: capitalize
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations ul li .categ_container .categprice {
display: inline-block
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations ul li .categ_container .categprice em {
font-style: normal;
font-weight: 600
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper {
margin-bottom: 0
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .js-form-type-select {
margin-bottom: 5px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .css-ligne-price label {
float: left;
line-height: 2;
margin-top: 5px;
font-size: 12px;
max-width: calc(100% - 60px);
text-align: left
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .css-ligne-price select {
cursor: pointer;
width: 50px;
float: right;
font-size: 12px;
height: calc(1.5em + .65rem);
padding: .275rem 1.75rem .375rem .75rem
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .css-ligne-price .price-promo-locked .js-form-type-select {
opacity: .5;
pointer-events: none
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .css-ligne-price .price-promo-unlocked button {
font-size: 0;
padding: 0;
border-radius: 50px;
position: absolute;
right: 40px;
top: 5px;
background: #d3d3d3;
border: none;
width: 20px;
height: 20px;
line-height: 1
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .css-ligne-price .price-promo-unlocked button:after {
content: "";
padding: 3px;
margin-left: 0;
color: #fff
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form {
position: relative;
display: flex;
flex-wrap: wrap;
position: relative
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form>div {
margin: auto
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form fieldset {
order: 1;
position: relative
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form fieldset:before {
content: "";
width: 20px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0C1.46957 0 0.960859 0.210714 0.585786 0.585786C0.210714 0.960859 0 1.46957 0 2V6C0.530433 6 1.03914 6.21071 1.41421 6.58579C1.78929 6.96086 2 7.46957 2 8C2 8.53043 1.78929 9.03914 1.41421 9.41421C1.03914 9.78929 0.530433 10 0 10V14C0 14.5304 0.210714 15.0391 0.585786 15.4142C0.960859 15.7893 1.46957 16 2 16H18C18.5304 16 19.0391 15.7893 19.4142 15.4142C19.7893 15.0391 20 14.5304 20 14V10C19.4696 10 18.9609 9.78929 18.5858 9.41421C18.2107 9.03914 18 8.53043 18 8C18 7.46957 18.2107 6.96086 18.5858 6.58579C18.9609 6.21071 19.4696 6 20 6V2C20 1.46957 19.7893 0.960859 19.4142 0.585786C19.0391 0.210714 18.5304 0 18 0H2ZM13.5 3L15 4.5L6.5 13L5 11.5L13.5 3ZM6.81 3.04C7.79 3.04 8.58 3.83 8.58 4.81C8.58 5.27943 8.39352 5.72964 8.06158 6.06158C7.72964 6.39352 7.27943 6.58 6.81 6.58C5.83 6.58 5.04 5.79 5.04 4.81C5.04 4.34057 5.22648 3.89036 5.55842 3.55842C5.89036 3.22648 6.34057 3.04 6.81 3.04ZM13.19 9.42C14.17 9.42 14.96 10.21 14.96 11.19C14.96 11.6594 14.7735 12.1096 14.4416 12.4416C14.1096 12.7735 13.6594 12.96 13.19 12.96C12.21 12.96 11.42 12.17 11.42 11.19C11.42 10.7206 11.6065 10.2704 11.9384 9.93842C12.2704 9.60648 12.7206 9.42 13.19 9.42Z' fill='%237D8998'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
position: absolute;
left: 20px;
bottom: 7px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form fieldset input {
font-size: 12px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form fieldset input::placeholder {
font-size: 12px;
font-weight: 200 !important;
color: #8c8ca5;
text-align: left
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form fieldset input::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 1em;
width: 1em;
border-radius: 50em;
background: url(/themes/custom/hubber_reference8/images/icons/close-mini-solid.png) no-repeat;
background-size: contain;
transform: scale(1.5);
cursor: pointer
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form fieldset input:focus {
box-shadow: none
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form fieldset input.error {
background: url(/themes/custom/hubber_reference8/images/icons/close-mini-solid.png) no-repeat #fff right 17px top 3px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form fieldset.filling input::-webkit-search-cancel-button {
transform: scale(2)
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form button {
order: 2;
margin: auto;
font-size: 12px;
font-weight: 700;
color: #fff;
background-color: #233dc4;
border: 1px solid #233dc4;
border-radius: .5rem;
height: 38px;
line-height: 2;
cursor: pointer
}
}
@media screen and (min-width:769px)and (min-width:769px) {
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form button:hover {
border: none;
box-shadow: 0px -2px 0px #2d3cff, 0px 4px 5px rgba(45, 60, 255, .1), 0px 7px 20px rgba(45, 60, 255, .1), inset 0px -2px 0px #8c8ca5
}
}
@media screen and (min-width:769px) {
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form button:before,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form button:after {
color: #fff
}
}
@media screen and (min-width:769px) {
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form button[disabled] {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed;
background: #d2d2d2;
color: #fff;
box-shadow: none
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form button[disabled]:before,
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form button[disabled]:after {
color: #fff
}
}
@media screen and (min-width:769px) {
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form button:after {
display: none
}
}
@media screen and (min-width:769px) {
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form>div button:after {
display: block
}
}
@media screen and (min-width:769px) {
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form .js-form-wrapper {
order: 2;
text-align: left;
background: #fff;
border-radius: 15px;
height: 30px;
padding: 0;
width: 90%
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form .js-form-wrapper::placeholder {
font-size: 12px;
font-weight: 200 !important;
color: #8c8ca5;
text-align: left
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form .js-form-wrapper::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 1em;
width: 1em;
border-radius: 50em;
background: url(/themes/custom/hubber_reference8/images/icons/close-mini-solid.png) no-repeat;
background-size: contain;
transform: scale(1.5);
cursor: pointer
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form .js-form-wrapper:focus {
box-shadow: none
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .coupon-unlockrate-form .js-form-wrapper::-webkit-search-cancel-button {
transform: scale(2)
}
}
@media screen and (min-width:769px) {
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .alert-dismissible {
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
padding: 0;
margin: 0;
text-align: center;
width: 100%;
font-style: italic;
font-size: 12px
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .alert-dismissible.alert-danger {
color: red
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .alert-dismissible:before {
display: none
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .alert-dismissible button {
display: none
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .alert-dismissible.alert-success {
color: #64bf18;
display: inline-flex
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products article.js-add-to-cart-config:hover .field--name-variations .css-category-wrapper .alert-dismissible.alert-success:after {
content: "";
font-family: "hubber8";
display: block;
color: #64bf18;
width: 1rem;
height: 1rem;
cursor: pointer;
border-radius: 50%;
font-size: 1.5rem;
margin-left: 10px;
font-style: normal;
align-self: center
}
}
#block-cross-selling-internal-products-hubber-reference8 .internal-products .bx-wrapper {
padding: 0 5px
}
#block-cross-selling-internal-products-hubber-reference8 .bx-controls-direction {
display: none
}
#block-cross-selling-internal-products-hubber-reference8 .block-commerce-cross-sell>em.placeholder {
display: none
}
#block-cross-selling-internal-products-hubber-reference8 .cross-sell-quantity-wrapper .form-type-select.mb-3 {
margin-bottom: 0 !important
}
#block-cross-selling-internal-products-hubber-reference8 .cross-sell-quantity-wrapper .label {
font-weight: normal
}
#block-cross-selling-internal-products-hubber-reference8 .cross-sell-quantity-wrapper .select2-selection__rendered {
font-size: .75rem
}
#block-cross-selling-internal-products-hubber-reference8 .cross-sell-quantity-wrapper .select-readonly {
color: initial
}
.hubber-ticketing-cross-sell-add-to-cart-form legend {
margin-bottom: 0
}
.hubber-ticketing-cross-sell-add-to-cart-form>.js-form-item {
margin-bottom: 0 !important
}
.hubber-ticketing-cross-sell-add-to-cart-form>.js-form-item label {
color: #263140
}
.hubber-ticketing-cross-sell-add-to-cart-form>.js-form-item label .price-amount {
margin-left: auto
}
.hubber-ticketing-cross-sell-add-to-cart-form>.js-form-item label .select2-selection__rendered {
font-size: .75rem !important
}
.js-metatypeprice-details .js-metatypeprice-wrap {
margin: 5px 0 0;
background-color: #f7f9fa;
min-height: 3rem;
border-radius: 3px;
align-items: center
}
.js-metatypeprice-details .js-metatypeprice-wrap>p {
font-size: .75rem;
font-weight: 600;
margin-bottom: 0;
display: flex;
align-items: center
}
.js-metatypeprice-details .js-metatypeprice-wrap .bundle-quantity {
font-weight: normal;
font-size: .75rem;
background: rgba(0, 0, 0, 0);
border: 0;
box-shadow: none;
pointer-events: none
}
.js-metatypeprice-details .js-metatypeprice-wrap .js-information {
display: flex;
height: 23px;
align-self: center;
margin-left: 5px
}
.js-metatypeprice-details .js-metatypeprice-wrap .js-information p:before {
font-size: 1.5rem;
line-height: 1.5rem;
color: #fff
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-protected-meta .price-promo-protected.price-promo-locked {
margin: 0;
width: auto
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-protected-meta .price-promo-protected.price-promo-locked .coupon-unlockrate-form {
display: none
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-protected-meta:hover .price-promo-protected.price-promo-locked .coupon-unlockrate-form {
display: flex
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-locked-meta>p {
width: 100%
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-locked-meta>p:after {
content: "";
font-family: "hubber8";
color: #76818d;
margin-left: .5rem;
cursor: pointer;
font-size: 1.5rem;
font-weight: normal
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-locked-meta>p .js-open-unlock-inline-form-meta {
order: 3;
margin-left: auto
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-locked-meta .price-promo-protected.price-promo-locked {
margin: 0;
width: 100%
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-locked-meta .price-promo-protected.price-promo-locked .coupon-unlockrate-form div[data-drupal-messages] {
background: rgba(0, 0, 0, 0)
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-locked-meta .price-promo-protected.price-promo-locked .coupon-unlockrate-form div[data-drupal-messages] .alert-danger {
background: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
margin: 0;
border: 0;
padding: 0;
color: #dc3545;
font-size: .75rem;
line-height: 38px;
width: auto
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-locked-meta .price-promo-protected.price-promo-locked .coupon-unlockrate-form div[data-drupal-messages] .alert-danger:before {
display: none
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-locked-meta .price-promo-protected.price-promo-locked .coupon-unlockrate-form div[data-drupal-messages] .alert-danger .close {
display: none
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-locked-meta .price-promo-protected.price-promo-locked .coupon-unlockrate-form .form-type-textfield {
position: relative
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-locked-meta .price-promo-protected.price-promo-locked .coupon-unlockrate-form .ajax-progress {
display: none
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-locked-meta .price-promo-protected.price-promo-locked .coupon-unlockrate-form .form-type-textfield.filling+button.button {
font-size: 12px;
font-weight: 700;
color: #fff;
background-color: #233dc4;
border: 1px solid #233dc4;
border-radius: .5rem;
height: 38px;
line-height: 2;
cursor: pointer
}
@media screen and (min-width:769px) {
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-locked-meta .price-promo-protected.price-promo-locked .coupon-unlockrate-form .form-type-textfield.filling+button.button:hover {
border: none;
box-shadow: 0px -2px 0px #2d3cff, 0px 4px 5px rgba(45, 60, 255, .1), 0px 7px 20px rgba(45, 60, 255, .1), inset 0px -2px 0px #8c8ca5
}
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-locked-meta .price-promo-protected.price-promo-locked .coupon-unlockrate-form .form-type-textfield.filling+button.button:before,
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-locked-meta .price-promo-protected.price-promo-locked .coupon-unlockrate-form .form-type-textfield.filling+button.button:after {
color: #fff
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-locked-meta .price-promo-protected.price-promo-locked .coupon-unlockrate-form .form-type-textfield.filling+button.button[disabled] {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed;
background: #d2d2d2;
color: #fff;
box-shadow: none
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-locked-meta .price-promo-protected.price-promo-locked .coupon-unlockrate-form .form-type-textfield.filling+button.button[disabled]:before,
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-locked-meta .price-promo-protected.price-promo-locked .coupon-unlockrate-form .form-type-textfield.filling+button.button[disabled]:after {
color: #fff
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta {
border-radius: 3px;
opacity: 1;
position: relative;
display: flex;
align-items: center;
justify-content: space-between
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta p {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta p:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta p:before {
color: #cea236
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta .price-promo-protected.price-promo-unlocked {
display: flex;
align-items: center
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta .price-promo-protected.price-promo-unlocked .coupon-unlockrate-form>.js-form-wrapper.form-group {
font-size: 0;
display: flex;
align-items: center
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta .price-promo-protected.price-promo-unlocked .coupon-unlockrate-form>.js-form-wrapper.form-group>button.button.js-form-submit {
font-size: 0;
background: rgba(0, 0, 0, 0);
border: 0;
padding: .5rem;
display: inline-flex;
align-items: center;
margin-left: .5rem;
background: rgba(0, 0, 0, 0) !important
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta .price-promo-protected.price-promo-unlocked .coupon-unlockrate-form>.js-form-wrapper.form-group>button.button.js-form-submit:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta .price-promo-protected.price-promo-unlocked .coupon-unlockrate-form>.js-form-wrapper.form-group>button.button.js-form-submit:before {
margin-left: 0;
color: #76818d
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta .price-promo-protected.price-promo-unlocked .coupon-unlockrate-form.temporary-class fieldset.form-no-label,
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta .price-promo-protected.price-promo-unlocked .coupon-unlockrate-form.temporary-class+.quantity-selector-wrapper {
display: none
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta .price-promo-protected.price-promo-unlocked .coupon-unlockrate-form {
width: 100%;
display: flex
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta .price-promo-protected.price-promo-unlocked div[data-drupal-messages] {
background: rgba(0, 0, 0, 0)
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta .price-promo-protected.price-promo-unlocked div[data-drupal-messages] .alert-success {
background: rgba(0, 0, 0, 0);
margin: 0;
border: 0;
color: #64bf18;
font-size: 12px;
padding: 0;
display: flex;
align-items: center;
justify-content: end;
position: absolute;
right: 0
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta .price-promo-protected.price-promo-unlocked div[data-drupal-messages] .alert-success:before {
display: none
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta .price-promo-protected.price-promo-unlocked div[data-drupal-messages] .alert-success:after {
content: "";
font-family: "hubber8";
color: #64bf18;
cursor: pointer;
font-size: 1rem;
margin-left: .5rem;
line-height: 1
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta .price-promo-protected.price-promo-unlocked div[data-drupal-messages] .alert-success .close {
display: none
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta .price-promo-protected.price-promo-unlocked .quantity-selector-wrapper {
background: rgba(0, 0, 0, 0)
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta .price-promo-protected.price-promo-unlocked .quantity-selector-wrapper .quantity-selector {
background: rgba(0, 0, 0, 0);
height: 52px
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-unlocked-meta .price-promo-protected.price-promo-unlocked .quantity-selector-wrapper .quantity-selector select {
font-weight: 700;
font-size: 12px;
width: 2.25rem;
padding-left: .25rem;
padding-right: .25rem
}
.js-metatypeprice-details .js-metatypeprice-wrap.price-promo-protected-meta.price-promo-unlocked-meta input {
display: none
}
.js-metatypeprice-details .coupon-unlockrate-form {
margin-top: .75rem
}
.js-metatypeprice-details .show-coupon-redemption-form {
padding-block: .5rem
}
.price-promo-locked {
background-color: #f6f8f9;
display: flex;
align-items: center;
border-radius: 0
}
.price-promo-locked label {
width: 100%
}
.price-promo-locked label span {
width: 100%;
display: flex;
justify-content: space-between;
position: relative;
align-items: center
}
.price-promo-locked label span.price-info {
width: auto;
margin-right: auto;
margin-left: .5rem
}
.price-promo-locked label span.price-type-label {
justify-content: unset
}
.price-promo-locked label span.price-type-label:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
line-height: 1
}
.price-promo-locked label span a {
text-decoration: underline;
font-weight: normal;
margin-right: .75rem;
width: 7rem;
text-align: right;
text-transform: none
}
.price-promo-locked .form-group {
width: 100%;
padding: 0;
margin-bottom: 0 !important
}
.price-promo-locked .form-group.coupon-unlockrate-form {
position: relative
}
.price-promo-locked .form-group.coupon-unlockrate-form fieldset:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
position: absolute;
left: .75rem;
top: 50%;
transform: translateY(-50%);
line-height: 1
}
.price-promo-locked .form-group.coupon-unlockrate-form .coupon-unlockrate-code {
height: 2.375rem;
padding: 0 0 0 2rem;
border: 0;
background: rgba(0, 0, 0, 0);
box-shadow: none !important
}
@media(max-width:991.98px) {
.price-promo-locked .form-group.coupon-unlockrate-form .coupon-unlockrate-code {
font-size: 1rem
}
}
.price-promo-locked .form-group.coupon-unlockrate-form .form-group {
margin: 0
}
.price-promo-locked .form-group.coupon-unlockrate-form .button {
position: absolute;
right: 3px;
top: 3px;
height: 2rem;
width: 2rem;
padding: 0;
border-radius: 50%
}
.price-promo-locked .form-group.coupon-unlockrate-form .alert-success {
width: auto;
background: #f6f8f9;
border: rgba(0, 0, 0, 0);
padding: 1rem;
color: #64bf18;
font-size: .75rem;
position: absolute;
top: 0;
right: 0;
border-radius: 0
}
.price-promo-locked .form-group.coupon-unlockrate-form .alert-success::before {
display: none
}
.price-promo-locked .form-group.coupon-unlockrate-form .alert-danger {
background: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
padding: 0;
font-size: .75rem;
position: absolute;
display: flex;
align-items: center;
top: 0;
right: 5rem;
color: #dc3545
}
.price-promo-locked .form-group.coupon-unlockrate-form .alert-danger::before {
display: none
}
.price-promo-locked .form-group.coupon-unlockrate-form .close {
display: none
}
.price-promo-locked input.error::-webkit-input-placeholder,
.price-promo-locked input.error::placeholder {
color: rgba(0, 0, 0, 0)
}
.price-promo-locked input.error::-moz-placeholder,
.price-promo-locked input.error:-ms-input-placeholder {
color: rgba(0, 0, 0, 0)
}
.price-promo-unlocked {
position: relative
}
.price-promo-unlocked .button {
background-color: #ccd2d9;
color: #fff;
border: 0;
font-size: 0;
height: 1.125rem;
width: 1.125rem;
padding: 0;
border-radius: 100%;
line-height: 1
}
.price-promo-unlocked .button:before {
content: "";
font-family: "hubber8";
font-size: 1rem
}
.price-promo-unlocked label span {
display: flex;
line-height: 2rem
}
.info-type-price .price-promo-locked,
.info-type-price .price-promo-unlocked {
background-color: #f6f8f9;
display: flex;
align-items: center;
border-radius: 0;
padding: .5rem
}
.info-type-price .price-promo-locked .form-group,
.info-type-price .price-promo-unlocked .form-group {
margin-bottom: 0 !important;
padding: 0
}
.info-type-price .price-promo-locked .alert,
.info-type-price .price-promo-unlocked .alert {
width: auto;
background: rgba(0, 0, 0, 0);
border: 0;
padding: 0;
margin: 0;
position: absolute;
font-size: 12px;
color: #64bf18;
margin-top: 10px
}
.info-type-price .price-promo-locked .alert:before,
.info-type-price .price-promo-unlocked .alert:before {
display: none
}
.info-type-price .price-promo-locked .alert .close,
.info-type-price .price-promo-unlocked .alert .close {
display: none
}
.info-type-price .price-promo-unlocked .js-open-unlock-inline-form {
display: none
}
.info-type-price .price-promo-unlocked .coupon-unlockrate-form {
flex: 1
}
.info-type-price .price-promo-unlocked .coupon-unlockrate-form>.form-group {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center
}
.info-type-price .price-promo-unlocked .coupon-unlockrate-form>.form-group p {
margin-bottom: 0;
font-size: .75rem;
font-style: italic;
display: flex;
align-items: center;
color: #64bf18
}
.info-type-price .price-promo-unlocked .coupon-unlockrate-form>.form-group p:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
font-style: normal
}
.coupon-unlockrate-form fieldset {
margin-bottom: 0 !important;
width: 100%
}
.coupon-unlockrate-form .add-coupon-btn {
height: calc(100% - .5rem);
width: auto;
aspect-ratio: 1;
padding: 0;
position: absolute;
right: .25rem;
top: 50%;
transform: translateY(-50%);
font-weight: 600;
border-radius: .5rem !important
}
.coupon-unlockrate-form .add-coupon-btn:not([disabled]) {
border-color: #cea236;
background-color: #cea236;
color: #fff
}
.coupon-unlockrate-form .add-coupon-wrapper {
position: relative;
margin-bottom: 0 !important
}
.coupon-unlockrate-form .add-coupon-wrapper label {
color: #64bf18;
position: absolute;
background: #fff;
font-size: 11px !important;
padding-inline: 4px;
inset-inline-start: 8px;
top: -4px;
line-height: 1
}
.coupon-unlockrate-form .add-coupon-wrapper .js-reset-value {
position: absolute;
height: 18px;
width: 18px;
padding: 0;
top: 50%;
transform: translateY(-50%);
right: 3rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 0;
background-color: #76818d;
color: #fff;
display: inline-flex;
align-items: center
}
.coupon-unlockrate-form .add-coupon-wrapper .js-reset-value:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.coupon-unlockrate-form .add-coupon-wrapper .js-reset-value:before {
font-size: 1rem
}
.path-event .coupon-unlockrate-form .add-coupon-wrapper .js-reset-value,
.path-visit .coupon-unlockrate-form .add-coupon-wrapper .js-reset-value {
right: 4rem
}
.coupon-unlockrate-form .add-coupon-wrapper input.form-control {
height: 3rem;
padding-left: 2rem;
background: #f6f8f9
}
.coupon-unlockrate-form .add-coupon-wrapper input.form-control:focus {
border-color: #cea236
}
.path-event .coupon-unlockrate-form .add-coupon-wrapper input.form-control,
.path-visit .coupon-unlockrate-form .add-coupon-wrapper input.form-control {
height: 3.5rem
}
.coupon-unlockrate-form .add-coupon-wrapper .btn-link {
padding: 0;
font-weight: normal;
text-decoration: none;
color: #cea236;
display: inline-flex;
align-items: center;
margin-right: .5rem;
font-size: 1rem
}
.coupon-unlockrate-form .add-coupon-wrapper .btn-link:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.coupon-unlockrate-form .add-coupon-wrapper .btn-link span {
text-decoration: underline
}
.coupon-unlockrate-form .add-coupon-wrapper .coupon-unlockrate-code-wrapper {
margin-bottom: 0 !important
}
.coupon-unlockrate-form .add-coupon-wrapper .coupon-unlockrate-code-wrapper:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
position: absolute;
top: 50%;
left: .25rem;
transform: translateY(-50%);
color: #76818d
}
.coupon-unlockrate-form .add-coupon-wrapper.is-invalid .coupon-unlockrate-code-wrapper {
color: #c50808
}
.coupon-unlockrate-form .add-coupon-wrapper.is-invalid .coupon-unlockrate-code-wrapper:before {
color: #c50808
}
.coupon-unlockrate-form .add-coupon-wrapper.is-invalid .coupon-unlockrate-code-wrapper:after {
content: "";
font-family: "hubber8";
font-size: 2rem;
line-height: 1;
color: #c50808;
position: absolute;
top: 50%;
right: .2rem;
transform: translateY(-50%)
}
.coupon-unlockrate-form .add-coupon-wrapper.is-invalid .coupon-unlockrate-code-wrapper label {
color: #c50808
}
.coupon-unlockrate-form .add-coupon-wrapper.is-invalid .coupon-unlockrate-code-wrapper .coupon-unlockrate-code {
border-color: #c50808
}
.coupon-unlockrate-form .add-coupon-wrapper.is-invalid .add-coupon-btn {
visibility: hidden
}
.coupon-unlockrate-form .add-coupon-wrapper.filling .coupon-unlockrate-code-wrapper:before {
color: #cea236
}
.coupon-unlockrate-form .add-coupon-wrapper.filling .coupon-unlockrate-code-wrapper label {
color: #cea236
}
.coupon-unlockrate-form .add-coupon-wrapper.filling .coupon-unlockrate-code-wrapper .coupon-unlockrate-code,
.coupon-unlockrate-form .add-coupon-wrapper.filling .coupon-unlockrate-code-wrapper .coupon-unlockrate-code:focus {
border-color: #cea236
}
.coupon-unlockrate-form .added-coupon-wrapper fieldset {
margin-bottom: 0 !important
}
.coupon-unlockrate-form .added-coupon-wrapper .btn {
background-color: #ccd2d9;
color: #fff;
border: 0;
font-size: 0;
height: 1.125rem;
width: 1.125rem;
padding: 0;
border-radius: 100% !important;
margin-left: .5rem;
margin-right: auto;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 3rem;
top: 50%;
transform: translateY(-50%)
}
.coupon-unlockrate-form .added-coupon-wrapper .btn:before {
content: "";
font-family: "hubber8";
font-size: 1rem
}
.coupon-unlockrate-form .added-coupon-wrapper .coupon-unlockrate-code-wrapper {
margin-bottom: 0 !important
}
.coupon-unlockrate-form .added-coupon-wrapper .coupon-unlockrate-code-wrapper:before {
color: #64bf18
}
.coupon-unlockrate-form .added-coupon-wrapper .coupon-unlockrate-code-wrapper:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
line-height: 1;
color: #64bf18;
position: absolute;
top: 50%;
right: .2rem;
transform: translateY(-50%)
}
.coupon-unlockrate-form .added-coupon-wrapper .coupon-unlockrate-code-wrapper .coupon-unlockrate-code.is-not-empty {
border-color: #64bf18;
background-color: #fff !important
}
.coupon-unlockrate-form .coupon-unlockrate-description {
font-size: .75rem;
font-weight: 600;
color: #64bf18
}
.coupon-unlockrate-form .promotion-description {
font-size: .75rem
}
.coupon-unlockrate-form .coupon-unlockrate-form {
margin-bottom: 0;
background-color: #f6f8f9;
font-size: .75rem;
padding: 1rem
}
.coupon-unlockrate-form .coupon-unlockrate-form .coupon-unlockrate-description,
.coupon-unlockrate-form .coupon-unlockrate-form .promotion-description {
margin-bottom: 0
}
.coupon-unlockrate-form .coupon-unlockrate-form .coupon-code-wrapper {
display: flex;
align-items: center
}
.coupon-unlockrate-form .coupon-unlockrate-form .coupon-code {
font-weight: 600
}
.coupon-unlockrate-form .coupon-unlockrate-form .coupon-unlockrate-description {
font-weight: 600;
font-style: italic;
color: #64bf18;
margin-left: auto
}
.coupon-unlockrate-form .coupon-unlockrate-form .coupon-unlockrate-description:after {
font-style: normal;
color: #64bf18
}
.coupon-unlockrate-form .form-element-error {
color: #c50808;
font-size: .75rem;
font-weight: 600;
margin-bottom: 0
}
.js-confirm-promo {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.js-confirm-promo:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.show-coupon-redemption-form {
color: #cea236 !important;
text-decoration: none !important;
display: inline-flex;
align-items: center;
margin-right: .5rem;
font-size: 1rem
}
.show-coupon-redemption-form:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.show-coupon-redemption-form span {
text-decoration: underline
}
.path-cart .layout-main-wrapper {
min-height: calc(100vh - var(--main-content-top, 0))
}
@media(min-width:992px) {
.path-cart ::-webkit-scrollbar-track {
border: 3px solid #fff;
background-color: #ccd2d9
}
.path-cart ::-webkit-scrollbar {
width: 7px;
background-color: #dfe6e9
}
.path-cart ::-webkit-scrollbar-thumb {
background-color: #ccd2d9;
border-radius: 10px;
width: 5px
}
.path-cart ::-webkit-scrollbar:horizontal {
height: 8px
}
}
@media(max-width:991.98px) {
.path-cart .footer {
margin-bottom: 8.5rem
}
}
.path-cart.layout-no-sidebars .block-system-main-block {
position: relative;
margin: 3rem auto;
text-align: center
}
.path-cart #main-wrapper {
overflow: visible
}
@media(min-width:992px) {
.path-cart #main-wrapper {
position: relative
}
}
.path-cart .button-empty-cart {
display: flex;
text-decoration: none !important;
color: initial !important;
font-weight: normal;
padding: 1rem 0;
margin-left: 1rem;
overflow: hidden;
transition: .2s;
background-color: rgba(0, 0, 0, 0);
border: none
}
.path-cart .button-empty-cart:before,
.path-cart .button-empty-cart:after {
content: "";
position: absolute;
width: 50%;
height: 1px;
background: #263140;
bottom: 1.1rem;
transition: .2s
}
.path-cart .button-empty-cart:before {
left: 0
}
.path-cart .button-empty-cart:after {
right: 0
}
.path-cart .button-empty-cart:hover {
color: #1882ff !important;
text-decoration: none
}
.path-cart .button-empty-cart:hover:after {
right: -4rem;
background: #1882ff
}
.path-cart .button-empty-cart:hover:before {
left: -4rem;
background: #1882ff
}
.path-cart .pay-option {
align-items: center;
background-color: #fff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #1882ff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
padding: .5rem;
display: block;
position: relative;
padding-right: 50px !important;
display: flex;
height: 38px !important
}
@media(min-width:768px) {
.path-cart .pay-option {
display: inline-flex
}
}
.path-cart .pay-option:hover {
background-color: #fff;
border-color: #1882ff;
color: #1882ff;
transform: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03)
}
.path-cart .pay-option:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
line-height: 1;
margin-left: .5rem;
font-weight: normal
}
.path-cart .pay-option em {
padding: .3rem 0 .3rem .75rem;
margin-left: .75rem;
border-left: 1px solid #fff;
font-weight: 900;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-style: normal
}
.path-cart .pay-before-info {
font-size: .625rem;
text-align: right
}
.path-cart .pay-before-info em {
font-style: normal
}
.path-cart .pay-before-info em:last-child {
font-size: 14px;
font-weight: 900
}
.path-cart .sub-wrapper {
position: relative
}
.path-cart .sub-wrapper .pay-before-info {
position: absolute;
top: -1.75rem;
right: 0
}
@media(min-width:992px) {
.path-cart .sub-wrapper .cancel-option {
margin-top: .5rem
}
}
.path-cart .wrapper-footer {
display: none
}
.path-cart .block-system-main-block form {
padding-bottom: 2rem;
position: relative
}
@media(max-width:991.98px) {
.path-cart .block-system-main-block form {
padding-bottom: 2rem;
margin-bottom: 9rem
}
}
.path-cart .block-system-main-block form .cart-empty-page {
padding: 18px 0 12px 0;
position: relative
}
.path-cart .block-system-main-block form .cart-empty-page .cart-empty-label-info {
position: relative;
font-size: .875rem;
display: flex;
flex-direction: column
}
.path-cart .block-system-main-block form .cart-empty-page .cart-empty-label-info:before {
font-family: "hubber8";
content: "";
font-size: 3rem;
color: #b4bbc2;
font-style: normal
}
.path-cart .block-system-main-block form .cart-empty-page-more-info {
display: inline-flex;
align-items: center;
margin-right: .5rem;
min-width: 11rem
}
.path-cart .block-system-main-block form .cart-empty-page-more-info:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:991.98px) {
.path-cart:has(.block-cart-footer.multiple-actions) .block-system-main-block form {
margin-bottom: 11rem
}
}
@media(min-width:992px) {
.path-cart .cart-contents-footer {
position: relative
}
.path-cart .cart-contents-footer:after {
content: "";
height: 1px;
width: 23.25rem;
background-color: #dee2e6;
position: absolute;
top: 0;
left: -1.5rem
}
}
.path-cart [id*=block-cross-selling-integrated],
.path-cart [id*=block-cross-selling-option-order] {
margin-bottom: 0 !important;
padding-bottom: 0 !important
}
.path-cart [id*=block-cross-selling-integrated] .section,
.path-cart [id*=block-cross-selling-option-order] .section {
margin-bottom: 0
}
.path-cart [id*=block-cross-selling-integrated] {
margin-top: 1.5rem
}
.path-cart .sidebar .cart-action-wrapper {
max-width: unset;
padding: 0;
margin-bottom: 0
}
.path-cart .sidebar .cart-action-wrapper .button-checkout-mini-cart {
width: 100%;
justify-content: center
}
.path-cart .sidebar .cart-action-wrapper .button-checkout-mini-cart .checkout-btn-label {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.path-cart .sidebar .cart-action-wrapper .button-checkout-mini-cart .checkout-btn-label:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.path-cart .sidebar .cart-action-wrapper .button-checkout-mini-cart .checkout-btn-price-info {
display: none
}
.path-cart .sidebar .cart-action-wrapper .button-checkout-mini-cart,
.path-cart .sidebar .cart-action-wrapper .button-checkout-cart {
height: 3rem
}
.path-cart .totals>div {
display: flex;
align-items: center
}
.path-cart .order-total-line.order-total-line__total {
text-align: right;
display: inline-flex;
align-items: baseline;
justify-content: flex-end;
font-weight: 600
}
.path-cart .order-total-line.order-total-line__total span.order-total-line-value {
margin-left: 10px;
font-weight: 800;
font-size: 1.5rem
}
.path-cart .cart-summary th {
color: #76818d;
font-size: .875rem;
font-weight: 600
}
.path-cart .cart-summary th.resale-quantity-header {
text-align: center
}
.path-cart .cart-summary th.resale-total-price-header {
text-align: right;
padding: 0 1.5rem
}
.path-cart .cart-summary th.resale-delete-item {
display: none
}
.path-cart .row-item-resale .cart-product-detail-info-title {
display: flex;
align-items: center
}
.path-cart .row-item-resale .item-quantity {
text-align: center;
font-size: .875rem
}
.path-cart .row-item-resale .item-total-price {
text-align: right;
font-size: .875rem;
font-weight: 600;
display: flex;
flex-direction: column
}
.path-cart .row-item-resale .item-total-price .fees-info {
margin-top: .5rem
}
.path-cart .row-item-resale .item-total-price .fees-info,
.path-cart .row-item-resale .item-total-price .fees-amount {
color: #76818d;
font-size: .75rem;
font-weight: 400
}
.path-cart .cart-content .bundle-item {
display: flex;
justify-content: space-between;
font-size: 14px
}
@media(max-width:991.98px) {
.path-cart .cart-content .bundle-item {
flex-wrap: wrap
}
}
@media(max-width:991.98px) {
.path-cart .cart-content .bundle-item .bundle-item-info {
flex: 0 0 90%
}
}
.path-cart .cart-content .bundle-item .bundle-item-info .cart-product-detail-info-title {
font-size: 1rem
}
.path-cart .cart-content .bundle-item .bundle-item-info .cart-product-detail-info-title a {
color: inherit
}
.path-cart .cart-content .bundle-item .bundle-item-unit-price,
.path-cart .cart-content .bundle-item .bundle-item-total-price {
font-weight: 600
}
.path-cart .associated-variations-wrapper-title {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: .75rem
}
.path-cart .associated-variations-wrapper {
margin-top: 2rem
}
.path-cart .associated-variations-wrapper .variation-associated {
background: #fff;
box-shadow: 0px .25px 1px rgba(0, 0, 0, .05), 0px .5px 3px rgba(0, 0, 0, .1);
border-radius: .5rem;
padding: 1rem 1.5rem;
position: relative;
margin-bottom: 1.5rem;
display: flex;
gap: 10px
}
@media(max-width:767.98px) {
.path-cart .associated-variations-wrapper .variation-associated {
flex-wrap: wrap
}
}
@media(max-width:991.98px) {
.path-cart .associated-variations-wrapper .variation-associated {
padding: .75rem
}
}
.path-cart .associated-variations-wrapper .variation-associated .image-style-thumbnail {
align-self: flex-start
}
.path-cart .associated-variations-wrapper .variation-associated [data-drupal-selector$=-left-text] {
font-size: .875rem;
color: #263140
}
.path-cart .associated-variations-wrapper .variation-associated [data-drupal-selector$=-title] {
font-weight: 600;
font-size: 1rem;
margin-right: auto
}
.path-cart .associated-variations-wrapper .variation-associated [data-drupal-selector$=-price] {
font-weight: 600
}
.path-cart .associated-variations-wrapper .variation-associated [data-drupal-selector$=-submit] {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.path-cart .associated-variations-wrapper .variation-associated [data-drupal-selector$=-submit]:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:991.98px) {
.path-cart .associated-variations-wrapper .variation-associated [data-drupal-selector$=-right] {
margin-left: auto
}
}
@media(min-width:992px) {
.path-cart .block-system-main-block {
width: calc(100% - 23.25rem);
position: relative
}
.path-cart .block-system-main-block .cart-summary-form>*:not([id*=block-cross-selling-internal-products-hubber-reference8]),
.path-cart .block-system-main-block .block-commerce-cross-sell,
.path-cart .block-system-main-block .cart-insurance-block {
margin-inline: 0
}
.path-cart .block-system-main-block form {
position: relative
}
.path-cart .block-system-main-block form.cart-summary-form:has(#block-cross-selling-mandatory-products-hubber-reference8) ul.cart-content-list {
border-radius: .5rem .5rem 0 0;
border: 1px solid #dee2e6;
margin-bottom: 0;
border-bottom: none
}
.path-cart .block-system-main-block form.cart-summary-form:has(#block-cross-selling-mandatory-products-hubber-reference8) #block-cross-selling-mandatory-products-hubber-reference8 {
border-radius: 0 0 .5rem .5rem;
border: 1px solid #dee2e6
}
.path-cart .block-page-title-block h1,
.path-cart .block-page-title-block .h1 {
font-size: 1.5rem;
font-weight: 600;
text-transform: none
}
}
@media(min-width:992px)and (min-width:992px) {
.path-cart .block-page-title-block h1,
.path-cart .block-page-title-block .h1 {
font-size: 2rem
}
}
@media(min-width:992px) {
.path-cart .wrapper-footer {
border-top: 1px solid #dee2e6;
padding-top: 1.5rem;
margin-top: 1.5rem;
display: flex;
align-items: flex-end;
justify-content: space-between
}
}
@media(min-width:992px) {
.path-cart .button-back-home {
height: 3rem;
padding: 0;
color: initial !important;
font-weight: normal;
text-decoration: underline !important
}
.path-cart .button-back-home-top {
margin: 0
}
}
@media(min-width:992px) {
.path-cart .button-checkout-cart {
align-items: center;
background-color: #fff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #1882ff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
padding: .75rem
}
.path-cart .button-checkout-cart .checkout-btn-label {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.path-cart .button-checkout-cart .checkout-btn-label:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
}
@media(min-width:992px)and (min-width:768px) {
.path-cart .button-checkout-cart {
display: inline-flex
}
}
@media(min-width:992px) {
.path-cart .button-checkout-cart:hover {
background-color: #fff;
border-color: #1882ff;
color: #1882ff;
transform: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03)
}
}
@media(min-width:992px) {
.path-cart .button-checkout-cart .checkout-btn-price-info {
margin-left: .625rem;
padding-left: .625rem;
border-left: 1px solid
}
}
@media(min-width:992px) {
.path-cart form>.table-responsive {
background: #fff;
border: 1px solid #d9dde2;
box-sizing: border-box;
border-radius: 8px;
border-collapse: separate;
margin-bottom: 40px;
position: relative;
overflow: visible
}
.path-cart form>.table-responsive th {
border-top: none;
vertical-align: middle;
border-bottom: none
}
.path-cart form>.table-responsive th.bundle-details-header-name {
height: 80px
}
.path-cart form>.table-responsive th.bundle-details-header-delete-item {
display: none
}
}
@media(min-width:992px) {
.path-cart .cart-product-detail-info span.cart-product-detail-info-title {
color: #000;
text-transform: uppercase;
font-weight: 600;
font-size: .875rem
}
.path-cart .cart-product-detail-info span.cart-product-attribute {
font-size: 14px;
color: #000;
text-transform: uppercase;
font-weight: 700;
margin-left: 15px;
position: relative
}
.path-cart .cart-product-detail-info span.cart-product-attribute:before {
content: "";
position: absolute;
left: -10px;
top: 7px;
width: 5px;
height: 5px;
background: #d3d3d3;
border-radius: 50px
}
.path-cart .cart-product-detail-info span.cart-product-details {
display: block;
margin-bottom: 10px;
font-size: 12px
}
.path-cart .cart-product-detail-info span.cart-product-details span.cart-product-detail-info-date {
display: inline-block;
color: #8c8ca5
}
.path-cart .cart-product-detail-info span.cart-product-details span.cart-product-detail-info-location {
display: inline-block;
color: #8c8ca5;
position: relative;
margin-left: 15px
}
.path-cart .cart-product-detail-info span.cart-product-details span.cart-product-detail-info-location:before {
content: "";
position: absolute;
left: -12px;
top: 10px;
width: 5px;
height: 5px;
background: #d3d3d3;
border-radius: 50px
}
}
@media(min-width:992px) {
.path-cart .cart-product-detail-additional-info span {
font-size: 11px;
margin-right: 5px
}
.path-cart .cart-product-detail-additional-info span em {
font-weight: 700;
color: #000
}
}
@media(min-width:992px) {
.path-cart .bundle-item-unit-price-header,
.path-cart .bundle-item-quantity-header,
.path-cart .bundle-item-total-price-header {
color: #8c8ca5;
font-weight: 400
}
}
@media(min-width:992px) {
.path-cart .order-total-line.order-total-line__total {
text-align: right
}
}
@media(min-width:992px) {
.toolbar-horizontal .path-cart .sidebar_second {
top: 11rem
}
.path-cart .sidebar_second form h2.cart-summary-header-mobile,
.path-cart .sidebar_second form .cart-summary-header-mobile.h2 {
display: none
}
.path-cart .sidebar_second form .product-img img {
max-height: 100%;
max-width: 100%;
height: auto;
width: auto
}
.path-cart .sidebar_second form .cart-summary-info-wrapper .block-cart-footer .timer-wrapper {
margin-bottom: .75rem
}
.path-cart .sidebar_second form .cart-summary-info-wrapper .block-cart-footer .order-total-to-pay-value {
font-size: 1.25rem;
font-weight: 800
}
.path-cart .sidebar_second form .cart-summary-info-wrapper .block-cart-footer .order-total-to-pay-label {
font-weight: 600
}
.path-cart .sidebar_second form .cart-summary-info-wrapper .cart-contents-footer {
margin-top: auto
}
.path-cart .sidebar_second form .cart-summary-info-wrapper .cart-contents-footer .timer-wrapper .timer {
line-height: 1.7
}
}
@media(min-width:992px) {
.path-cart #edit-cart-1-checkout-cart-button {
float: right
}
.path-cart #edit-cart-1-checkout-cart-button .checkout-btn-label {
display: inline-flex;
align-items: center;
margin-left: .5rem
}
.path-cart #edit-cart-1-checkout-cart-button .checkout-btn-label:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.path-cart #edit-cart-1-checkout-cart-button:before {
margin: 0 20px
}
}
@media(min-width:992px) {
[id*=block-cross-selling-integrated] article.product-merchandising {
border: 1px solid #d9dde2;
box-sizing: border-box;
border-radius: 8px;
width: 100%;
padding: 20px
}
[id*=block-cross-selling-integrated] article.product-merchandising h1,
[id*=block-cross-selling-integrated] article.product-merchandising .h1 {
font-weight: bold;
font-size: 16px
}
}
@media(max-width:991.98px) {
.order-summary {
padding: 1rem
}
}
@media(max-width:991.98px)and (max-width:767.98px) {
.order-summary {
padding-top: 1rem !important
}
}
@media(max-width:991.98px) {
.path-cart main form .button-checkout-cart,
.path-cart main form .order-total-line.order-total-line__total,
.path-cart main form .cart_counter {
display: none
}
.path-cart main h1,
.path-cart main .h1 {
font-weight: 600;
font-size: 1.5rem
}
.path-cart #main section.section .block-system-main-block form .cart-empty-page {
margin-top: 70px
}
.path-cart .block-page-title-block {
text-align: center;
margin-top: 24px;
font-size: 1.5rem;
font-weight: 600;
text-transform: none
}
}
@media(max-width:991.98px)and (min-width:992px) {
.path-cart .block-page-title-block {
font-size: 2rem
}
}
@media(max-width:991.98px) {
.path-cart form .button-back-home {
height: 3rem;
padding: 0;
color: initial !important;
text-decoration: underline !important;
background: rgba(0, 0, 0, 0);
font-weight: normal
}
}
@media(max-width:991.98px)and (max-width:991.98px) {
.path-cart form .wrapper-head .button-back-home {
font-size: 0
}
.path-cart form .wrapper-head .button-back-home:before {
margin-right: 0
}
}
@media(max-width:991.98px) {
.path-cart form>.table-responsive {
background: #fff;
border-radius: 8px;
margin-bottom: 50px;
overflow: visible;
border: 1px solid #fff
}
.path-cart form>.table-responsive .table-striped tbody tr:nth-of-type(odd) {
background: rgba(0, 0, 0, 0)
}
.path-cart form>.table-responsive table {
margin-bottom: 0;
position: relative
}
.path-cart form>.table-responsive table tr:first-child td {
border-top: none
}
.path-cart form>.table-responsive table tbody tr {
background: rgba(0, 0, 0, 0);
border-top: 1px solid #d9dde2
}
.path-cart form>.table-responsive table tbody tr:first-child {
border-top: none
}
.path-cart form>.table-responsive table td.item-unit-price,
.path-cart form>.table-responsive table td.bundle-item-unit-price,
.path-cart form>.table-responsive table td.item-total-price,
.path-cart form>.table-responsive table td.bundle-item-total-price {
display: none
}
.path-cart form>.table-responsive table tr.row-item-resale td.item-total-price {
display: flex
}
.path-cart form>.table-responsive table td.item-quantity,
.path-cart form>.table-responsive table td.bundle-item-quantity {
text-align: right;
font-size: .75rem
}
.path-cart form>.table-responsive table td.bundle-details-delete-item {
width: 0;
padding: 0
}
.path-cart form>.table-responsive table td.item-product-details .cart-product-detail-image,
.path-cart form>.table-responsive table td.bundle-item-info .cart-product-detail-image {
display: none
}
.path-cart form>.table-responsive table td.item-product-details .cart-product-detail-wrapper,
.path-cart form>.table-responsive table td.bundle-item-info .cart-product-detail-wrapper {
font-weight: bold;
font-size: 12px
}
.path-cart form>.table-responsive table td.item-product-details .cart-product-detail-wrapper em,
.path-cart form>.table-responsive table td.bundle-item-info .cart-product-detail-wrapper em {
font-style: normal
}
.path-cart form>.table-responsive table td.item-product-details .cart-product-detail-wrapper .cart-product-detail-image,
.path-cart form>.table-responsive table td.bundle-item-info .cart-product-detail-wrapper .cart-product-detail-image {
display: none
}
.path-cart form>.table-responsive table td.item-product-details .cart-product-detail-wrapper .cart-product-details,
.path-cart form>.table-responsive table td.bundle-item-info .cart-product-detail-wrapper .cart-product-details {
font-size: .75rem;
font-weight: normal;
color: #76818d;
display: flex;
flex-direction: column
}
.path-cart form>.table-responsive table td.item-product-details .cart-product-detail-wrapper .cart-product-detail-additional-info,
.path-cart form>.table-responsive table td.bundle-item-info .cart-product-detail-wrapper .cart-product-detail-additional-info {
margin-top: 10px;
font-size: 11px;
color: #000;
font-weight: normal
}
.path-cart form>.table-responsive table thead {
background: rgba(0, 0, 0, 0)
}
.path-cart form>.table-responsive table thead tr th {
border-top: none;
vertical-align: middle;
border-bottom: none
}
.path-cart form>.table-responsive table thead tr th.bundle-item-unit-price-header,
.path-cart form>.table-responsive table thead tr th.bundle-item-total-price-header {
display: none
}
.path-cart form>.table-responsive table thead tr th.bundle-item-quantity-header {
color: #8c8ca5;
text-align: right;
font-size: 12px
}
.path-cart form>.table-responsive table thead tr th.bundle-details-header-name {
border-bottom: none;
display: block;
padding-bottom: 0
}
.path-cart form>.table-responsive table thead tr th.bundle-details-header-name .cart-product-bundle-info-wrapper {
display: inline-flex
}
.path-cart form>.table-responsive table thead tr th.bundle-details-header-name .cart-product-bundle-info-wrapper .cart-product-detail-info-title {
margin-left: 10px;
font-size: .875rem
}
.path-cart form>.table-responsive table thead tr th.bundle-details-header-delete-item {
display: none
}
.path-cart form>.table-responsive table thead tr th.bundle-details-header-quantity {
font-size: 14px;
padding: 0;
display: block;
font-weight: normal;
padding-left: 49px;
color: #8c8ca5
}
.path-cart form>.table-responsive table thead tr th.bundle-details-header-price {
font-size: 0;
border-top-right-radius: 8px;
text-align: right
}
.path-cart form>.table-responsive table thead tr th.bundle-details-header-price .placeholder {
font-size: 1rem;
font-weight: 800;
font-style: normal
}
.path-cart form>.table-responsive table tbody {
position: relative
}
.path-cart form>.table-responsive table tbody table.bundle-products-details {
background: rgba(0, 0, 0, 0)
}
.path-cart form>.table-responsive table tbody table.bundle-products-details thead th.bundle-item-quantity-header,
.path-cart form>.table-responsive table tbody table.bundle-products-details thead th.bundle-item-info-header {
font-weight: bold;
font-size: 12px;
color: #8c8ca5
}
.path-cart form>.table-responsive table tbody table.bundle-products-details tbody td.bundle-item-info {
padding: 10px
}
.path-cart form>.table-responsive table tbody table.bundle-products-details tbody td.bundle-item-info .cart-product-detail-wrapper {
font-weight: bold;
font-size: 12px
}
.path-cart form>.table-responsive table tbody table.bundle-products-details tbody td.bundle-item-info .cart-product-detail-wrapper em {
font-style: normal
}
.path-cart form>.table-responsive table tbody table.bundle-products-details tbody td.bundle-item-info .cart-product-detail-wrapper .cart-product-detail-image {
display: none
}
.path-cart form>.table-responsive table tbody table.bundle-products-details tbody td.bundle-item-info .cart-product-detail-wrapper .cart-product-detail-additional-info {
margin-top: 10px;
font-size: 11px;
color: #000;
font-weight: normal
}
.path-cart form>.table-responsive table tbody table.bundle-products-details tbody td.bundle-item-quantity {
text-align: right;
padding: 10px
}
.path-cart form>.table-responsive table tbody tr.row-item-bundle-details td {
padding: 0
}
.path-cart form>.table-responsive table tbody tr.row-item-bundle-details td.bundle-item-unit-price,
.path-cart form>.table-responsive table tbody tr.row-item-bundle-details td.bundle-item-total-price {
display: none
}
.path-cart form>.table-responsive td.bundle-details-delete-item {
position: absolute;
left: 0;
bottom: 0
}
.path-cart form>.table-responsive td.bundle-details-delete-item button {
position: absolute;
bottom: -3rem;
background: rgba(0, 0, 0, 0) !important;
border: none;
color: #76818d !important;
font-size: .75rem;
padding: 0;
display: flex;
align-items: center;
overflow: hidden;
white-space: nowrap;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.path-cart form>.table-responsive td.bundle-details-delete-item button:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
}
@media(max-width:991.98px) {
.path-cart .sidebar_second h2,
.path-cart .sidebar_second .h2 {
border-radius: 1.5rem 1.5rem 0 0;
padding-top: 1.875rem;
border-bottom: 0;
text-transform: none;
display: none;
margin-bottom: 0;
font-weight: 600
}
.path-cart .sidebar_second h2.cart-summary-header-desktop,
.path-cart .sidebar_second .cart-summary-header-desktop.h2 {
display: none
}
.path-cart .sidebar_second form {
padding: 0
}
.path-cart .sidebar_second .order-total-line {
padding: 0
}
.path-cart .sidebar_second.openRecap h2.cart-summary-header-mobile,
.path-cart .sidebar_second.openRecap .cart-summary-header-mobile.h2 {
display: block;
font-size: 1.75rem;
padding-bottom: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative
}
.path-cart .sidebar_second.openRecap .cart-summary-info-wrapper .cart-contents {
padding-bottom: 8px;
height: auto;
max-height: 35vh;
overflow: auto;
padding-left: 0;
padding-right: 0;
position: relative;
overflow: visible
}
.path-cart .sidebar_second.openRecap .cart-summary-info-wrapper .cart-contents::after {
display: flex;
content: "";
background-color: #d9dde2;
bottom: 0;
left: -1rem;
position: absolute;
height: 1px;
width: calc(100% + 2rem)
}
.path-cart .sidebar_second.openRecap .row.cart-contents-footer:after {
transform: rotate(270deg);
position: absolute;
top: 20px;
right: 20px
}
.path-cart .sidebar_second.openRecap .cart-contents-footer .w-100 .totals:after {
transform: rotate(0deg)
}
.path-cart .sidebar_second .cart-summary-info-wrapper .cart-summary-info-caption {
display: none;
font-size: .75rem;
line-height: 1.5rem;
letter-spacing: .1em;
text-transform: uppercase;
color: #76818d;
font-weight: 400;
border-bottom: 1px solid #dee2e6;
margin: 0 0 20px 0;
padding: 0 0 1rem
}
.path-cart .sidebar_second button.js-form-submit {
width: 100%;
justify-content: center
}
.path-cart .sidebar_second .block-cart-footer {
padding-top: 33px
}
}
@media(max-width:991.98px) {
.path-cart .order-summary .cart-summary-product {
margin-bottom: 1rem
}
}
.path-cart .toolbar-oriented .toolbar-bar {
z-index: 950
}
.path-cart .contextual {
z-index: 499
}
.path-cart:has(.cart-empty-page) .block-hubber-breadcrumb-block {
padding-inline: 1rem
}
.path-cart .main-content {
margin-top: 1.25rem;
padding: 0
}
.path-cart .cart-product-detail-info-qty,
.path-cart .cart-product-detail-info-qty em {
display: flex;
align-items: center;
margin-left: .25rem;
font-style: normal;
color: #76818d
}
@media(min-width:992px) {
.path-cart .wrapper-head {
display: flex;
margin-bottom: .75rem
}
}
.path-cart .wrapper-head .block-page-title-block {
flex: 1
}
.path-cart .wrapper-head .block-page-title-block h1,
.path-cart .wrapper-head .block-page-title-block .h1 {
text-align: center
}
@media(min-width:992px) {
.path-cart .wrapper-head .block-page-title-block h1,
.path-cart .wrapper-head .block-page-title-block .h1 {
margin-top: 1rem;
font-size: 1.5rem;
margin-bottom: 0
}
}
.path-cart .wrapper {
display: flex;
justify-content: space-between
}
@media(max-width:1248px) {
.path-cart .wrapper {
flex-direction: column-reverse;
align-items: flex-end
}
}
@media(max-width:767.98px) {
.path-cart .wrapper {
margin-top: 1.5rem;
border-top: 1px solid #dee2e6;
padding-top: .5rem;
flex-direction: column
}
}
@media(max-width:991.98px) {
.path-cart .wrapper .footer-btn-left {
align-self: center;
display: flex;
flex-direction: column;
align-items: center
}
}
.path-cart .wrapper .button-back-home {
margin-right: auto
}
@media(max-width:991.98px) {
.path-cart .wrapper .button-back-home {
align-self: flex-start;
overflow: hidden;
white-space: nowrap
}
}
@media(max-width:991.98px) {
.path-cart .wrapper {
width: 100%
}
}
.path-cart .wrapper .sub-wrapper {
display: flex
}
.path-cart .wrapper .sub-wrapper .block-commerce-cross-sell {
display: none
}
@media(min-width:992px) {
.path-cart .wrapper .sub-wrapper .block-commerce-cross-sell {
display: flex
}
.path-cart .wrapper .sub-wrapper .block-commerce-cross-sell .checkout-btn-label {
overflow: hidden;
white-space: nowrap
}
.path-cart .wrapper .sub-wrapper .block-commerce-cross-sell .checkout-btn-label span {
margin-left: .25rem
}
}
.path-cart .wrapper .sub-wrapper .block-commerce-cross-sell .button-checkout-cart {
align-items: center;
background-color: #fff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #1882ff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
height: 3rem
}
@media(min-width:768px) {
.path-cart .wrapper .sub-wrapper .block-commerce-cross-sell .button-checkout-cart {
display: inline-flex
}
}
.path-cart .wrapper .sub-wrapper .block-commerce-cross-sell .button-checkout-cart:hover {
background-color: #fff;
border-color: #1882ff;
color: #1882ff;
transform: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03)
}
@media(min-width:992px) {
.path-cart .wrapper .sub-wrapper .block-commerce-cross-sell .button-checkout-cart {
margin-left: 1rem
}
}
.path-cart .wrapper .sub-wrapper .block-commerce-cross-sell .button-checkout-cart:before {
display: none
}
.path-cart .wrapper .sub-wrapper .block-commerce-cross-sell:after {
content: attr(data-label-or);
text-transform: uppercase;
padding: .6rem .5rem;
font-size: .75rem;
color: #76818d;
line-height: 1.5rem
}
.path-cart .sidebar p {
text-align: center
}
.path-cart .sidebar p>a {
margin-top: .5rem;
font-size: .875rem;
text-decoration: underline;
display: block;
color: #000
}
.path-cart .pay-option:hover,
.path-cart .sidebar_second form button.pay-option:hover {
background-color: #fff;
color: #1882ff;
border: 1px solid
}
.path-cart .pay-option:before,
.path-cart .sidebar_second form button.pay-option:before {
display: none
}
.path-cart .pay-option span,
.path-cart .sidebar_second form button.pay-option span {
margin-left: .25rem;
overflow: hidden;
white-space: nowrap
}
@media(max-width:991.98px) {
.path-cart .pay-option span,
.path-cart .sidebar_second form button.pay-option span {
display: none
}
}
.path-cart .pay-option em,
.path-cart .sidebar_second form button.pay-option em {
margin-left: .625rem;
padding-left: .625rem;
border-left: 1px solid;
font-style: normal
}
.path-cart .pay-option+p,
.path-cart .sidebar_second form button.pay-option+p {
margin-top: 1rem;
margin-bottom: 0
}
.path-cart .pay-option+p a,
.path-cart .sidebar_second form button.pay-option+p a {
font-size: .875rem;
text-decoration: underline;
margin: 0 1rem;
color: #000;
display: block
}
.sidebar .path-cart {
padding: 0
}
.path-cart .button-checkout-mini-cart .checkout-btn-label span,
.path-cart .button-checkout-cart .checkout-btn-label span {
overflow: hidden;
white-space: nowrap;
margin-left: .25rem
}
.page-order-checkout .layout-main-wrapper button.confirm-split-button:not(.pay-option) {
background-color: #185bbf
}
.cart-summary-form .wrapper-head {
display: flex;
flex-direction: column;
align-items: flex-start
}
.cart-summary-form .add-order-info-title {
color: #263140;
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 24px;
margin: 1.5rem
}
@media(min-width:768px) {
.path-checkout .ui-dialog-content:has(.modal-gift-card-form) {
padding-top: 0;
margin-top: 0
}
.path-checkout .ui-dialog-content:has(.modal-gift-card-form) form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) {
min-height: 3rem
}
.path-checkout .ui-dialog-content:has(.modal-gift-card-form) .modal-gift-card-form .form-item-gift-card-number input,
.path-checkout .ui-dialog-content:has(.modal-gift-card-form) .modal-gift-card-form .form-item-gift-card-crypto input,
.path-checkout .ui-dialog-content:has(.modal-gift-card-form) form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) input {
height: 3rem
}
.path-checkout .ui-dialog-content:has(.modal-gift-card-form) .modal-gift-card-form .form-submit {
height: 3rem !important
}
}
.path-webform,
.path-contact {
background-color: #f7f9fa
}
.path-webform #main-wrapper h1,
.path-webform #main-wrapper .h1,
.path-contact #main-wrapper h1,
.path-contact #main-wrapper .h1 {
font-style: normal;
font-size: 1.5rem;
text-align: center;
font-weight: 600;
letter-spacing: 0;
text-transform: none
}
@media(min-width:992px) {
.path-webform #main-wrapper h1,
.path-webform #main-wrapper .h1,
.path-contact #main-wrapper h1,
.path-contact #main-wrapper .h1 {
font-size: 2rem
}
}
.path-webform #main-wrapper main.main-content legend span,
.path-webform #main-wrapper main.main-content label,
.path-contact #main-wrapper main.main-content legend span,
.path-contact #main-wrapper main.main-content label {
font-style: normal;
line-height: 16px;
letter-spacing: 0;
text-align: left;
font-size: .875rem;
font-weight: 500
}
.path-webform #main-wrapper main.main-content form fieldset fieldset-legend legend span.fieldset-legend,
.path-contact #main-wrapper main.main-content form fieldset fieldset-legend legend span.fieldset-legend {
font-size: .875rem;
font-weight: 700;
text-transform: uppercase;
color: #19194b
}
.path-webform #main-wrapper main.main-content label:before,
.path-contact #main-wrapper main.main-content label:before {
top: 2.125rem !important
}
.path-webform #main-wrapper main.main-content .description .webform-element-description,
.path-contact #main-wrapper main.main-content .description .webform-element-description {
padding-top: 15px
}
.path-webform #main-wrapper main.main-content .form-managed-file .btn-primary:after,
.path-contact #main-wrapper main.main-content .form-managed-file .btn-primary:after {
content: ""
}
.path-webform #main-wrapper main.main-content #edit-actions .btn-primary:hover,
.path-contact #main-wrapper main.main-content #edit-actions .btn-primary:hover {
background: rgba(0, 0, 0, 0);
color: #1882ff;
border: 1px solid #1882ff;
box-shadow: unset
}
@media screen and (min-width:769px) {
.path-webform #main-wrapper main.main-content #block-hubber-reference8-content .field--name-field-user-lastname,
.path-contact #main-wrapper main.main-content #block-hubber-reference8-content .field--name-field-user-lastname {
width: 50%;
padding-left: 12px;
display: inline-block
}
}
.path-webform #main-wrapper main.main-content .custom-control,
.path-contact #main-wrapper main.main-content .custom-control {
display: inline-block;
margin-right: 20px
}
.path-webform #main-wrapper main.main-content span.error,
.path-contact #main-wrapper main.main-content span.error {
color: red
}
.path-webform #main-wrapper main.main-content span.ok,
.path-contact #main-wrapper main.main-content span.ok {
color: green
}
.path-webform #main-wrapper main.main-content details summary::-webkit-details-marker,
.path-contact #main-wrapper main.main-content details summary::-webkit-details-marker {
display: none
}
.path-webform #main-wrapper main.main-content details summary,
.path-contact #main-wrapper main.main-content details summary {
font-size: 2rem;
color: #1882ff
}
.path-webform #main-wrapper main.main-content details[open] summary~*,
.path-contact #main-wrapper main.main-content details[open] summary~* {
animation: open .3s ease-in-out
}
.path-webform #main-wrapper main.main-content summary>.form-required::after,
.path-contact #main-wrapper main.main-content summary>.form-required::after {
display: none
}
@media(min-width:992px) {
.path-webform #main-wrapper main.main-content fieldset.form-item-pass fieldset,
.path-contact #main-wrapper main.main-content fieldset.form-item-pass fieldset {
width: 49%;
display: inline-block
}
.path-webform #main-wrapper main.main-content fieldset.form-item-pass fieldset:first-child,
.path-contact #main-wrapper main.main-content fieldset.form-item-pass fieldset:first-child {
float: left;
margin-right: 2%
}
.path-webform #main-wrapper main.main-content fieldset.form-item-pass small,
.path-webform #main-wrapper main.main-content fieldset.form-item-pass .small,
.path-contact #main-wrapper main.main-content fieldset.form-item-pass small,
.path-contact #main-wrapper main.main-content fieldset.form-item-pass .small {
float: left
}
}
@keyframes open {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.path-webform #main-wrapper main.main-content details summary,
.path-contact #main-wrapper main.main-content details summary {
width: 100%;
padding: .5rem 0;
position: relative;
cursor: pointer;
font-size: 1.3rem;
font-weight: 600;
list-style: none
}
.path-webform #main-wrapper main.main-content details summary:after,
.path-contact #main-wrapper main.main-content details summary:after {
content: "+";
color: #000;
position: absolute;
font-size: 1.75rem;
line-height: 0;
margin-top: .75rem;
right: 0;
font-weight: 200;
transform-origin: center;
transition: 200ms linear;
background-image: none
}
.path-webform #main-wrapper main.main-content details[open]>summary:after,
.path-contact #main-wrapper main.main-content details[open]>summary:after {
transform: rotate(135deg);
font-size: 2rem
}
.path-webform #main-wrapper main.main-content details summary,
.path-contact #main-wrapper main.main-content details summary {
outline: 0
}
.path-webform #main-wrapper main.main-content details p,
.path-contact #main-wrapper main.main-content details p {
font-size: .95rem;
margin: 0 0 1rem;
padding-top: 1rem
}
.path-webform #main-wrapper main.main-content .back-to-login,
.path-webform #main-wrapper main.main-content .form-actions,
.path-contact #main-wrapper main.main-content .back-to-login,
.path-contact #main-wrapper main.main-content .form-actions {
text-align: center
}
.path-webform #main-wrapper main.main-content .form-select,
.path-contact #main-wrapper main.main-content .form-select {
font-weight: normal
}
.path-webform #main-wrapper main.main-content .details-wrapper #edit-field-user-civility,
.path-contact #main-wrapper main.main-content .details-wrapper #edit-field-user-civility {
display: inline-block;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 5px;
background: #f7f9fa
}
.path-webform #main-wrapper main.main-content .details-wrapper #edit-field-user-civility .js-form-item-field-user-civility,
.path-contact #main-wrapper main.main-content .details-wrapper #edit-field-user-civility .js-form-item-field-user-civility {
padding: 0;
margin-right: 0
}
.path-webform #main-wrapper main.main-content .details-wrapper #edit-field-user-civility .js-form-item-field-user-civility label,
.path-contact #main-wrapper main.main-content .details-wrapper #edit-field-user-civility .js-form-item-field-user-civility label {
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 3.5;
letter-spacing: 0;
text-align: center;
width: 150px;
height: 50px;
padding: 0;
background: rgba(0, 0, 0, 0);
z-index: 1;
position: relative;
border-radius: 5px
}
.path-webform #main-wrapper main.main-content .details-wrapper #edit-field-user-civility .js-form-item-field-user-civility label:after,
.path-webform #main-wrapper main.main-content .details-wrapper #edit-field-user-civility .js-form-item-field-user-civility label:before,
.path-contact #main-wrapper main.main-content .details-wrapper #edit-field-user-civility .js-form-item-field-user-civility label:after,
.path-contact #main-wrapper main.main-content .details-wrapper #edit-field-user-civility .js-form-item-field-user-civility label:before {
display: none
}
.path-webform #main-wrapper main.main-content .details-wrapper #edit-field-user-civility .js-form-item-field-user-civility .custom-control-label,
.path-contact #main-wrapper main.main-content .details-wrapper #edit-field-user-civility .js-form-item-field-user-civility .custom-control-label {
background: #f7f9fa;
color: #d3d3d3;
border: 1px solid rgba(0, 0, 0, 0);
cursor: pointer
}
.path-webform #main-wrapper main.main-content .details-wrapper #edit-field-user-civility .js-form-item-field-user-civility .custom-control-input:checked+.custom-control-label,
.path-contact #main-wrapper main.main-content .details-wrapper #edit-field-user-civility .js-form-item-field-user-civility .custom-control-input:checked+.custom-control-label {
background: #fff;
color: #000;
border: 1px solid #f7f9fa
}
.path-webform #main-wrapper main.main-content #edit-actions button,
.path-contact #main-wrapper main.main-content #edit-actions button {
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none
}
@media(min-width:768px) {
.path-webform #main-wrapper main.main-content #edit-actions button,
.path-contact #main-wrapper main.main-content #edit-actions button {
display: inline-flex
}
}
.path-webform #main-wrapper main.main-content #edit-actions button:hover,
.path-contact #main-wrapper main.main-content #edit-actions button:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
@media screen and (min-width:769px) {
.path-webform #main-wrapper main.main-content .field--name-field-user-address .form-text,
.path-contact #main-wrapper main.main-content .field--name-field-user-address .form-text {
margin-top: 0
}
.path-webform #main-wrapper main.main-content .field--name-field-user-address #edit-field-user-address-0-address-country-code,
.path-webform #main-wrapper main.main-content .field--name-field-user-address fieldset,
.path-contact #main-wrapper main.main-content .field--name-field-user-address #edit-field-user-address-0-address-country-code,
.path-contact #main-wrapper main.main-content .field--name-field-user-address fieldset {
width: 50%
}
.path-webform #main-wrapper main.main-content .field--name-field-user-address fieldset:nth-child(n+1),
.path-webform #main-wrapper main.main-content .field--name-field-user-address #edit-field-user-address-0-address-country-code,
.path-contact #main-wrapper main.main-content .field--name-field-user-address fieldset:nth-child(n+1),
.path-contact #main-wrapper main.main-content .field--name-field-user-address #edit-field-user-address-0-address-country-code {
float: left
}
.path-webform #main-wrapper main.main-content .field--name-field-user-address fieldset:last-child,
.path-contact #main-wrapper main.main-content .field--name-field-user-address fieldset:last-child {
float: none
}
.path-webform #main-wrapper main.main-content .field--name-field-user-address fieldset.js-form-item-field-user-address-0-address-country-code,
.path-contact #main-wrapper main.main-content .field--name-field-user-address fieldset.js-form-item-field-user-address-0-address-country-code {
width: 100%
}
}
@media only screen and (min-device-width:320px)and (max-device-width:667px) {
.path-webform #main-wrapper main.main-content details summary,
.path-contact #main-wrapper main.main-content details summary {
font-size: 1rem
}
.path-webform #main-wrapper main.main-content #edit-field-user-address-0,
.path-contact #main-wrapper main.main-content #edit-field-user-address-0 {
border: none
}
.path-webform #main-wrapper main.main-content #edit-field-user-address-0 .details-wrapper,
.path-contact #main-wrapper main.main-content #edit-field-user-address-0 .details-wrapper {
padding: .5em 0
}
.path-webform #main-wrapper main.main-content #edit-actions,
.path-contact #main-wrapper main.main-content #edit-actions {
text-align: center
}
.path-webform #main-wrapper main.main-content #edit-actions button,
.path-contact #main-wrapper main.main-content #edit-actions button {
width: 85%;
margin: 0 1.5em
}
.path-webform #main-wrapper main.main-content .back-to-login,
.path-contact #main-wrapper main.main-content .back-to-login {
text-align: center
}
}
.path-webform #main-wrapper main.main-content #edit-civilite .form-item-civilite,
.path-contact #main-wrapper main.main-content #edit-civilite .form-item-civilite {
margin-right: 0
}
.path-webform #main-wrapper main.main-content #edit-civilite .form-item-civilite label,
.path-contact #main-wrapper main.main-content #edit-civilite .form-item-civilite label {
text-align: center
}
@media(max-width:575.98px) {
.path-webform #main-wrapper main.main-content #edit-civilite .form-item-civilite label,
.path-contact #main-wrapper main.main-content #edit-civilite .form-item-civilite label {
padding-left: 0;
padding-right: 0
}
}
.path-webform #main-wrapper .form-item-message,
.path-contact #main-wrapper .form-item-message {
margin-bottom: 24px
}
.path-webform #main-wrapper #edit-piece-jointe-upload,
.path-contact #main-wrapper #edit-piece-jointe-upload {
height: auto;
margin-top: .5rem
}
.path-webform #main-wrapper #edit-processed-text.form-type-processed-text>p,
.path-contact #main-wrapper #edit-processed-text.form-type-processed-text>p {
font-size: 12px;
line-height: 14px
}
.path-webform .block-system-main-block .iti__country-list,
.path-contact .block-system-main-block .iti__country-list {
color: initial
}
.path-webform .block-page-title-block,
.path-contact .block-page-title-block {
margin: 1.5rem auto
}
@media(min-width:992px) {
.path-webform .block-page-title-block,
.path-contact .block-page-title-block {
margin: 3rem auto
}
}
.path-contact .contact-message-feedback-form .js-form-item {
margin-bottom: 1rem
}
.path-contact #main-wrapper main.main-content #edit-actions button {
margin-top: 10px
}
.path-contact #main-wrapper main.main-content .form-check-input:checked~.form-check-label:after,
.path-contact #main-wrapper main.main-content label:before {
top: -0.25rem !important
}
.path-webform .form-check {
display: flex;
align-items: center
}
.path-webform #main-wrapper main.main-content .form-check label:before {
top: 0 !important
}
.path-webform table.webform-results-table.sticky-header thead {
top: 0
}
.page-order-checkout.page-order-payment .main-content,
.path-payment-order .main-content,
.page-user-payments .main-content {
min-height: calc(100vh - 88px)
}
.page-order-checkout.page-order-payment .main-content .checkout-pane-payment-process .adyen-checkout__dropin ul,
.path-payment-order .main-content .checkout-pane-payment-process .adyen-checkout__dropin ul,
.page-user-payments .main-content .checkout-pane-payment-process .adyen-checkout__dropin ul {
display: flex;
flex-direction: column
}
.page-order-checkout.page-order-payment .main-content .checkout-pane-payment-process .adyen-checkout__dropin ul li .adyen-checkout__payment-method__details label,
.path-payment-order .main-content .checkout-pane-payment-process .adyen-checkout__dropin ul li .adyen-checkout__payment-method__details label,
.page-user-payments .main-content .checkout-pane-payment-process .adyen-checkout__dropin ul li .adyen-checkout__payment-method__details label {
display: flex;
justify-content: space-between;
align-items: inherit;
flex-direction: column
}
.page-user-payments h2,
.page-user-payments .h2 {
margin-top: 30px
}
@media(min-width:992px) {
.page-user-payments .block-commerce-adyen-payment-stored {
max-width: 100%
}
}
@media(min-width:1200px) {
.page-user-payments .block-commerce-adyen-payment-stored {
max-width: calc(100% - 9rem)
}
}
.page-user-payments .block-commerce-adyen-payment-stored ul.list-stored-cards {
background-color: #f7f9fa;
border: 1px solid #d9dde2;
border-radius: .375rem;
margin-bottom: 1.5rem;
padding: .75rem;
display: flex;
justify-content: space-between;
max-width: 100%;
flex-wrap: wrap
}
.page-user-payments .block-commerce-adyen-payment-stored ul.list-stored-cards li {
height: 4rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .375rem;
padding: 9px;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
margin-bottom: 6px;
width: 100%
}
@media(min-width:992px) {
.page-user-payments .block-commerce-adyen-payment-stored ul.list-stored-cards li {
width: calc(50% - 3px)
}
}
.page-user-payments #dropin-container {
margin-bottom: 2rem
}
.page-user-payments #dropin-container .adyen-checkout__payment-methods-list {
max-width: 32rem
}
.page-user-payments #dropin-container .adyen-checkout__payment-methods-list .input-field:placeholder-shown {
font-size: .75rem
}
.page-user-payments #dropin-container .adyen-checkout__payment-methods-list .adyen-checkout__payment-method.adyen-checkout__payment-method--selected {
background-color: #fff;
border: 1px solid #d9dde2;
border-radius: .375rem
}
.page-user-payments #dropin-container .adyen-checkout__payment-methods-list .adyen-checkout__payment-method.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__details {
display: flex
}
.page-user-payments #dropin-container .adyen-checkout__payment-methods-list .adyen-checkout__payment-method.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__details__content .adyen-checkout__field-wrapper {
display: flex
}
.page-user-payments #dropin-container .adyen-checkout__payment-methods-list .adyen-checkout__payment-method.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__details__content .adyen-checkout__field--expiryDate {
margin-right: .5rem
}
.page-user-payments #dropin-container .adyen-checkout__payment-methods-list .adyen-checkout__payment-method.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__details__content .adyen-checkout__card-input {
display: flex;
flex-direction: column;
align-items: center
}
.page-user-payments #dropin-container .adyen-checkout__payment-methods-list .adyen-checkout__payment-method.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__details__content .adyen-checkout__card-input .adyen-checkout__loading-input__form {
display: flex;
flex-direction: column
}
.page-user-payments #dropin-container .adyen-checkout__payment-methods-list .adyen-checkout__payment-method.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__details__content .adyen-checkout__card-input .adyen-checkout__loading-input__form .adyen-checkout__card__form {
width: 100%
}
@media(min-width:992px) {
.page-user-payments #dropin-container .adyen-checkout__payment-methods-list .adyen-checkout__payment-method.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__details__content .adyen-checkout__card-input .adyen-checkout__loading-input__form .adyen-checkout__card__form .adyen-checkout__field--cardNumber {
margin-right: .5rem
}
.page-user-payments #dropin-container .adyen-checkout__payment-methods-list .adyen-checkout__payment-method.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__details__content .adyen-checkout__card-input .adyen-checkout__loading-input__form .adyen-checkout__card__form .adyen-checkout__field__cvc {
width: auto;
margin-left: 0
}
}
.page-user-payments #dropin-container .adyen-checkout__payment-methods-list .adyen-checkout__payment-method.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__details__content .adyen-checkout__card-input .adyen-checkout__field {
margin-bottom: 1rem;
margin-top: 0
}
.page-user-payments #dropin-container .adyen-checkout__payment-methods-list .adyen-checkout__payment-method.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__details__content .adyen-checkout__card-input .adyen-checkout__field.adyen-checkout__field--expiryDate {
min-width: 120px
}
.page-user-payments #dropin-container .adyen-checkout__payment-methods-list .adyen-checkout__payment-method.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__details__content .adyen-checkout__card-input .adyen-checkout__field label.adyen-checkout__label {
flex-direction: column
}
.page-user-payments #dropin-container .adyen-checkout__payment-methods-list .adyen-checkout__payment-method.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__details__content .adyen-checkout__card-input .adyen-checkout__field label.adyen-checkout__label .adyen-checkout__input-wrapper {
width: 100%
}
.page-user-payments #dropin-container .adyen-checkout__payment-methods-list .adyen-checkout__payment-method.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__details .adyen-checkout__button.adyen-checkout__button--pay {
margin-top: 7px;
padding: 1rem;
width: auto
}
.page-user-payments #dropin-container .adyen-checkout__payment-methods-list .adyen-checkout__payment-method.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__details span.adyen-checkout__label__text {
font-size: .875rem
}
.page-user-payments .block-hubber-customers,
.page-user-payments .block-hubber-rib-manager {
margin-left: 0;
margin-left: 0
}
.page-user-payments .block-hubber-customers .block-form-wrapper,
.page-user-payments .block-hubber-rib-manager .block-form-wrapper {
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .375rem;
margin-bottom: 1.5rem;
padding: 1.5rem;
max-width: 100%;
box-shadow: none
}
.page-user-payments .block-hubber-customers .block-form-wrapper ul.list-rib li,
.page-user-payments .block-hubber-rib-manager .block-form-wrapper ul.list-rib li {
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .375rem;
font-size: .875rem;
margin-bottom: 6px;
position: relative
}
@media(min-width:992px) {
.page-user-payments .block-hubber-customers .block-form-wrapper ul.list-rib li,
.page-user-payments .block-hubber-rib-manager .block-form-wrapper ul.list-rib li {
border: 0;
background: rgba(0, 0, 0, 0);
padding-right: 7rem
}
}
@media(max-width:991.98px) {
.page-user-payments .block-hubber-customers .block-form-wrapper ul.list-rib li,
.page-user-payments .block-hubber-rib-manager .block-form-wrapper ul.list-rib li {
padding-bottom: 3rem
}
.page-user-payments .block-hubber-customers .block-form-wrapper ul.list-rib li:not(:last-child),
.page-user-payments .block-hubber-rib-manager .block-form-wrapper ul.list-rib li:not(:last-child) {
margin-bottom: 1.5rem
}
}
.page-user-payments .block-hubber-customers .block-form-wrapper ul.list-rib li .list-rib-item,
.page-user-payments .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item {
background-color: #fff;
margin: 0;
font-weight: 500;
padding: .5rem 1rem;
display: flex;
align-items: center;
flex: 1;
justify-content: space-between
}
.page-user-payments .block-hubber-customers .block-form-wrapper ul.list-rib li .list-rib-item>div:not(:last-child),
.page-user-payments .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item>div:not(:last-child) {
margin-right: 1rem
}
@media(min-width:992px) {
.page-user-payments .block-hubber-customers .block-form-wrapper ul.list-rib li .list-rib-item,
.page-user-payments .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item {
background-color: #f6f8f9;
width: 100%;
border-bottom: none;
flex-wrap: wrap
}
}
@media(max-width:991.98px) {
.page-user-payments .block-hubber-customers .block-form-wrapper ul.list-rib li .list-rib-item,
.page-user-payments .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item {
flex-direction: column;
margin-right: 0;
justify-content: flex-start;
flex-wrap: wrap;
align-items: stretch
}
.page-user-payments .block-hubber-customers .block-form-wrapper ul.list-rib li .list-rib-item>div:not(:last-child),
.page-user-payments .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item>div:not(:last-child) {
margin-right: 0;
flex: 1
}
.page-user-payments .block-hubber-customers .block-form-wrapper ul.list-rib li .list-rib-item-action,
.page-user-payments .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item-action {
bottom: .5rem;
right: .5rem;
top: unset;
transform: none
}
}
.page-user-payments .block-hubber-customers .block-form-wrapper ul.list-rib li .list-rib-item-name,
.page-user-payments .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item-name {
font-weight: 900
}
@media(min-width:992px) {
.page-user-payments .block-hubber-customers .block-form-wrapper ul.list-rib li .list-rib-item-other,
.page-user-payments .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item-other {
padding-left: 0;
margin-top: .5rem;
font-size: 11px;
font-weight: normal;
flex: 0 0 calc(100% - 5rem)
}
}
.page-user-payments .block-hubber-customers .block-form-wrapper ul.list-rib li .list-rib-item-other:empty,
.page-user-payments .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item-other:empty {
display: none
}
.page-user-payments .block-hubber-customers .block-form-wrapper .collapse.show,
.page-user-payments .block-hubber-rib-manager .block-form-wrapper .collapse.show {
margin-top: .5rem
}
.page-user-payments .block-hubber-customers .block-form-wrapper .collapse.show a.js-cancel-rib,
.page-user-payments .block-hubber-rib-manager .block-form-wrapper .collapse.show a.js-cancel-rib {
font-size: .75rem
}
.page-user-payments .block-hubber-customers .block-form-wrapper .collapse.show button.button,
.page-user-payments .block-hubber-rib-manager .block-form-wrapper .collapse.show button.button {
font-size: .875rem
}
.page-user-payments .block-hubber-customers .block-form-wrapper .collapse.show label,
.page-user-payments .block-hubber-rib-manager .block-form-wrapper .collapse.show label {
font-size: 1rem;
font-weight: normal;
text-transform: none
}
@media(max-width:991.98px) {
.page-user-payments #page-wrapper {
margin-bottom: 50px
}
}
.page-order-checkout #page-wrapper form .checkout-pane.js-form-wrapper.form-wrapper:has(input[type=text]),
.page-order-checkout #page-wrapper form .cart-summary-info-wrapper.js-form-wrapper.form-wrapper:has(input[type=text]) {
margin-bottom: 0
}
.page-order-checkout .form-item-payment-information-payment-method-cvv {
margin-top: 10px;
position: relative
}
.page-order-checkout .form-item-payment-information-payment-method-cvv::after {
content: "*";
left: 155px;
top: 4px;
display: block;
font-size: 1rem;
line-height: .625rem;
font-weight: 400;
color: #dc3545;
padding: 0 2px;
z-index: 5;
position: absolute
}
.page-order-checkout #page-wrapper form :not(:has(.filter)) #edit-sidebar-coupon-redemption-form div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) label {
position: absolute;
top: 2px;
left: 2px;
padding-left: 1rem;
transition: .1s;
pointer-events: none;
width: calc(100% - 4px);
height: 100%;
border-radius: 6px;
display: flex;
align-items: center;
color: #76818d;
background: #fbfbfc;
font-size: 1rem;
height: calc(3.5rem - 4px);
min-height: calc(3.5rem - 4px);
max-height: calc(3.5rem - 4px);
box-shadow: unset;
padding: .375rem .75rem;
width: auto;
left: 13px;
height: auto;
top: 7px;
padding: 0;
min-height: 0
}
@media(max-width:767.98px) {
.page-order-checkout #page-wrapper form :not(:has(.filter)) #edit-sidebar-coupon-redemption-form div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) label {
height: calc(2.5rem - 4px);
max-height: calc(2.5rem - 4px);
min-height: calc(2.5rem - 4px)
}
}
@media(max-width:767.98px) {
.page-order-checkout #page-wrapper form :not(:has(.filter)) #edit-sidebar-coupon-redemption-form div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) label {
top: 2px;
height: calc(2.5rem - 6px);
max-height: calc(2.5rem - 6px);
min-height: calc(2.5rem - 6px)
}
}
.page-order-checkout #page-wrapper form :not(:has(.filter)) #edit-sidebar-coupon-redemption-form div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) label span {
font-size: .6875rem;
font-style: normal;
font-weight: 500;
line-height: normal;
padding-left: 5px
}
.page-order-checkout #page-wrapper form :not(:has(.filter)) #edit-sidebar-coupon-redemption-form div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input:focus),
.page-order-checkout #page-wrapper form :not(:has(.filter)) #edit-sidebar-coupon-redemption-form div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.is-invalid) {
margin-bottom: 1rem
}
.page-order-checkout #page-wrapper form :not(:has(.filter)) #edit-sidebar-coupon-redemption-form div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input:focus) label,
.page-order-checkout #page-wrapper form :not(:has(.filter)) #edit-sidebar-coupon-redemption-form div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.is-invalid) label {
color: #ff1818
}
.page-order-checkout #page-wrapper form :not(:has(.filter)) #edit-sidebar-coupon-redemption-form div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input:focus) label span,
.page-order-checkout #page-wrapper form :not(:has(.filter)) #edit-sidebar-coupon-redemption-form div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.is-invalid) label span {
font-size: .6875rem;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #ff1818;
top: -14px;
left: 10px;
position: absolute;
padding-left: 5px;
min-width: 106px;
display: block;
background: linear-gradient(0deg, #FFFFFF 51%, #FBFBFC 51%)
}
.page-order-checkout #page-wrapper form :not(:has(.filter)) #edit-sidebar-coupon-redemption-form div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input:focus) label span,
.page-order-checkout #page-wrapper form :not(:has(.filter)) #edit-sidebar-coupon-redemption-form div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty):not(:has(input.is-invalid)) label span {
font-size: .6875rem;
font-style: normal;
font-weight: 500;
line-height: normal;
color: var(--hb-cta-primary);
top: -14px;
left: 10px;
padding-left: 5px;
min-width: 106px;
background: linear-gradient(0deg, #FFFFFF 51%, #FBFBFC 51%);
display: block;
position: absolute
}
.page-order-checkout #page-wrapper form :not(:has(.filter)) #edit-sidebar-coupon-redemption-form div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) input {
height: 2.375rem;
box-shadow: none;
background-color: #fbfbfc
}
.page-order-checkout #page-wrapper form :not(:has(.filter)) #edit-sidebar-coupon-redemption-form div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):after {
display: none
}
.page-order-checkout #page-wrapper form :not(:has(.filter)) #edit-sidebar-coupon-redemption-form:has(.is-invalid) .alert {
bottom: auto;
top: 139%;
left: 38px;
width: auto;
text-align: left;
font-style: normal;
color: #ff1818
}
.page-order-checkout #page-wrapper form :not(:has(.filter)) #edit-sidebar-coupon-redemption-form:has(.is-invalid) input {
border-color: #ff1818
}
.page-order-checkout .main-content {
margin-top: 2rem
}
.page-order-checkout.scrolled:not(.path-cart) .scroller {
display: none
}
.page-order-checkout .form-wrapper legend,
.page-order-checkout .form-group legend {
margin: 0
}
.page-order-checkout .ui-state-hover,
.page-order-checkout .ui-widget-content .ui-state-hover,
.page-order-checkout .ui-widget-header .ui-state-hover,
.page-order-checkout .ui-state-focus,
.page-order-checkout .ui-widget-content .ui-state-focus,
.page-order-checkout .ui-widget-header .ui-state-focus,
.page-order-checkout .ui-button:hover,
.page-order-checkout .ui-button:focus {
border: 1px solid #ccc;
background: #f6f6f6;
font-weight: normal;
color: #000;
outline: unset
}
.page-order-checkout .ui-state-hover:before,
.page-order-checkout .ui-widget-content .ui-state-hover:before,
.page-order-checkout .ui-widget-header .ui-state-hover:before,
.page-order-checkout .ui-state-focus:before,
.page-order-checkout .ui-widget-content .ui-state-focus:before,
.page-order-checkout .ui-widget-header .ui-state-focus:before,
.page-order-checkout .ui-button:hover:before,
.page-order-checkout .ui-button:focus:before {
color: #000
}
.page-order-checkout .button-back-home {
height: 3rem;
padding: 0;
color: initial !important;
font-weight: normal;
text-decoration: underline !important
}
.page-order-checkout .button-checkout-cart,
.page-order-checkout #edit-actions-next {
display: inline-flex;
align-items: center;
flex: 1
}
.page-order-checkout .button-checkout-cart:before,
.page-order-checkout #edit-actions-next:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-order-checkout .button-checkout-cart:disabled,
.page-order-checkout #edit-actions-next:disabled {
color: inherit
}
@media(min-width:992px) {
.page-order-checkout .form-item-shipping-information-shipping-profile-select-address {
margin-bottom: 1.5rem !important
}
}
@media(max-width:991.98px) {
.page-order-checkout .form-item-shipping-information-shipping-profile-select-address label {
margin-bottom: 1rem
}
}
.page-order-checkout .with-orders-to-validate .cart-contents-footer {
flex-direction: column
}
.page-order-checkout .with-orders-to-validate .cart-contents-footer.part-already-paid .totals span,
.page-order-checkout .with-orders-to-validate .cart-contents-footer.split-payment .totals span,
.page-order-checkout .with-orders-to-validate .cart-contents-footer.multi-payment .totals span {
color: #76818d;
font-size: .875rem
}
@media(max-width:767.98px) {
.page-order-checkout .with-orders-to-validate .cart-contents-footer.part-already-paid .totals>div,
.page-order-checkout .with-orders-to-validate .cart-contents-footer.split-payment .totals>div,
.page-order-checkout .with-orders-to-validate .cart-contents-footer.multi-payment .totals>div {
display: none
}
}
.page-order-checkout .with-orders-to-validate .cart-contents-footer.part-already-paid .total-paid,
.page-order-checkout .with-orders-to-validate .cart-contents-footer.split-payment .total-paid,
.page-order-checkout .with-orders-to-validate .cart-contents-footer.multi-payment .total-paid {
color: #000
}
.page-order-checkout .with-orders-to-validate .cart-contents-footer.part-already-paid .total-paid em,
.page-order-checkout .with-orders-to-validate .cart-contents-footer.split-payment .total-paid em,
.page-order-checkout .with-orders-to-validate .cart-contents-footer.multi-payment .total-paid em {
font-style: normal;
font-weight: 800;
font-size: 24px
}
.page-order-checkout .with-orders-to-validate .cart-contents-footer.part-already-paid .totals .order-total-line.order-total-line__total span.order-total-line-value {
font-size: .875rem
}
@media(max-width:767.98px) {
.page-order-checkout .with-orders-to-validate .order-summary:not(.openRecap) .total-paid {
position: absolute;
right: 60px;
top: 12px
}
.page-order-checkout .with-orders-to-validate .order-summary.openRecap .total-paid {
width: 100%;
text-align: right
}
.page-order-checkout .with-orders-to-validate .order-summary.openRecap .cart-contents-footer.part-already-paid .totals>div {
display: block
}
}
.page-order-checkout .pay-option {
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
padding: .5rem;
display: block;
position: relative;
padding-right: 50px;
display: flex
}
@media(min-width:768px) {
.page-order-checkout .pay-option {
display: inline-flex
}
}
.page-order-checkout .pay-option:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.page-order-checkout .pay-option:after {
font-family: "hubber8";
content: "" !important;
font-size: 1.5rem;
line-height: 1;
margin-left: .5rem;
font-weight: normal
}
.page-order-checkout .pay-option em {
padding: .3rem 0 .3rem .75rem;
margin-left: .75rem;
border-left: 1px solid #fff;
font-weight: 900;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-style: normal
}
.page-order-checkout .block-page-title-block {
margin-bottom: 1.5rem
}
@media(min-width:992px) {
.page-order-checkout .block-page-title-block {
width: calc(100% - 23.25rem)
}
}
.page-order-checkout .block-page-title-block h1,
.page-order-checkout .block-page-title-block .h1 {
text-align: center;
font-size: 1.5rem;
font-weight: 600;
text-transform: none
}
@media(min-width:992px) {
.page-order-checkout .block-page-title-block h1,
.page-order-checkout .block-page-title-block .h1 {
font-size: 2rem
}
}
.page-order-checkout fieldset span.fieldset-legend {
font-weight: 600;
font-size: 1.5rem;
line-height: 1rem;
padding-top: 8px;
padding-bottom: 8px;
display: block;
margin: 1.5rem 0 1rem !important
}
.page-order-checkout fieldset.js-form-item-shipping-information-shipping-profile-select-address label,
.page-order-checkout fieldset.js-form-item-payment-information-billing-information-select-address label {
font-weight: 800;
font-size: 1rem
}
.page-order-checkout fieldset.js-form-item-shipping-information-shipping-profile-select-address>label,
.page-order-checkout fieldset.js-form-item-payment-information-billing-information-select-address>label {
text-transform: uppercase
}
.page-order-checkout .field--name-shipping-method legend,
.page-order-checkout .order-summary fieldset legend {
margin: 0
}
.page-order-checkout p.cancel-option {
text-align: center;
margin-top: 10px
}
.page-order-checkout p.cancel-option a {
color: #000;
text-decoration: underline;
font-size: .875rem
}
.page-order-checkout .order-checkout .form-check-label {
font-weight: normal;
text-transform: none;
font-size: .875rem;
color: #263140
}
.page-order-checkout .order-checkout .form-check-label:before {
border-right: .5rem;
position: absolute;
top: 0rem;
left: 0rem;
display: block;
width: 1.5rem;
height: 1.5rem;
content: "";
background-color: #fff;
border: 1px solid #76818d;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1);
border-radius: .5rem
}
.page-order-checkout .order-checkout .form-check-label:after {
display: none
}
.page-order-checkout .custom-control:not(.custom-switch) .form-check-input:checked~.form-check-label {
color: #1882ff;
font-size: .875rem
}
.page-order-checkout .custom-control:not(.custom-switch) .form-check-input:checked~.form-check-label:before {
background-color: #fff;
border: 1px solid #76818d;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1);
content: "";
font-family: "hubber8";
color: #fff;
font-weight: bold;
font-size: 1.4rem;
line-height: 1.5rem
}
.page-order-checkout .custom-control:not(.custom-switch) .form-check-input:checked~.form-check-label:after {
display: none !important
}
.page-order-checkout .form-item-hubber-cgv-control-consent-cgv.form-check input+label.form-check-label {
display: block;
color: #000
}
.page-order-checkout .form-item-hubber-cgv-control-consent-cgv.form-check input+label.form-check-label a {
color: inherit
}
.page-order-checkout .form-item-hubber-cgv-control-consent-cgv.form-check .form-check-input:checked~.form-check-label,
.page-order-checkout .form-item-hubber-cgv-control-consent-cgv.form-check input[checked]+label.form-check-label {
color: #1882ff
}
.page-order-checkout .checkout-pane-hubber-fee-checkout-pane .js-form-type-radio {
flex: 1 1 100%;
padding-left: 1rem;
box-shadow: 0px 1.5px 3px rgba(0, 0, 0, .05);
background: #fff
}
.page-order-checkout .checkout-pane-hubber-fee-checkout-pane .js-form-type-radio input+label {
box-shadow: none;
border: none
}
.page-order-checkout .checkout-pane-hubber-fee-checkout-pane .js-form-type-radio input[checked]+label {
box-shadow: none;
border: none
}
.page-order-checkout .checkout-pane-hubber-fee-checkout-pane .js-form-type-radio input[checked]+label .description,
.page-order-checkout .checkout-pane-hubber-fee-checkout-pane .js-form-type-radio input[checked]+label .price {
color: #1882ff;
font-size: .875rem;
font-weight: normal
}
.page-order-checkout .checkout-pane-hubber-fee-checkout-pane .js-form-type-radio input[checked]+label .price {
color: #000;
font-weight: 800;
margin-right: 10px
}
.page-order-checkout .checkout-pane-hubber-fee-checkout-pane .js-form-type-radio input[checked]+label:before {
color: #1882ff;
z-index: 9
}
@media(max-width:767.98px) {
.page-order-checkout .checkout-pane-hubber-fee-checkout-pane .js-form-type-radio input[checked]+label .description {
display: block
}
}
@media(max-width:991.98px) {
.page-order-checkout .order-payment-wrapper {
margin-bottom: 17rem
}
}
.page-order-checkout .order-payment-wrapper .checkout-pane .form-group,
.page-order-checkout .order-payment-wrapper .checkout-pane .form-group legend {
margin-bottom: 0
}
.page-order-checkout .order-payment-wrapper .checkout-pane [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address]>div,
.page-order-checkout .order-payment-wrapper .checkout-pane [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address]>fieldset {
margin-bottom: 1rem
}
@media(min-width:992px) {
.page-order-checkout .order-payment-wrapper .checkout-pane [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address]>div,
.page-order-checkout .order-payment-wrapper .checkout-pane [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address]>fieldset {
margin-bottom: 2rem
}
}
.page-order-checkout .order-payment-wrapper .checkout-pane [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] .form-type-select {
margin-bottom: 1rem
}
@media(max-width:767.98px) {
.page-order-checkout .order-payment-wrapper .checkout-pane [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] .form-group {
margin-bottom: 1rem
}
}
@media(max-width:767.98px) {
.page-order-checkout .checkout-pane-shipping-information .radio {
flex-direction: column
}
}
.page-order-checkout .checkout-pane-shipping-information .radio-with-child input {
display: inherit
}
.page-order-checkout .checkout-pane-shipping-information .fieldset-wrapper .custom-control-input {
transform: none
}
.page-order-checkout .form-group {
margin: 0
}
.page-order-checkout .checkout-pane-payment-information {
margin: 0
}
.page-order-checkout .checkout-pane-payment-information .fieldset-wrapper .js-form-item label span:after {
display: none
}
.page-order-checkout .checkout-pane-payment-information .custom-radio {
padding-right: 0 !important
}
.page-order-checkout .checkout-pane-payment-information .custom-radio .custom-control-input {
transform: none
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile],
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] {
background: #fff;
box-shadow: inset 0px -1px 0px #d9dde2;
padding: 24px;
border-radius: 8px;
position: relative
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] .form-required::after,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] .form-required::after {
line-height: 12px
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] label,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] label {
font-size: 16px;
text-transform: capitalize
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] .custom-select-icon:not(.form-no-label) .form-select:not(.country),
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] .custom-select-icon:not(.form-no-label) .form-select:not(.country) {
position: absolute;
width: 250px;
right: 1.5rem;
top: 1.5rem;
padding-left: .75rem;
padding-right: 2rem
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] .custom-select-icon:not(.form-no-label) .form-select.country,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] .custom-select-icon:not(.form-no-label) .form-select.country {
padding-left: .75rem
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] .custom-select-icon:not(.form-no-label).custom-select-validated label:before,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] .custom-select-icon:not(.form-no-label).custom-select-validated label:before {
display: none
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=shipping-information-shipping-profile-rendered]:before,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-rendered]:before,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=shipping-information-shipping-profile-rendered]:before,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-rendered]:before {
color: #76818d;
font-size: 28px;
font-family: "hubber8";
content: "";
cursor: pointer;
pointer-events: all;
position: absolute;
width: 20px;
right: 24px;
bottom: 60px
}
@media(min-width:768px) {
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] .js-form-item-shipping-information-shipping-profile-address-0-address-organization,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] .js-form-item-payment-information-billing-information-address-0-address-organization,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] .js-form-item-shipping-information-shipping-profile-address-0-address-organization,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] .js-form-item-payment-information-billing-information-address-0-address-organization,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] .js-form-item-shipping-information-shipping-profile-address-0-address-organization,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] .js-form-item-payment-information-billing-information-address-0-address-organization,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] .js-form-item-shipping-information-shipping-profile-address-0-address-organization,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] .js-form-item-payment-information-billing-information-address-0-address-organization {
width: 33%;
float: left
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1],
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1],
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1],
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1],
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1],
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1],
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1],
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] {
width: 67%;
display: flex;
padding-left: 1%
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-given-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-given-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-given-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-given-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-given-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-given-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-given-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-given-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-given-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-given-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-given-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-given-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-given-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-given-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-given-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-given-name {
width: 49.5%;
margin-bottom: 0
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-shipping-information-shipping-profile-address-0-address-family-name,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container1] .js-form-item-payment-information-billing-information-address-0-address-family-name {
margin-left: 1%
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] .js-form-item-shipping-information-shipping-profile-address-0-address-address-line1,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] .js-form-item-payment-information-billing-information-address-0-address-address-line1,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] .js-form-item-shipping-information-shipping-profile-address-0-address-address-line1,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] .js-form-item-payment-information-billing-information-address-0-address-address-line1,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] .js-form-item-shipping-information-shipping-profile-address-0-address-address-line1,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] .js-form-item-payment-information-billing-information-address-0-address-address-line1,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] .js-form-item-shipping-information-shipping-profile-address-0-address-address-line1,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] .js-form-item-payment-information-billing-information-address-0-address-address-line1 {
width: 49.5%;
float: left;
margin-right: 1%
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4],
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4],
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4],
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4],
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4],
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4],
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4],
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4] {
width: 49%;
display: flex
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4] .js-form-item-shipping-information-shipping-profile-address-0-address-sorting-code,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4] .js-form-item-payment-information-billing-information-address-0-address-sorting-code,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4] .js-form-item-shipping-information-shipping-profile-address-0-address-sorting-code,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4] .js-form-item-payment-information-billing-information-address-0-address-sorting-code,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4] .js-form-item-shipping-information-shipping-profile-address-0-address-sorting-code,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4] .js-form-item-payment-information-billing-information-address-0-address-sorting-code,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4] .js-form-item-shipping-information-shipping-profile-address-0-address-sorting-code,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4] .js-form-item-payment-information-billing-information-address-0-address-sorting-code,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4] .js-form-item-shipping-information-shipping-profile-address-0-address-sorting-code,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4] .js-form-item-payment-information-billing-information-address-0-address-sorting-code,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4] .js-form-item-shipping-information-shipping-profile-address-0-address-sorting-code,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4] .js-form-item-payment-information-billing-information-address-0-address-sorting-code,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4] .js-form-item-shipping-information-shipping-profile-address-0-address-sorting-code,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4] .js-form-item-payment-information-billing-information-address-0-address-sorting-code,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4] .js-form-item-shipping-information-shipping-profile-address-0-address-sorting-code,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4] .js-form-item-payment-information-billing-information-address-0-address-sorting-code {
display: none
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4] .js-form-item-shipping-information-shipping-profile-address-0-address-postal-code,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4] .js-form-item-payment-information-billing-information-address-0-address-postal-code,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4] .js-form-item-shipping-information-shipping-profile-address-0-address-postal-code,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4] .js-form-item-payment-information-billing-information-address-0-address-postal-code,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4] .js-form-item-shipping-information-shipping-profile-address-0-address-postal-code,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4] .js-form-item-payment-information-billing-information-address-0-address-postal-code,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4] .js-form-item-shipping-information-shipping-profile-address-0-address-postal-code,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4] .js-form-item-payment-information-billing-information-address-0-address-postal-code,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4] .js-form-item-shipping-information-shipping-profile-address-0-address-postal-code,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4] .js-form-item-payment-information-billing-information-address-0-address-postal-code,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4] .js-form-item-shipping-information-shipping-profile-address-0-address-postal-code,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4] .js-form-item-payment-information-billing-information-address-0-address-postal-code,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4] .js-form-item-shipping-information-shipping-profile-address-0-address-postal-code,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address-container4] .js-form-item-payment-information-billing-information-address-0-address-postal-code,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4] .js-form-item-shipping-information-shipping-profile-address-0-address-postal-code,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] [data-drupal-selector=edit-payment-information-billing-information-address-0-address-container4] .js-form-item-payment-information-billing-information-address-0-address-postal-code {
width: 49.5%;
margin-right: 1%;
min-width: 7.5rem
}
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] .js-form-item-shipping-information-shipping-profile-address-0-address-address-line2,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] .js-form-item-payment-information-billing-information-address-0-address-address-line2,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] .js-form-item-shipping-information-shipping-profile-address-0-address-address-line2,
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] [data-drupal-selector=edit-payment-information-billing-information-address-0] .js-form-item-payment-information-billing-information-address-0-address-address-line2,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] .js-form-item-shipping-information-shipping-profile-address-0-address-address-line2,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] .js-form-item-payment-information-billing-information-address-0-address-address-line2,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] .js-form-item-shipping-information-shipping-profile-address-0-address-address-line2,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] [data-drupal-selector=edit-payment-information-billing-information-address-0] .js-form-item-payment-information-billing-information-address-0-address-address-line2 {
display: none
}
@media(max-width:767.98px) {
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] {
padding-bottom: 5.5rem
}
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-recalculate-shipping] {
font-size: 12px;
font-weight: 700;
background-color: #fff;
border: 1px solid #d2d2d2;
color: #000;
border-radius: .5rem;
height: 3rem;
line-height: 1.25;
display: inline-flex;
align-items: center;
transition: all 300ms ease-out;
width: auto;
display: flex;
position: relative;
margin: -4.25rem 1.5rem 2.5rem auto
}
@media screen and (min-width:769px) {
.page-order-checkout [data-drupal-selector=edit-shipping-information-recalculate-shipping]:hover {
border: 1px solid #1882ff;
background-color: #fff;
color: #1882ff
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-recalculate-shipping]:hover:before,
.page-order-checkout [data-drupal-selector=edit-shipping-information-recalculate-shipping]:hover:after {
color: #1882ff
}
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-recalculate-shipping]:before,
.page-order-checkout [data-drupal-selector=edit-shipping-information-recalculate-shipping]:after {
color: #000
}
.page-order-checkout [data-drupal-selector=edit-shipping-information-recalculate-shipping][disabled] {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed;
color: #d2d2d2;
box-shadow: none
}
@media(min-width:992px) {
.page-order-checkout [data-drupal-selector=edit-shipping-information-recalculate-shipping] {
margin-top: -4rem
}
}
.page-order-checkout .confirm-split-button {
float: left;
margin-right: 1%;
display: inline-flex;
align-items: center;
margin-left: .5rem
}
.page-order-checkout .confirm-split-button:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-order-checkout .payline-transactions,
.page-order-checkout .adyen-transactions {
margin-bottom: 10px
}
.page-order-checkout .payline-transactions h5,
.page-order-checkout .payline-transactions .h5,
.page-order-checkout .adyen-transactions h5,
.page-order-checkout .adyen-transactions .h5 {
font-weight: bold;
font-size: 16px;
color: #000
}
.page-order-checkout .payline-transactions span.installment-info-text,
.page-order-checkout .adyen-transactions span.installment-info-text {
font-weight: normal;
font-size: .875rem;
color: #000
}
.page-order-checkout .payline-transactions .scheduler-term,
.page-order-checkout .adyen-transactions .scheduler-term {
margin-top: 12px;
color: #000
}
.page-order-checkout .pay-installment .checkout-btn-price-info {
margin-left: .5rem;
padding-left: .5rem;
border-left: 1px solid
}
.page-order-checkout .checkout-pane.checkout-pane-hubber-cgv-control .fieldset-wrapper,
.page-order-checkout .checkout-pane.checkout-pane-type-price-justification .fieldset-wrapper,
.page-order-checkout .checkout-pane.checkout-pane-rate-justification .fieldset-wrapper,
.page-order-checkout .checkout-pane.checkout-pane-hubber-optin-cart .fieldset-wrapper {
background: #fff;
border: 1px solid #dee2e6;
border-radius: .5rem;
padding: 1.5rem;
margin-top: .75rem
}
.page-order-checkout .checkout-pane.checkout-pane-hubber-cgv-control {
margin: 1.5rem 0;
padding-bottom: 1.5rem
}
.page-order-checkout .checkout-pane.checkout-pane-hubber-cgv-control a {
text-decoration: underline
}
.page-order-checkout .checkout-pane.checkout-pane-hubber-contiguity-control {
margin: 1.5rem 0;
padding-bottom: 1.5rem
}
.page-order-checkout .checkout-pane.checkout-pane-hubber-contiguity-control .fieldset-wrapper {
background: #fff;
box-shadow: 0px 1.5px 3px rgba(0, 0, 0, .05);
border-radius: .5rem;
padding: 1.5rem;
border: 1px solid #dee2e6
}
.page-order-checkout .bottom-container {
display: flex;
justify-content: space-between;
margin-top: 40px;
border-top: 1px solid #ccd2d9;
padding-top: 32px
}
@media(max-width:767.98px) {
.page-order-checkout .bottom-container {
display: none
}
}
.page-order-checkout .total-price {
text-align: right;
margin-top: 10px;
display: inline-flex;
align-items: baseline;
justify-content: flex-end;
font-weight: 800;
color: #000
}
.page-order-checkout .total-price span.total-price-amount {
font-size: 1.25rem;
line-height: 1;
margin-left: 10px
}
.page-order-checkout .layout-region-checkout-footer {
width: 100%;
padding-right: 0
}
@media(max-width:767.98px) {
.page-order-checkout .layout-region-checkout-footer {
display: none
}
}
.page-order-checkout .layout-region-checkout-footer>.form-actions {
display: grid;
justify-content: space-between;
align-items: center;
position: relative;
grid-template-areas: "continu pay" "return pay"
}
.page-order-checkout .layout-region-checkout-footer>.form-actions .button-back-home {
grid-area: "continu"
}
.page-order-checkout .layout-region-checkout-footer>.form-actions .link--previous {
grid-area: "return";
color: initial;
font-size: .75rem;
text-decoration: underline
}
.page-order-checkout .layout-region-checkout-footer>.form-actions .js-form-submit {
grid-area: "pay"
}
.page-order-checkout .layout-region-checkout-footer>.form-actions .pay-before-info {
position: absolute;
top: -1.75rem;
right: 0
}
.page-order-checkout .pay-before-info {
font-size: .625rem;
text-align: right
}
.page-order-checkout .pay-before-info em {
font-style: normal
}
.page-order-checkout .pay-before-info em:last-child {
font-size: .875rem;
font-weight: 900
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-action-wrapper {
padding-top: 1rem;
position: relative;
flex-direction: row;
flex-wrap: wrap
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-action-wrapper span.error-msg-cgv {
color: #ff1818;
font-weight: 600;
font-size: .75rem;
flex: 1 100%;
display: block;
margin-bottom: .5rem
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-action-wrapper span.error-msg-cgv a {
text-decoration: underline;
color: inherit;
padding: 0;
margin: 0
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-action-wrapper span.error-msg-cgv a:after {
display: none
}
.page-order-checkout .order-summary-wrapper .order-summary .payment-amount,
.page-order-checkout .order-summary-wrapper .order-summary .payment-title {
font-size: 12px;
font-weight: bold;
width: 50%
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-summary-info-wrapper .cart-contents .payment-title {
float: left;
display: block;
color: #000
}
@media(min-width:768px) {
.page-order-checkout .order-summary-wrapper .order-summary .cart-summary-info-wrapper .cart-contents.option {
display: block
}
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-summary-info-wrapper .cart-contents.option-payment {
border-bottom: 0px solid #000
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-summary-info-wrapper .cart-contents.option-payment .cart-product-total {
color: #76818d
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-summary-info-wrapper .cart-contents.option-payment .cart-product-info {
align-items: center
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-summary-info-wrapper .cart-contents.option-payment .cart-product-info .product-qty,
.page-order-checkout .order-summary-wrapper .order-summary .cart-summary-info-wrapper .cart-contents.option-payment .cart-product-info .product-title {
color: #76818d
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-summary-info-wrapper .cart-contents.option-payment .cart-summary-product {
display: flex;
align-items: center
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-summary-info-wrapper .cart-contents.option-payment .cart-product-info .product-img {
display: none
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-summary-info-wrapper .cart-contents.option-payment .cart-product-info .product-title {
display: flex;
align-items: center;
margin-left: 0
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-summary-info-wrapper .cart-contents.option-payment .cart-product-info .product-title:before {
font-family: "hubber8";
content: "";
margin-right: 5px;
color: #76818d;
font-size: 24px
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-summary-info-wrapper .cart-contents.option+.row.cart-contents-footer .totals .order-total-line__adjustment--hubber-fee-adjustment {
display: none
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-summary-info-wrapper .cart-contents.option+.row.cart-contents-footer .totals .order-total-line.order-total-line__total:not(.option-total-to-pay) {
color: #76818d
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-summary-info-wrapper .cart-contents.option+.row.cart-contents-footer .totals .order-total-line.order-total-line__total:not(.option-total-to-pay) .order-total-line-value {
font-size: 16px
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-summary-info-wrapper .cart-contents.option+.row.cart-contents-footer .totals .order-total-line.order-total-line__total:not(.option-total-to-pay) .order-total-line-label {
font-size: 12px
}
.page-order-checkout .order-summary-wrapper .order-summary .payment-amount {
margin-top: 10px;
text-align: right;
text-transform: uppercase;
line-height: 2;
color: #000
}
.page-order-checkout .order-summary-wrapper .order-summary .container.cart-summary-info-wrapper.form-group {
padding: 0;
max-width: none
}
@media(min-width:768px) {
.page-order-checkout .order-summary-wrapper .order-summary .container.cart-summary-info-wrapper.form-group .multi-payment .order-total-line.order-total-line__total span.order-total-line-value {
font-size: 16px;
line-height: 1;
font-weight: 600
}
}
.page-order-checkout .order-summary-wrapper .order-summary .container.cart-summary-info-wrapper.form-group .multi-payment .payment-title {
width: 100%;
align-items: baseline;
justify-content: flex-end;
color: #000
}
@media(min-width:768px) {
.page-order-checkout .order-summary-wrapper .order-summary .container.cart-summary-info-wrapper.form-group .multi-payment .payment-title {
display: inline-flex
}
}
.page-order-checkout .order-summary-wrapper .order-summary .container.cart-summary-info-wrapper.form-group .multi-payment .payment-title em {
font-weight: 800
}
.page-order-checkout .order-summary-wrapper .order-summary .container.cart-summary-info-wrapper.form-group .order-total-line.order-total-line__adjustment.order-total-line__adjustment--hubber-fee-adjustment span.order-total-line-label,
.page-order-checkout .order-summary-wrapper .order-summary .container.cart-summary-info-wrapper.form-group .order-total-line.order-total-line__adjustment.order-total-line__adjustment--hubber-fee-adjustment span.order-total-line-value {
font-size: 12px
}
.page-order-checkout .order-summary-wrapper .order-summary .container.cart-summary-info-wrapper.form-group .order-total-line.order-total-line__adjustment.order-total-line__adjustment--hubber-fee-adjustment.order-total-line__adjustment--greyed {
color: #76818d
}
.page-order-checkout .order-summary-wrapper .order-summary .cart-summary-info-wrapper {
padding: 0
}
.page-order-checkout .order-summary-wrapper .order-summary .container-totals {
display: flex;
flex-direction: column;
align-items: flex-end
}
.page-order-checkout .order-summary-wrapper .order-summary .container-totals .order-total-line {
padding: 0
}
.page-order-checkout .order-summary-wrapper .order-summary div.order-total-line.order-total-line__total_to_pay {
margin-top: 10px
}
.page-order-checkout .order-summary-wrapper .order-summary div.order-total-line.order-total-line__total_to_pay span.order-total-line-label {
font-size: .875rem
}
.page-order-checkout .order-summary-wrapper .order-summary div.order-total-line.order-total-line__total_to_pay span.order-total-line-value {
font-weight: 900;
font-size: 24px
}
.page-order-checkout .form-item-type-price-justification-price-needs-justification .form-required:not(.hide-required)::after {
position: absolute
}
@media(max-width:767.98px) {
.page-order-checkout .main-content {
margin-top: 24px
}
.page-order-checkout .order-summary-wrapper .order-summary .container-totals .order-total-line.order-total-line__total.total-split-payment .order-total-line-label,
.page-order-checkout .order-summary-wrapper .order-summary .container-totals .order-total-line.order-total-line__total.total-split-payment .order-total-line-value {
color: #000;
font-size: 16px
}
.page-order-checkout .order-summary .order-total-line.order-total-line__total_to_pay,
.page-order-checkout .order-summary .order-total-line.order-total-line__adjustment.order-total-line__adjustment--greyed {
display: none !important
}
.page-order-checkout .order-summary:before {
content: "";
width: 50px;
height: 5px;
position: absolute;
top: 10px;
left: 50%;
background: #d3d3d3;
transform: translate(-50%, 0px);
border-radius: 50px
}
}
@media(max-width:767.98px)and (max-width:767.98px) {
.page-order-checkout .order-summary.openRecap h2,
.page-order-checkout .order-summary.openRecap .h2 {
display: block;
font-size: 1.75rem;
border-bottom: none;
text-transform: none;
font-weight: 600;
padding-top: 1rem;
padding-bottom: 1rem
}
}
@media(max-width:767.98px) {
.page-order-checkout .order-summary.openRecap h3,
.page-order-checkout .order-summary.openRecap .h3 {
display: block;
font-size: 1.75rem;
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 1px solid #dee2e6;
text-transform: none;
font-weight: 600;
padding-top: .75rem
}
}
@media(max-width:767.98px) {
.page-order-checkout .order-summary.openRecap .cart-contents {
display: block !important;
height: auto;
max-height: 42vh;
padding-bottom: 16px;
position: relative;
overflow: visible;
border-bottom: none
}
.page-order-checkout .order-summary.openRecap .cart-contents::after {
display: flex;
content: "";
background-color: #d9dde2;
bottom: 0;
left: -1rem;
position: absolute;
height: 1px;
width: calc(100% + 2rem)
}
}
@media(max-width:767.98px) {
.page-order-checkout .order-summary.openRecap .cart-contents-footer {
align-items: baseline
}
.page-order-checkout .order-summary.openRecap .cart-contents-footer .totals:after {
transform: rotate(0deg)
}
}
@media(max-width:767.98px) {
.page-order-checkout .order-summary .block-page-title-block {
width: 100%
}
}
@media(max-width:767.98px) {
.page-order-checkout .order-summary .bottom-container,
.page-order-checkout .order-summary [data-drupal-selector=edit-actions-next] {
display: none
}
}
@media(max-width:767.98px) {
.page-order-checkout .pay-before-info {
font-size: 10px
}
.page-order-checkout .pay-before-info em {
font-style: normal
}
.page-order-checkout .pay-before-info em:last-child {
font-weight: 800
}
}
@media(max-width:767.98px) {
.page-order-checkout .cart-summary-info-wrapper .totals {
position: unset
}
.page-order-checkout .cart-summary-info-wrapper .totals:after {
content: "";
font-family: "hubber8";
transition: all .1s ease-in-out;
border-radius: .5rem;
font-size: 1.5rem;
margin-left: .5rem;
border: 1px solid #dee2e6;
width: 2rem;
height: 2rem;
line-height: 19px;
display: flex;
align-items: center;
justify-content: center;
color: #1882ff;
transform: rotate(180deg)
}
.page-order-checkout .cart-summary-info-wrapper .totals>div {
text-align: right
}
.page-order-checkout .cart-summary-info-wrapper .cart-contents.option+.row.cart-contents-footer .totals .order-total-line.order-total-line__total:not(.option-total-to-pay) {
display: none
}
}
@media(max-width:767.98px) {
.page-order-checkout .checkout-pane-payment-information fieldset.payline-transactions,
.page-order-checkout .checkout-pane-payment-information fieldset.adyen-transactions,
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment],
.page-order-checkout fieldset.payline-transactions,
.page-order-checkout fieldset.adyen-transactions {
position: fixed;
bottom: 0;
z-index: 13;
left: 0;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
margin: 0;
max-height: 80vh;
overflow-y: auto;
overflow-x: hidden
}
}
@media(max-width:767.98px) {
.page-order-checkout .bill-split-sliders-wrapper .bill-split-slider-main-customer .row .slider-info-name {
font-size: 12px;
padding: 0;
width: auto
}
.page-order-checkout .bill-split-sliders-wrapper .bill-split-slider-main-customer .row .slider-info-name:before {
margin-left: 0;
margin-right: .5rem
}
}
@media(max-width:767.98px) {
.page-order-checkout [data-drupal-selector=edit-actions-next],
.page-order-checkout button.button-back-home {
display: none
}
}
@media(max-width:767.98px) {
.page-order-checkout .order-summary:not(.openRecap) .multi-payment .payment-title {
display: none;
text-align: right;
position: absolute;
right: 50px;
top: 12px
}
.page-order-checkout .order-summary:not(.openRecap) .multi-payment .totals>div {
display: block
}
.page-order-checkout .order-summary:not(.openRecap) .multi-payment .totals>div .order-total-line.order-total-line__total span.order-total-line-label {
color: #000
}
.page-order-checkout .order-summary:not(.openRecap) .multi-payment .totals>div .order-total-line.order-total-line__total span.order-total-line-value {
color: #000;
font-size: 24px
}
}
@media(max-width:767.98px) {
.page-order-checkout .order-summary .multi-payment .payment-title {
display: block;
text-align: right
}
.page-order-checkout .order-summary .multi-payment .totals>div {
display: block
}
.page-order-checkout .order-summary .multi-payment .totals>div .order-total-line.order-total-line__total span.order-total-line-label,
.page-order-checkout .order-summary .multi-payment .totals>div .order-total-line.order-total-line__total span.order-total-line-value {
font-size: 16px;
color: #76818d
}
.page-order-checkout .order-summary.openRecap .order-total-line.order-total-line__total_to_pay {
display: block !important
}
.page-order-checkout .order-summary.openRecap .split-payment .container-totals .order-total-line.order-total-line__total.total-split-payment .order-total-line-value,
.page-order-checkout .order-summary.openRecap .split-payment .container-totals .order-total-line.order-total-line__total.total-split-payment .order-total-line-label {
color: #76818d
}
}
@media(max-width:767.98px) {
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile] .form-select,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information] .form-select {
position: unset !important;
margin-bottom: 1rem;
width: 100% !important
}
}
@media(max-width:767.98px) {
.page-order-checkout [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] fieldset.js-form-type-textfield,
.page-order-checkout [data-drupal-selector=edit-payment-information-billing-information-address-0-address] fieldset.js-form-type-textfield {
width: 100%
}
}
@media(max-width:767.98px) {
.page-order-checkout button.confirm-split-button {
width: 100%
}
}
@media(max-width:767.98px) {
.page-order-checkout .layout-main-wrapper .bill-split-wrapper .btn-primary.choose-another-payment-button:not(.pay-option) {
position: absolute;
top: 10px;
right: 0px;
font-size: 0;
text-decoration: none;
border: none;
background: rgba(0, 0, 0, 0) !important
}
.page-order-checkout .layout-main-wrapper .bill-split-wrapper .btn-primary.choose-another-payment-button:not(.pay-option):before {
content: "+";
font-size: 19px;
color: #fff;
background: #76818d;
width: 18px;
height: 18px;
transform: rotate(45deg);
border-radius: 50px;
text-decoration: none;
line-height: 1
}
.page-order-checkout .layout-main-wrapper .bill-split-wrapper .btn-primary.choose-another-payment-button:not(.pay-option):hover {
font-size: 0;
background: rgba(0, 0, 0, 0)
}
}
@media(max-width:767.98px) {
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-main-customer .row .slider-info-total {
text-align: right;
padding: 0;
min-width: 100px
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-main-customer .row .slider-info-total .total-label {
font-size: 11px
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-main-customer .row .slider-info-total .total-value {
font-size: 12px
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-info {
font-size: 12px
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-slider.bill-split-slider-main-customer .row {
position: relative;
margin: 0;
padding: .5rem 1rem
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-slider.bill-split-slider-main-customer .row .slider-info-min,
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-slider.bill-split-slider-main-customer .row .slider-info-slider {
display: none
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated {
min-height: 50px;
height: auto
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info {
display: flex;
justify-content: space-between;
width: 100%;
margin: 0;
align-items: center;
position: relative
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info .col-3.slider-info-guest {
display: flex;
align-items: center;
padding: 0;
flex: 0 0 90%;
max-width: 100%;
margin-bottom: 10px
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info .col-3.slider-info-guest .guest-name {
align-items: center;
display: flex;
font-weight: 800;
font-size: .875rem;
text-transform: lowercase;
color: #000
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info .col-3.slider-info-guest .guest-name:before {
content: "";
font-family: "hubber8";
color: #76818d;
margin: 0 10px;
font-size: 27px
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info .col-2.slider-info-amount {
margin: 0 0px 10px 33px;
position: unset
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info .col-2.slider-info-amount .guest-fee-info {
position: absolute;
font-size: 11px;
color: gray;
min-width: 100px;
right: 10px;
top: 40px;
text-align: right
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info .col-2.slider-info-total {
font-weight: bold;
font-size: 11px;
min-width: 130px;
text-align: right;
padding-right: 10px;
color: #000
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info .col-2.slider-info-total .total-value {
font-size: 12px
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info input.split-amount {
max-width: 60px;
background: #fff;
border: 1px solid #76818d;
box-sizing: border-box;
box-shadow: 0px 12px 24px rgba(0, 0, 0, .03), 0px 7.5px 15px rgba(0, 0, 0, .03), 0px 2.5px 5px rgba(0, 0, 0, .03), 0px 1.5px 3px rgba(0, 0, 0, .02);
border-radius: 5px;
text-align: center;
margin-right: 5px;
max-width: 50px
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated button.edit-guest-trigger {
font-size: 0;
background: rgba(0, 0, 0, 0);
padding: 0 0px 0 5px;
border: none
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated button.edit-guest-trigger:before {
color: #76818d;
font-size: 18px;
font-family: "hubber8";
content: "";
cursor: pointer;
pointer-events: all;
border-radius: 50px
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified {
height: 192px
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info {
margin: 0;
width: 100%;
display: inline-block
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info input {
height: 38px
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info .col-3.guest-number {
font-weight: bold;
font-size: .875rem;
margin: 12px;
padding: 0px 1px
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info .col-2.guest-lastname {
max-width: 50%;
float: left
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info .col-2.guest-firstname {
max-width: 50%;
display: inline-block
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info .guest-email {
max-width: 100%;
margin: 12px 0 10px 0px
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info .col-2.guest-actions {
display: flex;
justify-content: space-between;
max-width: 100%
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info .col-2.guest-actions .btn.remove-guest-trigger {
display: block;
font-size: 0;
background: rgba(0, 0, 0, 0);
border: none;
color: #76818d;
padding: .375rem .75rem
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info .col-2.guest-actions .btn.remove-guest-trigger:before {
font-size: 18px;
font-family: "hubber8";
content: "";
cursor: pointer;
pointer-events: all;
border-radius: 50px;
color: #76818d
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) .guest-info {
padding: 1rem;
margin: 0;
justify-content: space-between
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) .guest-info .guest-number {
font-weight: 600;
font-size: .875rem;
padding: 0;
color: #000;
width: 100%;
margin-bottom: 1rem
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) .guest-info .guest-lastname,
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) .guest-info .guest-firstname {
flex: 0 0 48%;
padding: 0
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) .guest-info .guest-email {
width: 100%;
margin: .75rem 0;
padding: 0
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) .guest-info .guest-actions {
display: flex;
justify-content: space-between;
width: 100%;
padding: 0
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) .guest-info .guest-actions .btn.remove-guest-trigger {
display: block;
font-size: 0;
background: rgba(0, 0, 0, 0);
border: none;
color: #76818d;
padding: .375rem .75rem
}
.page-order-checkout [data-drupal-selector=edit-payment-information-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) .guest-info .guest-actions .btn.remove-guest-trigger:before {
font-size: 18px;
font-family: "hubber8";
content: "";
cursor: pointer;
pointer-events: all;
border-radius: 50px;
color: #76818d
}
}
@media(max-width:767.98px) {
.page-order-checkout h4.fieldset-main-header,
.page-order-checkout .fieldset-main-header.h4 {
text-transform: uppercase;
font-weight: 800;
font-size: 24px;
border-bottom: 1px solid #76818d;
margin: 10px 10px 10px 0px;
padding: 0px 0px 10px 0px;
color: #000
}
.page-order-checkout h4.fieldset-main-header:before,
.page-order-checkout .fieldset-main-header.h4:before {
content: "";
width: 50px;
height: 5px;
position: absolute;
top: 10px;
left: 50%;
background: #d3d3d3;
transform: translate(-50%, 0px);
border-radius: 50px
}
}
@media(max-width:767.98px) {
.page-order-checkout .fieldset-close {
font-size: 0;
background: #76818d;
width: 1.5rem;
height: 1.5rem;
transform: rotate(45deg);
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
position: absolute;
right: 20px;
top: 20px
}
.page-order-checkout .fieldset-close:before {
font-size: 1.25rem;
content: "+";
color: #fff;
line-height: 1
}
}
@media(max-width:767.98px) {
.page-order-checkout.page-order-payment .order-summary:not(.openRecap) .multi-payment .payment-title {
display: block;
text-align: right;
position: absolute;
right: 50px;
top: 12px
}
.page-order-checkout.page-order-payment .order-summary:not(.openRecap) .multi-payment .totals>div {
display: none
}
.page-order-checkout.page-order-payment .order-summary:not(.openRecap) .split-payment .order-total-line.order-total-line__total.total-split-payment {
display: none
}
.page-order-checkout.page-order-payment .order-summary:not(.openRecap) .split-payment .order-total-line.order-total-line__total_to_pay {
margin-top: 0
}
.page-order-checkout.page-order-payment .order-summary .multi-payment .payment-title {
display: block;
text-align: right
}
.page-order-checkout.page-order-payment .order-summary .multi-payment .totals>div {
display: block
}
.page-order-checkout.page-order-payment .order-summary .multi-payment .totals>div .order-total-line.order-total-line__total span.order-total-line-label {
color: #76818d;
font-size: .875rem
}
.page-order-checkout.page-order-payment .order-summary .multi-payment .totals>div .order-total-line.order-total-line__total span.order-total-line-value {
font-size: .875rem;
color: #76818d
}
.page-order-checkout.page-order-payment .order-summary .split-payment .order-total-line.order-total-line__total_to_pay {
display: block !important
}
.page-order-checkout.page-order-payment .order-summary .split-payment .order-total-line.order-total-line__total.total-split-payment span.order-total-line-label {
color: #76818d;
font-size: .875rem
}
.page-order-checkout.page-order-payment .order-summary .split-payment .order-total-line.order-total-line__total.total-split-payment span.order-total-line-value {
color: #76818d;
font-size: .875rem
}
}
.page-order-checkout .fieldset-wrapper>.radio,
.path-payment-order .fieldset-wrapper>.radio {
display: flex;
flex-direction: column
}
.page-order-checkout .fieldset-wrapper>.radio div.js-form-type-radio:first-child:nth-last-child(3),
.page-order-checkout .fieldset-wrapper>.radio div.js-form-type-radio:first-child:nth-last-child(3)~div.js-form-type-radio,
.path-payment-order .fieldset-wrapper>.radio div.js-form-type-radio:first-child:nth-last-child(3),
.path-payment-order .fieldset-wrapper>.radio div.js-form-type-radio:first-child:nth-last-child(3)~div.js-form-type-radio {
flex: 1 1 31%
}
@media screen and (max-width:1350px) {
.page-order-checkout .fieldset-wrapper>.radio div.js-form-type-radio:first-child:nth-last-child(3),
.page-order-checkout .fieldset-wrapper>.radio div.js-form-type-radio:first-child:nth-last-child(3)~div.js-form-type-radio,
.path-payment-order .fieldset-wrapper>.radio div.js-form-type-radio:first-child:nth-last-child(3),
.path-payment-order .fieldset-wrapper>.radio div.js-form-type-radio:first-child:nth-last-child(3)~div.js-form-type-radio {
flex: 1 1 36%
}
}
.page-order-checkout .fieldset-wrapper>.radio div.js-form-type-radio:first-child:nth-last-child(4),
.page-order-checkout .fieldset-wrapper>.radio div.js-form-type-radio:first-child:nth-last-child(4)~div.js-form-type-radio,
.path-payment-order .fieldset-wrapper>.radio div.js-form-type-radio:first-child:nth-last-child(4),
.path-payment-order .fieldset-wrapper>.radio div.js-form-type-radio:first-child:nth-last-child(4)~div.js-form-type-radio {
flex: 1 1 49%
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio:not(.is-checked):before,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio:not(.is-checked):before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio:not(.is-checked):hover:before,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio:not(.is-checked):hover:before {
opacity: .1
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio {
background-color: #fff;
border-radius: 0;
border: 1px solid #dee2e6;
overflow: hidden;
padding-left: 0;
position: relative
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio.is-checked,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio.is-checked {
border-color: #1882ff
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio .custom-control-input,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio .custom-control-input {
right: 1.5rem;
top: 1.5rem;
position: absolute;
display: flex;
background-color: #fff
}
@media(max-width:767.98px) {
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio .custom-control-input,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio .custom-control-input {
right: 1rem;
top: 1rem
}
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio:nth-child(n+1),
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio:nth-child(n+1) {
margin-right: 0 !important;
margin-bottom: 0 !important
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio:first-child,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio:first-child {
border-top-left-radius: .5rem;
border-top-right-radius: .5rem
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio:last-child,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio:last-child {
border-bottom-left-radius: .5rem;
border-bottom-right-radius: .5rem
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label {
font-weight: 600;
font-size: 1rem;
display: flex;
flex-direction: column;
padding: 1.5rem;
box-shadow: none !important;
border: 0;
width: 100%;
min-height: 4.5rem;
justify-content: unset;
position: relative
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label>span,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label>span {
width: 100%
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label:before,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label:before {
top: 1.5rem;
right: 1.5rem;
left: unset
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label:after,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label:after {
top: 1.75rem !important;
right: 1.75rem;
left: unset !important
}
@media(max-width:767.98px) {
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label {
padding: 1rem
}
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .long-description,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .long-description {
font-weight: normal;
color: initial;
font-size: .875rem
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .long-description p,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .long-description p {
margin-bottom: 0
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .shipping-rate-header,
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_header,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .shipping-rate-header,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_header {
display: flex;
width: 100%;
padding-right: 2rem;
gap: .25rem
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .shipping-rate-header .logo img,
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_header .logo img,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .shipping-rate-header .logo img,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_header .logo img {
max-width: 150px;
max-height: 100px
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .shipping-rate-header span.title,
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_header span.title,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .shipping-rate-header span.title,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_header span.title {
font-size: 1rem;
align-self: flex-start;
margin-left: 4px
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .shipping-rate-header span.description,
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_header span.description,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .shipping-rate-header span.description,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_header span.description {
font-weight: normal;
opacity: .5;
display: flex;
align-items: center;
margin-left: .25rem;
gap: .25rem
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .shipping-rate-header span.description:before,
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_header span.description:before,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .shipping-rate-header span.description:before,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_header span.description:before {
content: "•"
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .shipping-rate-header span.amount,
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .shipping-rate-header span.tax,
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_header span.amount,
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_header span.tax,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .shipping-rate-header span.amount,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .shipping-rate-header span.tax,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_header span.amount,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_header span.tax {
flex: none;
margin-left: auto;
color: #000
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_body,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_body {
font-size: .875rem;
font-weight: normal
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_body p,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_body p {
margin: 0;
color: initial
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_body p.split-payment-nb-guest,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_body p.split-payment-nb-guest {
font-weight: 800
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_body p em,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_body p em {
font-style: normal;
font-weight: 800
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_body span.edit-payment,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio>label .wrapper_payment_method_body span.edit-payment {
padding: 0;
color: #76818d;
text-decoration: underline;
text-transform: capitalize
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio .description,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio .description {
font-size: .75rem;
text-align: left;
color: initial
}
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio input[checked]+label .wrapper-fee,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio input[checked]+label .wrapper-fee {
padding-right: 11%
}
@media(min-width:768px) {
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio:hover input+label,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio:hover input+label {
box-shadow: 0px 1.5px 3px rgba(0, 0, 0, .05)
}
}
.pay-split-payment .checkout-btn-price-info {
margin-left: .5rem
}
.checkout-pane-contact-information .fieldset-wrapper {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
background-color: #fff;
padding: 1.5rem;
border-radius: .5rem;
border: 1px solid #dee2e6
}
.checkout-pane-contact-information .fieldset-wrapper .js-form-item-contact-information-email {
width: 100%
}
.checkout-pane-contact-information .fieldset-wrapper .js-form-item-contact-information-firstname,
.checkout-pane-contact-information .fieldset-wrapper .js-form-item-contact-information-lastname {
width: calc(50% - .75rem)
}
@media(max-width:767.98px) {
.checkout-pane-contact-information .fieldset-wrapper .js-form-item-contact-information-firstname,
.checkout-pane-contact-information .fieldset-wrapper .js-form-item-contact-information-lastname {
width: 100%
}
}
.checkout-pane-contact-information .fieldset-wrapper>fieldset {
width: 100%
}
@media(min-width:992px) {
.checkout-pane-contact-information .fieldset-wrapper>fieldset {
width: calc(50% - .75rem)
}
}
.edit-address-container {
padding: 1rem 1.5rem
}
.delivery-modes-container .update-shipping-actions-wrapper {
display: flex;
flex-direction: row-reverse;
margin-top: 1rem;
justify-content: flex-end
}
.delivery-modes-container .colissimo-choose-pick-up {
position: relative !important
}
.delivery-modes-container .colissimo-wrapper {
padding: .5rem 1.5rem;
text-align: left
}
@media(max-width:767.98px) {
.delivery-modes-container .colissimo-wrapper {
padding: .5rem 1rem
}
}
@media(max-width:767.98px) {
.delivery-modes-container .widget_colissimo_liste {
height: 50vh
}
}
@media(max-width:767.98px) {
.delivery-modes-container .widget_colissimo_map_zone {
top: 70vh;
height: 55vh
}
}
@media(min-width:768px) {
.delivery-modes-container .widget_colissimo_map {
width: calc(100% - 402px)
}
}
@media(max-width:767.98px) {
.delivery-modes-container .widget_colissimo_table_adresse {
width: 100%
}
}
.delivery-modes-container .widget_colissimo_map_liste,
.delivery-modes-container .widget_colissimo_map_icone {
left: auto;
top: auto;
right: .5rem;
bottom: .5rem;
z-index: 10
}
@media(max-width:767.98px) {
.delivery-modes-container .widget_colissimo_contenu {
width: calc(100vw - 5rem)
}
}
@media(min-width:768px) {
.delivery-modes-container .widget_colissimo_contenu {
width: 100%
}
}
@media(max-width:767.98px) {
.delivery-modes-container td.widget_colissimo_table_adresse:nth-child(1) {
width: 36px;
display: inline-block
}
}
.delivery-modes-container .custom-control-label .separator {
display: none
}
.delivery-modes-container .custom-control-label .btn {
text-align: left;
padding: 0
}
.delivery-modes-container label:not(.form-required)::after {
font-size: .6875rem;
position: absolute;
right: .625rem;
background-color: #fff;
font-style: italic;
padding-left: .125rem;
padding-right: .125rem;
line-height: 1
}
.delivery-modes-container .shipping-profile-header,
.delivery-modes-container .shipping-rates-header-label {
text-align: left;
padding: 0 1.5rem
}
@media(max-width:767.98px) {
.delivery-modes-container .shipping-profile-header,
.delivery-modes-container .shipping-rates-header-label {
padding: 0 1rem
}
}
.delivery-modes-container select.form-select:not(:hover) {
box-shadow: none
}
.delivery-modes-container .custom-select-icon:not(.form-no-label) .form-select {
padding: 0rem;
padding-left: 3rem;
font-family: inherit;
font-weight: normal;
font-size: 1rem
}
.delivery-modes-container .custom-select-icon:not(.form-no-label) label {
position: absolute
}
.delivery-modes-container .custom-select-icon:not(.form-no-label) label:before {
top: 1rem
}
.delivery-modes-container .form-required:not(.hide-required)::after {
position: absolute
}
.delivery-modes-container .form-control:not(.btn),
.delivery-modes-container .form-select {
padding: 1rem;
font-size: 1rem
}
.delivery-modes-container .copy-to-address-book~label {
position: relative !important;
margin: 1rem 0 !important;
padding-left: 2.2rem !important;
border: 0 !important;
box-shadow: none !important;
cursor: pointer
}
.delivery-modes-container .form-check:not(.custom-switch) {
padding: 0 !important;
margin-bottom: 1rem
}
.delivery-modes-container .form-check:not(.custom-switch) .form-check-label {
color: initial !important
}
.delivery-modes-container .btn-save-shipping-address {
padding: 0 2rem;
width: auto;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.delivery-modes-container .btn-save-shipping-address:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.delivery-modes-container .btn-cancel-edit-shipping-address {
text-decoration: underline;
color: rgba(38, 49, 64, .5);
box-shadow: none !important;
background: rgba(0, 0, 0, 0) !important;
width: auto
}
.delivery-modes-container .path-checkout .fieldset-wrapper .custom-control-label {
padding: 0 1.5rem;
box-shadow: none;
border: 0
}
@media(max-width:767.98px) {
.delivery-modes-container .path-checkout .fieldset-wrapper .custom-control-label {
padding: 0 1rem
}
}
.delivery-modes-container .address-country-code-container {
width: calc(50% - .5rem)
}
@media(max-width:767.98px) {
.delivery-modes-container .address-country-code-container {
width: 100%
}
}
.delivery-modes-container .address-container {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
gap: .75rem
}
.delivery-modes-container .address-container .js-form-item {
text-align: left;
width: 100%
}
.delivery-modes-container .address-container .was-validated .form-control:invalid,
.delivery-modes-container .address-container .form-control.is-invalid {
background-position: right 1rem center
}
.delivery-modes-container .address-container .alert {
background: rgba(0, 0, 0, 0);
border: 0;
text-align: left;
padding: 0;
color: #c50808
}
.delivery-modes-container .address-container fieldset {
position: relative;
margin: 1rem 0;
width: 25%
}
.delivery-modes-container .address-container fieldset>label {
position: absolute;
width: 100%;
text-align: left;
left: 0;
top: -0.375rem;
padding: 0 .625rem !important;
font-size: .6875rem !important;
line-height: 1
}
@media(max-width:767.98px) {
.delivery-modes-container .address-container fieldset>label {
padding: 0 .625rem !important
}
}
.delivery-modes-container .address-container fieldset>label span {
line-height: 1;
background-color: #fff;
color: rgba(38, 49, 64, .5);
padding-left: .125rem;
padding-right: .125rem;
transition: color .2s;
white-space: nowrap
}
.delivery-modes-container .address-container .fieldset-organization,
.delivery-modes-container .address-container .fieldset-given-name,
.delivery-modes-container .address-container .fieldset-family-name {
width: calc(50% - .5rem)
}
@media(max-width:767.98px) {
.delivery-modes-container .address-container .fieldset-organization,
.delivery-modes-container .address-container .fieldset-given-name,
.delivery-modes-container .address-container .fieldset-family-name {
width: 100%
}
}
.delivery-modes-container .address-container .fieldset-postal-code {
width: 25%
}
@media(max-width:767.98px) {
.delivery-modes-container .address-container .fieldset-postal-code {
width: 100%
}
}
.delivery-modes-container .address-container .fieldset-locality {
flex: 1
}
.delivery-modes-container .address-container .fieldset-sorting-code {
width: 25%
}
@media(max-width:767.98px) {
.delivery-modes-container .address-container .fieldset-sorting-code {
width: 100%
}
}
.delivery-modes-container .address-container .fieldset-address-line1,
.delivery-modes-container .address-container .fieldset-address-line2 {
width: 100%
}
.delivery-modes-container .address-country-code-container fieldset {
width: 100%
}
.delivery-modes-container .fieldset-wrapper>.radio .js-form-type-radio .custom-control-input {
top: 1.5rem
}
@media(max-width:767.98px) {
.delivery-modes-container .fieldset-wrapper>.radio .js-form-type-radio .custom-control-input {
top: 1rem
}
}
.delivery-modes-container .fieldset-wrapper>.radio .shipping-profile-inline-form-wrapper .js-form-type-radio label,
.delivery-modes-container .fieldset-wrapper>.radio .list-shipping-rates .js-form-type-radio label {
padding-left: 3.5rem;
color: #000
}
.delivery-modes-container .fieldset-wrapper>.radio .shipping-profile-inline-form-wrapper .js-form-type-radio label span:not(.title),
.delivery-modes-container .fieldset-wrapper>.radio .list-shipping-rates .js-form-type-radio label span:not(.title) {
margin-left: .25rem
}
.delivery-modes-container .fieldset-wrapper>.radio .shipping-profile-inline-form-wrapper .js-form-type-radio label .address-label,
.delivery-modes-container .fieldset-wrapper>.radio .shipping-profile-inline-form-wrapper .js-form-type-radio label .description,
.delivery-modes-container .fieldset-wrapper>.radio .list-shipping-rates .js-form-type-radio label .address-label,
.delivery-modes-container .fieldset-wrapper>.radio .list-shipping-rates .js-form-type-radio label .description {
font-size: .875rem;
font-weight: normal;
opacity: .5
}
.delivery-modes-container .fieldset-wrapper>.radio .shipping-profile-inline-form-wrapper .js-form-type-radio label .btn,
.delivery-modes-container .fieldset-wrapper>.radio .list-shipping-rates .js-form-type-radio label .btn {
text-decoration: underline
}
.delivery-modes-container .fieldset-wrapper>.radio .shipping-profile-inline-form-wrapper .js-form-type-radio .custom-control-input,
.delivery-modes-container .fieldset-wrapper>.radio .list-shipping-rates .js-form-type-radio .custom-control-input {
right: auto;
left: 1.5rem;
top: 1px
}
@media(max-width:767.98px) {
.delivery-modes-container .fieldset-wrapper>.radio .shipping-profile-inline-form-wrapper .js-form-type-radio .custom-control-input,
.delivery-modes-container .fieldset-wrapper>.radio .list-shipping-rates .js-form-type-radio .custom-control-input {
left: 1rem
}
}
.delivery-modes-container .fieldset-wrapper>.radio .custom-control-label {
justify-content: flex-start
}
.delivery-modes-container .fieldset-wrapper>.radio .custom-control-input+.custom-control-label {
box-shadow: none !important;
border: 0;
display: block
}
.delivery-modes-container .colissimo-selected-pickup-address-fieldset .fieldset-legend {
font-size: .875rem;
font-weight: 600
}
.delivery-modes-container .colissimo-selected-pickup-address-fieldset .btn {
background-color: rgba(0, 0, 0, 0);
padding: 0;
border: 0;
text-decoration: underline
}
.delivery-modes-container .colissimo-selected-pickup-address-fieldset p {
margin-bottom: .5rem
}
.path-checkout .delivery-modes-container .fieldset-wrapper .custom-control-label {
padding: 0 1.5rem
}
@media(max-width:767.98px) {
.path-checkout .delivery-modes-container .fieldset-wrapper .custom-control-label {
padding: 0 1rem
}
}
.path-checkout .delivery-modes-container .fieldset-wrapper .custom-control-input {
top: 0
}
[id^=edit-sidebar-order-summary-cart-summary-summary-after-totals-multi-payment-apply-avoirs] .custom-switch-wrapper {
padding: .5rem .75rem;
background-color: #f6f8f9;
border-radius: 8px
}
.shipping-selection-products-list-wrapper {
border: 1px solid #dee2e6;
border-radius: .5rem .5rem 0 0;
background: #fff;
padding: 1rem 1.5rem;
font-size: .875rem;
margin-top: 1rem
}
.shipping-selection-products-list-wrapper .cart-summary-product {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: .5rem
}
.shipping-selection-products-list-wrapper .cart-product-info {
display: flex;
align-items: center;
gap: .5rem
}
.shipping-selection-products-list-wrapper .cart-product-total {
font-weight: 600
}
.shipping-selection-products-list-wrapper .product-title {
font-size: .75rem;
font-weight: 600
}
.shipping-selection-products-list-wrapper+.form-item .custom-radio {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important
}
.list-shipping-rates .radio .shipping-rate-header {
display: flex;
justify-content: space-between
}
.list-shipping-rates .radio-button-list {
display: unset
}
.shipping-profile-inline-form-wrapper .available-profiles {
flex-direction: column
}
.path-checkout .order-summary .cart-contents-footer .more-info {
display: flex;
flex-direction: column;
gap: .75rem
}
.path-checkout .order-summary .cart-contents-footer .more-info fieldset span.fieldset-legend {
display: none
}
body.path-product-bundle .js-bundle-unsaleable .js-bundle-reinit,
body.path-product-bundle .js-bundle-unsaleable .js-form-bundle-group {
filter: blur(2px)
}
body.path-product-bundle .js-bundle-unsaleable #cart-wrapper [data-drupal-selector=edit-empty-text] {
display: none
}
body.path-product-bundle .js-bundle-unsaleable #cart-wrapper .cant-be-sold {
text-align: center;
font-weight: bold
}
body.path-product-bundle .js-bundle-unsaleable .pre-selection-wrapper {
display: none
}
body.path-product-bundle article .field--type-text-with-summary {
margin-left: 30px
}
body.path-product-bundle article form.commerce-order-item-hubber-bundle-add-to-cart-form.bundle-init-form.js-bundle-unsaleable {
pointer-events: none
}
body.path-product-bundle article form.commerce-order-item-hubber-bundle-add-to-cart-form.bundle-init-form.js-bundle-unsaleable fieldset.pre-selection-wrapper {
display: none !important
}
body.path-product-bundle article form.commerce-order-item-hubber-bundle-add-to-cart-form.bundle-init-form fieldset.pre-selection-wrapper .fieldset-wrapper fieldset.js-form-type-number label,
body.path-product-bundle article form.commerce-order-item-hubber-bundle-add-to-cart-form.bundle-init-form fieldset.pre-selection-wrapper .fieldset-wrapper fieldset.js-form-type-select label {
display: none
}
body.path-product-bundle article form.commerce-order-item-hubber-bundle-add-to-cart-form.bundle-init-form fieldset.pre-selection-wrapper .fieldset-wrapper .quantity-selector-wrapper.unactive button,
body.path-product-bundle article form.commerce-order-item-hubber-bundle-add-to-cart-form.bundle-init-form fieldset.pre-selection-wrapper .fieldset-wrapper .quantity-selector-wrapper.unactive .quantity-selector {
cursor: default;
opacity: .6
}
@media only screen and (max-width:769px) {
body.path-product-bundle section article form.commerce-order-item-hubber-bundle-add-to-cart-form.bundle-init-form fieldset.pre-selection-wrapper .fieldset-wrapper fieldset.js-form-item-meta-category .price-container span.desc,
body.path-product-bundle section article form.commerce-order-item-hubber-bundle-add-to-cart-form.bundle-init-form fieldset.pre-selection-wrapper .fieldset-wrapper fieldset.js-form-item-meta-category .price-container span.average_info {
right: 35px
}
body.path-product-bundle section article form.commerce-order-item-hubber-bundle-add-to-cart-form.bundle-init-form fieldset.pre-selection-wrapper .fieldset-wrapper fieldset.js-form-item-meta-category .price-container span.average_info {
bottom: 5px
}
body.path-product-bundle section article form.commerce-order-item-hubber-bundle-add-to-cart-form.bundle-init-form fieldset.pre-selection-wrapper .fieldset-wrapper fieldset.js-form-item-meta-category .price-container span.desc {
top: 5px
}
}
body.path-product-bundle .package-content-wrapper {
position: relative
}
body.path-product-bundle .package-content-wrapper:has(.ticket-content-filters) {
padding-top: 2rem
}
body.path-product-bundle-multi-steps .package-info-multi-steps-container {
position: relative
}
.path-payment-order .payment.payment-easing {
display: none
}
.path-payment-order .PaylineWidget .pl-container-view .pl-input-group {
width: 99%
}
.path-payment-order .main-content {
margin-top: 3rem
}
@media(min-width:992px) {
.path-payment-order .payment-form {
max-width: calc(100% - 23.25rem)
}
.path-payment-order .payment-form #edit-main-container {
align-items: flex-start;
justify-content: space-between
}
.path-payment-order .payment-form #edit-main-container>.col-sm-9 {
max-width: calc(100% - 23.25rem)
}
.path-payment-order .payment-form #edit-main-container>.col-sm-3 {
min-width: 23.25rem
}
.path-payment-order #edit-main-container {
align-items: flex-start;
justify-content: space-between
}
.path-payment-order #edit-main-container>.col-sm-9 {
max-width: calc(100% - 23.25rem)
}
}
.path-payment-order .scrolled:not(.path-cart) .scroller {
display: none
}
.path-payment-order .scroller {
display: none !important
}
@media(max-width:991.98px) {
.path-payment-order .main-content {
margin-top: 20px !important
}
}
.path-payment-order .fieldset-wrapper .custom-control.radio {
margin-right: 1.5rem;
margin-bottom: .75em
}
.path-payment-order .fieldset-wrapper .custom-control.radio:last-child {
margin-right: 0
}
.path-payment-order .layout-main-wrapper button:not(.pay-option, .adyen-checkout__payment-method__header__title) {
align-items: center;
background-color: #2d3cff;
border-radius: .5rem;
border: 1px solid;
border-color: #2d3cff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none
}
@media(min-width:768px) {
.path-payment-order .layout-main-wrapper button:not(.pay-option, .adyen-checkout__payment-method__header__title) {
display: inline-flex
}
}
.path-payment-order .layout-main-wrapper button:not(.pay-option, .adyen-checkout__payment-method__header__title):hover {
color: #fff;
background-color: #2d3cff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.path-payment-order .layout-main-wrapper [data-drupal-selector=edit-submit]:not(.pay-option, .adyen-checkout__payment-method__header__title) {
width: 100%;
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
margin-left: .5rem
}
@media(min-width:768px) {
.path-payment-order .layout-main-wrapper [data-drupal-selector=edit-submit]:not(.pay-option, .adyen-checkout__payment-method__header__title) {
display: inline-flex
}
}
.path-payment-order .layout-main-wrapper [data-drupal-selector=edit-submit]:not(.pay-option, .adyen-checkout__payment-method__header__title):hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.path-payment-order .layout-main-wrapper [data-drupal-selector=edit-submit]:not(.pay-option, .adyen-checkout__payment-method__header__title):after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.path-payment-order .layout-main-wrapper [data-drupal-selector=edit-submit]:not(.pay-option, .adyen-checkout__payment-method__header__title):after {
color: #fff
}
.path-payment-order .layout-main-wrapper [data-drupal-selector=edit-submit]:not(.pay-option, .adyen-checkout__payment-method__header__title):before {
display: none
}
.path-payment-order .layout-main-wrapper [data-drupal-selector=edit-submit]:not(.pay-option, .adyen-checkout__payment-method__header__title)[disabled]:after {
color: #fff
}
.path-payment-order button[disabled] {
font-size: 12px !important
}
.path-payment-order button[data-drupal-selector=edit-actions-next]:not(.pay-option, .adyen-checkout__payment-method__header__title) .checkout-btn-price-info {
margin-left: .625rem;
padding-left: .625rem;
border-left: 1px solid
}
.path-payment-order button.button-checkout-cart[disabled]:not(.pay-option),
.path-payment-order button[data-drupal-selector=edit-actions-next]:not(.pay-option, .adyen-checkout__payment-method__header__title) {
font-size: 12px !important
}
.path-payment-order button.button-checkout-cart[disabled]:not(.pay-option):after,
.path-payment-order button[data-drupal-selector=edit-actions-next]:not(.pay-option, .adyen-checkout__payment-method__header__title):after {
content: "";
font-size: 12px;
font-family: "hubber8";
margin-left: 10px
}
.path-payment-order button.button-checkout-cart[disabled]:not(.pay-option):before,
.path-payment-order button[data-drupal-selector=edit-actions-next]:not(.pay-option, .adyen-checkout__payment-method__header__title):before {
display: none
}
.path-payment-order button.confirm-split-button:not(.pay-option, .adyen-checkout__payment-method__header__title) {
margin-right: 1%;
background: #185bbf;
float: left;
cursor: pointer
}
.path-payment-order button.confirm-split-button:not(.pay-option, .adyen-checkout__payment-method__header__title):after {
content: "";
font-size: 12px;
font-family: "hubber8";
margin-left: 10px
}
.path-payment-order button.confirm-split-button:not(.pay-option, .adyen-checkout__payment-method__header__title)[disabled] {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed;
background: #d2d2d2 !important;
border: 1px solid #d2d2d2;
transform: translateY(0)
}
.path-payment-order button.confirm-split-button:not(.pay-option, .adyen-checkout__payment-method__header__title)[disabled]:hover {
box-shadow: none
}
.path-payment-order .fieldset-wrapper .js-form-type-radio input.custom-control-input {
top: 65%
}
@media screen and (max-width:1210px) {
.path-payment-order .fieldset-wrapper .js-form-type-radio input.custom-control-input {
top: 75%
}
}
.path-payment-order div.js-form-type-radio:first-child:nth-last-child(3),
.path-payment-order div.js-form-type-radio:first-child:nth-last-child(3)~div.js-form-type-radio {
flex: 1 1 31%
}
@media screen and (max-width:1350px) {
.path-payment-order div.js-form-type-radio:first-child:nth-last-child(3),
.path-payment-order div.js-form-type-radio:first-child:nth-last-child(3)~div.js-form-type-radio {
flex: 1 1 34%
}
}
.path-payment-order div.js-form-type-radio:first-child:nth-last-child(4),
.path-payment-order div.js-form-type-radio:first-child:nth-last-child(4)~div.js-form-type-radio {
flex: 1 1 49%
}
.path-payment-order #edit-right-container .order-total-line.order-total-line__adjustment.order-total-line__adjustment--hubber-fee-adjustment {
color: #76818d
}
.path-payment-order #edit-right-container .row.cart-contents-footer .timer {
flex: 0
}
.path-payment-order .path-payment-order #edit-right-container .order-total-line.order-total-line__total {
justify-content: space-between
}
@media(min-width:992px) {
.path-payment-order .block-page-title-block {
max-width: calc(100% - 23.25rem)
}
}
.path-payment-order .block-page-title-block h1,
.path-payment-order .block-page-title-block .h1,
.path-payment-order .block-page-title-block legend,
.path-payment-order [data-drupal-selector=edit-payment-method] h1,
.path-payment-order [data-drupal-selector=edit-payment-method] .h1,
.path-payment-order [data-drupal-selector=edit-payment-method] legend {
text-align: center;
color: #000;
margin-bottom: 60px;
font-size: 1.5rem;
font-weight: 600;
text-transform: none
}
@media(min-width:992px) {
.path-payment-order .block-page-title-block h1,
.path-payment-order .block-page-title-block .h1,
.path-payment-order .block-page-title-block legend,
.path-payment-order [data-drupal-selector=edit-payment-method] h1,
.path-payment-order [data-drupal-selector=edit-payment-method] .h1,
.path-payment-order [data-drupal-selector=edit-payment-method] legend {
font-size: 2rem
}
}
.path-payment-order .block-page-title-block h1 span:after,
.path-payment-order .block-page-title-block .h1 span:after,
.path-payment-order .block-page-title-block legend span:after,
.path-payment-order [data-drupal-selector=edit-payment-method] h1 span:after,
.path-payment-order [data-drupal-selector=edit-payment-method] .h1 span:after,
.path-payment-order [data-drupal-selector=edit-payment-method] legend span:after {
display: none
}
.path-payment-order .radio {
display: flex;
flex-wrap: wrap
}
.path-payment-order .radio:nth-child(n+1) {
margin-right: 1% !important
}
.path-payment-order .radio label {
font-weight: bold;
font-size: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 12px;
filter: grayscale(1);
background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #f7f9fa;
opacity: .5;
box-shadow: 0px 1.5px 3px rgba(0, 0, 0, .05);
border-radius: 8px
}
.path-payment-order .radio label .shipping-rate-header span.title,
.path-payment-order .radio label .wrapper_payment_method_header span.title {
font-size: 16px
}
@media(min-width:768px) {
.path-payment-order .radio label .shipping-rate-header span.title,
.path-payment-order .radio label .wrapper_payment_method_header span.title {
margin-right: auto
}
}
.path-payment-order .radio label .shipping-rate-header span.tax,
.path-payment-order .radio label .wrapper_payment_method_header span.tax {
right: 12px;
position: absolute;
color: #000;
font-size: 14px
}
.path-payment-order .radio label .shipping-rate-body,
.path-payment-order .radio label .wrapper_payment_method_body {
margin-top: 30px;
width: 90%
}
.path-payment-order .radio label .shipping-rate-body p,
.path-payment-order .radio label .wrapper_payment_method_body p {
font-weight: normal;
font-size: 12px;
color: #1882ff;
margin: 0
}
.path-payment-order .radio label .shipping-rate-body p a,
.path-payment-order .radio label .wrapper_payment_method_body p a {
color: #1882ff
}
.path-payment-order .radio label .shipping-rate-body p.split-payment-nb-guest,
.path-payment-order .radio label .wrapper_payment_method_body p.split-payment-nb-guest {
font-weight: 800
}
.path-payment-order .radio label .shipping-rate-body p em,
.path-payment-order .radio label .wrapper_payment_method_body p em {
font-style: normal;
font-weight: 800
}
.path-payment-order .radio label .shipping-rate-body span.edit-payment,
.path-payment-order .radio label .wrapper_payment_method_body span.edit-payment {
padding: 0;
color: #76818d;
text-decoration: underline;
text-transform: capitalize
}
.path-payment-order .radio input[checked]+label {
filter: grayscale(0);
box-shadow: 0px 1.5px 3px rgba(0, 0, 0, .05);
opacity: 1
}
.path-payment-order .radio input[checked]+label span.tax {
color: #1882ff
}
.path-payment-order .radio.js-form-type-radio:hover input+label {
filter: grayscale(0);
box-shadow: 0px 1.5px 3px rgba(0, 0, 0, .05);
opacity: 1
}
.path-payment-order .radio.js-form-type-radio:hover input+label .wrapper_payment_method_body p,
.path-payment-order .radio.js-form-type-radio:hover input+label .shipping-rate-body p,
.path-payment-order .radio.js-form-type-radio:hover input+label .wrapper_payment_method_body p a,
.path-payment-order .radio.js-form-type-radio:hover input+label .shipping-rate-body p a {
color: #1882ff
}
.path-payment-order .radio button.choose-another-payment-button {
position: absolute;
top: 10px;
right: 0px;
font-size: 0 !important;
text-decoration: none !important;
cursor: pointer;
background: rgba(0, 0, 0, 0) !important
}
.path-payment-order .radio button.choose-another-payment-button:before {
content: "+";
font-size: 19px;
color: #fff !important;
background: #76818d;
width: 18px;
height: 18px;
transform: rotate(45deg);
border-radius: 50px;
text-decoration: none
}
@media(min-width:768px) {
.path-payment-order .layout-main-wrapper button.choose-another-payment-button {
background: rgba(0, 0, 0, 0);
overflow: hidden;
white-space: nowrap;
font-size: 12px;
font-weight: 700;
background-color: #fff;
border: 1px solid #d2d2d2;
color: #000;
border-radius: .5rem;
height: 3rem;
line-height: 1.25;
display: inline-flex;
align-items: center;
transition: all 300ms ease-out
}
}
@media screen and (min-width:768px)and (min-width:769px) {
.path-payment-order .layout-main-wrapper button.choose-another-payment-button:hover {
border: 1px solid #1882ff;
background-color: #fff;
color: #1882ff
}
.path-payment-order .layout-main-wrapper button.choose-another-payment-button:hover:before,
.path-payment-order .layout-main-wrapper button.choose-another-payment-button:hover:after {
color: #1882ff
}
}
@media(min-width:768px) {
.path-payment-order .layout-main-wrapper button.choose-another-payment-button:before,
.path-payment-order .layout-main-wrapper button.choose-another-payment-button:after {
color: #000
}
}
@media(min-width:768px) {
.path-payment-order .layout-main-wrapper button.choose-another-payment-button[disabled] {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed;
color: #d2d2d2;
box-shadow: none
}
}
@media(min-width:768px) {
.path-payment-order .layout-main-wrapper button.choose-another-payment-button:hover {
border: 1px solid #fff;
box-shadow: 0px 12px 24px rgba(118, 129, 141, .06), 0px 7.5px 15px rgba(118, 129, 141, .08), 0px 2.5px 5px rgba(118, 129, 141, .05), 0px 1.5px 3px rgba(118, 129, 141, .03)
}
}
.path-payment-order .bill-split-wrapper {
background: #fff;
box-shadow: inset 0px -1px 0px #d9dde2;
padding: 24px;
border-radius: 8px
}
.path-payment-order .bill-split-wrapper .slider-info-min {
font-size: 12px;
color: #76818d;
padding: 0 5px
}
.path-payment-order .bill-split-wrapper .add-guest-link {
margin: 24px 0px !important;
width: 100%;
text-align: left;
background: #f7f9fa;
border-radius: 8px;
height: 50px;
color: #000;
text-transform: capitalize;
text-decoration: underline;
font-weight: normal;
padding-left: 60px;
position: relative;
display: flex;
align-items: center
}
.path-payment-order .bill-split-wrapper .add-guest-link:before {
content: "+";
text-decoration: none;
border: 1px solid #76818d;
border-radius: 50px;
width: 24px;
height: 24px;
padding: 0px 6px;
position: absolute;
left: 20px;
font-size: 15px;
font-weight: normal;
color: #76818d
}
.path-payment-order .bill-split-wrapper h5,
.path-payment-order .bill-split-wrapper .h5 {
font-weight: bold;
font-size: 16px;
color: #000
}
.path-payment-order .bill-split-wrapper .bill-split-info {
display: block;
margin-bottom: 10px;
font-weight: normal;
font-size: 14px
}
.path-payment-order .bill-split-wrapper .slider-info-slider .split-slider {
height: 4px
}
.path-payment-order .bill-split-wrapper .bill-split-sliders-wrapper .slider-info-slider {
padding-right: 0;
margin-right: 10px
}
.path-payment-order .bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider {
background: #f7f9fa;
border-radius: 8px;
height: 50px
}
@media(min-width:768px) {
.path-payment-order .bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider {
min-height: 50px;
height: auto;
padding: 15px 0px
}
}
.path-payment-order .bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider span.ui-state-default {
width: 24px;
height: 24px;
border-radius: 50px;
top: -11px
}
.path-payment-order .bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider span.ui-state-default.ui-state-focus,
.path-payment-order .bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider span.ui-state-default.ui-state-active {
background: #f7f9fa;
border: 1px solid #d9dde2;
color: #d9dde2;
outline-color: unset
}
.path-payment-order .bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider .ui-slider-range-min {
background: #1882ff
}
.path-payment-order .bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer span.ui-slider-handle:before {
font-family: "hubber8";
content: "";
position: relative;
top: -2px;
left: 3px;
color: #000
}
.path-payment-order .bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer .ui-slider-range-min {
background: #d9dde2
}
.path-payment-order .bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer .row {
align-items: center;
height: 100%;
justify-content: space-between
}
.path-payment-order .bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer .row .slider-info-name {
align-items: center;
display: flex;
font-weight: 800;
font-size: 14px;
line-height: 1;
color: #000
}
@media(min-width:768px) {
.path-payment-order .bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer .row .slider-info-name {
max-width: 22%
}
}
.path-payment-order .bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer .row .slider-info-name:before {
content: "";
font-family: "hubber8";
color: #76818d;
margin: 0 17px;
font-size: 27px
}
.path-payment-order .bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer .row .slider-info-total {
font-weight: 700;
min-width: 140px;
color: #000
}
.path-payment-order .bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer .row .slider-info-total .total-label {
margin-right: 10px;
font-size: 14px
}
.path-payment-order .bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-main-customer .row .slider-info-total .total-value {
font-weight: 900;
font-size: 16px
}
.path-payment-order .row.cart-summary-info-caption {
font-size: 10px;
line-height: 22px;
letter-spacing: .1em;
text-transform: uppercase;
color: #000;
font-weight: 700;
border-bottom: 1px solid #d9dde2;
margin: 0 0 20px 0;
display: block
}
.path-payment-order .cart-contents {
border: none !important;
margin-bottom: 0
}
.path-payment-order .cart-contents .cart-product-info .product-title {
font-size: 14px;
color: #000
}
.path-payment-order .cart-contents .payment-title {
color: #000;
font-weight: 700;
width: 50%;
float: left;
font-size: 12px !important;
margin-top: .5rem !important
}
.path-payment-order .cart-contents .payment-title em {
font-style: normal
}
.path-payment-order .cart-contents .payment-amount {
font-size: 12px !important;
display: inline-block;
width: 50%;
margin-top: .5rem;
text-align: right;
color: #000;
font-weight: 700;
text-transform: uppercase
}
.path-payment-order .cart-contents.option .product-qty,
.path-payment-order .cart-contents.option .cart-product-total,
.path-payment-order .cart-contents.option .product-title {
display: block;
color: #76818d
}
.path-payment-order .cart-contents.option .product-qty em,
.path-payment-order .cart-contents.option .cart-product-total em,
.path-payment-order .cart-contents.option .product-title em {
font-style: normal
}
.path-payment-order .cart-contents.option .payment-title {
color: #000;
font-weight: 700;
width: 50%;
float: left;
font-size: 12px
}
.path-payment-order .cart-contents.option .payment-title em {
font-style: normal
}
.path-payment-order .cart-contents.option .payment-amount {
font-size: 12px;
text-align: right;
color: #000;
font-weight: 700;
text-transform: uppercase
}
.path-payment-order .cart-contents.option .total-paid {
width: 100%;
text-align: right;
font-size: 14px;
margin-top: 5px
}
.path-payment-order .cart-contents.option .total-paid em {
font-style: normal;
font-size: 16px;
font-weight: 800
}
@media screen and (max-width:1210px) {
.path-payment-order .col-5.slider-info-slider {
max-width: 20vw
}
}
@media(max-width:991.98px) {
.path-payment-order .col-5.slider-info-slider {
display: none
}
}
.path-payment-order .cart-contents:not(.option) {
margin: 0
}
.path-payment-order .order-total-line.order-total-line__adjustment {
color: #76818d;
font-size: 12px;
text-transform: capitalize;
display: flex;
justify-content: flex-end
}
.path-payment-order .order-total-line.order-total-line__adjustment .order-total-line-value {
font-size: 14px !important
}
.path-payment-order .order-total-line.order-total-line__total.total-split-payment {
margin-bottom: 10px
}
.path-payment-order .cart-contents-footer.d-flex {
display: flex;
flex-direction: column
}
.path-payment-order .cart-contents-footer .order-total-line-value {
width: unset
}
.path-payment-order .cart-contents-footer .order-total-line {
padding: 0
}
.path-payment-order .cart-contents-footer .order-total-line span.order-total-line-label {
margin-right: 10px;
display: inline-block
}
.path-payment-order .cart-contents-footer .totals .order-total-line.order-total-line__total span {
color: #76818d;
font-size: 12px
}
.path-payment-order .cart-contents-footer .totals .order-total-line.order-total-line__total span.order-total-line-value {
font-size: 14px
}
.path-payment-order .cart-contents-footer .total-paid {
width: 100%;
text-align: right;
font-size: 14px;
margin-top: 5px
}
.path-payment-order .cart-contents-footer .total-paid em {
font-style: normal;
font-size: 24px;
font-weight: 800
}
.path-payment-order .cart-contents-footer .payment-title {
width: 100%;
text-align: right;
font-size: 14px;
margin-top: 5px
}
.path-payment-order .cart-contents-footer .payment-title em {
font-style: normal;
font-weight: 800;
font-size: 24px
}
.path-payment-order [id*=-paiement-3x]:not(input) {
margin-bottom: 0;
background-color: #fff;
padding: 1.5rem;
border-radius: .5rem;
box-shadow: 0 1.5px 3px rgba(0, 0, 0, .05)
}
.path-payment-order [id*=-paiement-3x]:not(input) legend {
margin-bottom: 0
}
.path-payment-order [id*=-paiement-3x]:not(input) h5,
.path-payment-order [id*=-paiement-3x]:not(input) .h5 {
font-weight: bold;
font-size: 16px;
color: #000
}
.path-payment-order [id*=-paiement-3x]:not(input) span {
font-weight: normal;
font-size: 14px;
color: #000
}
.path-payment-order [id*=-paiement-3x]:not(input) .scheduler-term {
margin-top: 20px
}
.path-payment-order [id*=-paiement-3x]:not(input) li {
flex: 1;
background-color: #f7f9fa;
border-radius: .5rem;
padding: 1rem 1.5rem;
font-weight: bold
}
@media(max-width:991.98px) {
.path-payment-order [id*=-paiement-3x]:not(input) li:not(:last-child) {
margin-bottom: .75rem
}
}
.path-payment-order [id*=-paiement-3x]:not(input) li .id,
.path-payment-order [id*=-paiement-3x]:not(input) li .date {
font-weight: 500;
font-size: .875rem
}
.path-payment-order [id*=-paiement-3x]:not(input) li .date {
color: #76818d
}
@media(min-width:992px) {
.path-payment-order [id*=-paiement-3x]:not(input) li:not(:last-child) {
margin-right: 1.5rem
}
}
@media(min-width:768px) {
.path-payment-order .block-rwc-mastercard-block {
width: 74.5%
}
}
.path-payment-order .checkout-pane-payment-process {
padding: 0
}
@media(max-width:991.98px) {
.path-payment-order .radio {
display: block
}
.path-payment-order #edit-right-container,
.path-payment-order [id^=edit-right-container] {
position: fixed;
bottom: 0;
z-index: 9;
left: 0;
border-top-left-radius: 24px !important;
border-top-right-radius: 24px !important;
margin: 0;
max-width: 100%;
min-height: 77px;
box-shadow: 0px 5px 24px rgba(0, 0, 0, .07), 0px 2px 15px rgba(0, 0, 0, .03), 0px 1px 5px rgba(0, 0, 0, .03), 0px 1px 3px rgba(0, 0, 0, .05)
}
.path-payment-order #edit-right-container .totals:after,
.path-payment-order [id^=edit-right-container] .totals:after {
content: "";
font-family: "hubber8";
transition: all .1s ease-in-out;
border-radius: 50px;
font-size: 1.25em;
margin-left: 10px;
width: 27px;
height: 27px;
padding: 4px 3px;
display: flex;
border: 1px solid #8c8ca5;
align-items: center;
color: #2d3cff;
transform: rotate(180deg);
position: absolute;
top: 20px
}
.path-payment-order #edit-right-container h3,
.path-payment-order #edit-right-container .h3,
.path-payment-order #edit-right-container .cart-contents,
.path-payment-order [id^=edit-right-container] h3,
.path-payment-order [id^=edit-right-container] .h3,
.path-payment-order [id^=edit-right-container] .cart-contents {
display: none !important
}
.path-payment-order #edit-right-container .row.cart-contents-footer,
.path-payment-order [id^=edit-right-container] .row.cart-contents-footer {
padding-top: 0;
border: none
}
.path-payment-order #edit-right-container .row.cart-contents-footer .totals .container-totals,
.path-payment-order [id^=edit-right-container] .row.cart-contents-footer .totals .container-totals {
padding-right: 40px
}
.path-payment-order #edit-right-container .row.cart-contents-footer .totals .order-total-line,
.path-payment-order [id^=edit-right-container] .row.cart-contents-footer .totals .order-total-line {
display: none
}
.path-payment-order #edit-right-container .row.cart-contents-footer .totals .order-total-line.order-total-line__total_to_pay,
.path-payment-order [id^=edit-right-container] .row.cart-contents-footer .totals .order-total-line.order-total-line__total_to_pay {
display: flex;
align-items: baseline
}
.path-payment-order #edit-right-container .row.cart-contents-footer .totals .order-total-line.order-total-line__total_to_pay .order-total-line-label,
.path-payment-order [id^=edit-right-container] .row.cart-contents-footer .totals .order-total-line.order-total-line__total_to_pay .order-total-line-label {
min-width: 80px
}
.path-payment-order #edit-right-container .row.cart-contents-footer .payment-title,
.path-payment-order #edit-right-container .row.cart-contents-footer .total-paid,
.path-payment-order [id^=edit-right-container] .row.cart-contents-footer .payment-title,
.path-payment-order [id^=edit-right-container] .row.cart-contents-footer .total-paid {
padding-right: 50px
}
.path-payment-order #edit-right-container .row.cart-summary-info-caption,
.path-payment-order [id^=edit-right-container] .row.cart-summary-info-caption {
display: none
}
.path-payment-order #edit-right-container.openRecap,
.path-payment-order [id^=edit-right-container].openRecap {
background: linear-gradient(to bottom, #F7F9FA 83px, white 25%, white 100%);
height: auto
}
.path-payment-order #edit-right-container.openRecap h3,
.path-payment-order #edit-right-container.openRecap .h3,
.path-payment-order #edit-right-container.openRecap .cart-contents,
.path-payment-order [id^=edit-right-container].openRecap h3,
.path-payment-order [id^=edit-right-container].openRecap .h3,
.path-payment-order [id^=edit-right-container].openRecap .cart-contents {
display: block !important
}
.path-payment-order #edit-right-container.openRecap .row.cart-summary-info-caption,
.path-payment-order [id^=edit-right-container].openRecap .row.cart-summary-info-caption {
display: block
}
.path-payment-order #edit-right-container.openRecap .path-payment-order .cart-contents-footer,
.path-payment-order [id^=edit-right-container].openRecap .path-payment-order .cart-contents-footer {
border-top: 1px solid #d9dde2
}
.path-payment-order #edit-right-container.openRecap .row.cart-contents-footer .totals .order-total-line,
.path-payment-order [id^=edit-right-container].openRecap .row.cart-contents-footer .totals .order-total-line {
display: block
}
.path-payment-order #edit-right-container.openRecap .row.cart-contents-footer .totals .container-totals,
.path-payment-order [id^=edit-right-container].openRecap .row.cart-contents-footer .totals .container-totals {
padding-right: 0px
}
.path-payment-order #edit-right-container.openRecap .row.cart-contents-footer .payment-title,
.path-payment-order [id^=edit-right-container].openRecap .row.cart-contents-footer .payment-title {
padding-right: 0
}
.path-payment-order #edit-right-container.openRecap .row.cart-contents-footer .total-paid,
.path-payment-order [id^=edit-right-container].openRecap .row.cart-contents-footer .total-paid {
padding-right: 0
}
.path-payment-order #edit-right-container.openRecap .row.cart-contents-footer .totals:after,
.path-payment-order [id^=edit-right-container].openRecap .row.cart-contents-footer .totals:after {
position: absolute;
top: 20px;
transform: rotate(0deg)
}
.path-payment-order #edit-right-container.openRecap h3,
.path-payment-order #edit-right-container.openRecap .h3,
.path-payment-order [id^=edit-right-container].openRecap h3,
.path-payment-order [id^=edit-right-container].openRecap .h3 {
display: block;
font-weight: 800;
font-size: 24px;
line-height: 29px;
text-transform: uppercase;
text-align: center;
margin-top: 10px;
width: 100%
}
.path-payment-order #edit-right-container.openRecap h3:before,
.path-payment-order #edit-right-container.openRecap .h3:before,
.path-payment-order [id^=edit-right-container].openRecap h3:before,
.path-payment-order [id^=edit-right-container].openRecap .h3:before {
content: "";
width: 50px;
height: 5px;
position: absolute;
top: 10px;
left: 50%;
background: #d3d3d3;
transform: translate(-50%, 0px);
border-radius: 50px
}
.path-payment-order #edit-right-container.openRecap .cart-contents,
.path-payment-order [id^=edit-right-container].openRecap .cart-contents {
display: block;
height: auto;
max-height: 50vh;
overflow: auto
}
.path-payment-order #edit-right-container.openRecap .cart-contents .totals-details,
.path-payment-order [id^=edit-right-container].openRecap .cart-contents .totals-details {
display: block
}
.path-payment-order #edit-right-container.openRecap .row.cart-summary-info-caption,
.path-payment-order [id^=edit-right-container].openRecap .row.cart-summary-info-caption {
font-size: 10px;
line-height: 22px;
letter-spacing: .1em;
text-transform: uppercase;
color: #000;
font-weight: 700;
border-bottom: 1px solid #d9dde2;
margin: 0 0 20px 0;
display: block
}
.path-payment-order #edit-right-container.openRecap .row.cart-contents-footer:last-child,
.path-payment-order [id^=edit-right-container].openRecap .row.cart-contents-footer:last-child {
display: none
}
.path-payment-order .layout-main-wrapper button.choose-another-payment-button:not(.pay-option, .adyen-checkout__payment-method__header__title) {
font-size: 0;
text-decoration: none;
border-color: rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0);
position: absolute;
top: 10px;
right: 0px;
transform: rotate(45deg)
}
.path-payment-order .layout-main-wrapper button.choose-another-payment-button:not(.pay-option, .adyen-checkout__payment-method__header__title):before {
content: "+";
font-size: 19px;
color: #fff;
background: #76818d;
border-radius: 50px;
text-decoration: none;
padding: 0 8px
}
.path-payment-order .layout-main-wrapper button.choose-another-payment-button:not(.pay-option, .adyen-checkout__payment-method__header__title):hover {
font-size: 0;
background: rgba(0, 0, 0, 0);
box-shadow: none
}
.path-payment-order .payment-form .checkout-pane-payment-process {
padding: 0
}
}
@media(max-width:991.98px)and (min-width:768px) {
.path-payment-order .payment-form .checkout-pane-payment-process {
max-width: 70%;
margin: 0 auto
}
}
@media(max-width:991.98px) {
.path-payment-order .payment-form #edit-right-container:not(.openRecap) .cart-contents-footer {
border: none
}
.path-payment-order .payment-form #edit-right-container:not(.openRecap) .payment-title {
display: block;
position: absolute;
bottom: 25px;
text-align: right;
padding-right: 60px
}
}
@media(max-width:991.98px) {
.path-payment-order .payment-form #edit-right-container.openRecap h3,
.path-payment-order .payment-form #edit-right-container.openRecap .h3 {
margin-bottom: 7px
}
.path-payment-order .payment-form #edit-right-container.openRecap .cart-contents {
padding: 0;
margin: 0
}
.path-payment-order .payment-form #edit-right-container.openRecap .cart-contents .payment-title {
display: block
}
.path-payment-order .payment-form #edit-right-container.openRecap .payment-title {
display: block
}
.path-payment-order .payment-form #edit-right-container.openRecap .row.cart-contents-footer {
display: block !important
}
}
@media(max-width:991.98px) {
.path-payment-order .path-payment-order [id^=edit-right-container] .row.cart-contents-footer .totals .order-total-line.order-total-line__total_to_pay {
margin-right: 40px
}
}
@media(max-width:991.98px) {
.path-payment-order .cart-summary-info-wrapper {
margin-bottom: 0 !important
}
.path-payment-order .cart-summary-info-wrapper .cart-contents.option+.row.cart-contents-footer .totals .order-total-line.order-total-line__total:not(.option-total-to-pay) {
display: none
}
.path-payment-order .cart-summary-info-wrapper .col.totals {
transform: translate(-12%, -50%)
}
.path-payment-order .cart-summary-info-wrapper .col.totals:after {
display: none
}
}
@media(max-width:991.98px) {
.path-payment-order [data-drupal-selector=edit-actions-next],
.path-payment-order button.button-back-home {
display: none
}
}
@media(max-width:991.98px) {
.path-payment-order .multi-payment .totals .order-total-line.order-total-line__total {
color: #76818d
}
}
@media(max-width:991.98px)and (min-width:768px) {
.path-payment-order .multi-payment .order-total-line.order-total-line__total span.order-total-line-value {
font-size: 16px;
line-height: 1;
font-weight: 600
}
}
@media(max-width:991.98px) {
.path-payment-order .cart-summary-info-wrapper .totals:after {
content: "";
font-family: "hubber8";
transition: all .1s ease-in-out;
border-radius: 50px;
font-size: 1.25em;
margin-left: 10px;
border: 1px solid #76818d;
width: 27px;
height: 27px;
padding: 4px 3px;
display: flex;
align-items: center;
color: #2d3cff;
transform: rotate(180deg)
}
.order-summary.openRecap .path-payment-order .cart-summary-info-wrapper .totals:after {
position: absolute;
top: 20px;
transform: rotate(0deg)
}
}
@media(max-width:991.98px) {
.path-payment-order [data-drupal-selector=edit-shipping-information-shipping-profile-information] select,
.path-payment-order [data-drupal-selector=edit-payment-information-billing-information] select {
position: relative;
top: 10px;
left: 0
}
}
@media(max-width:991.98px) {
.path-payment-order [data-drupal-selector=edit-shipping-information-shipping-profile-address-0-address] fieldset.js-form-type-textfield,
.path-payment-order [data-drupal-selector=edit-payment-information-billing-information-address-0-address] fieldset.js-form-type-textfield {
width: 100%
}
}
@media(max-width:991.98px) {
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment],
.path-payment-order [data-drupal-selector=edit-block-paiement-3x] {
position: fixed;
bottom: 0;
z-index: 9;
left: 0;
border-top-left-radius: 24px !important;
border-top-right-radius: 24px !important;
margin: 0;
max-height: 80vh;
z-index: 99;
overflow-y: scroll
}
}
@media(max-width:991.98px) {
.path-payment-order .slider-info-name {
max-width: 63%;
flex: 0 0 40%;
font-size: 12px !important
}
.path-payment-order .slider-info-name:before {
margin: 0 10px !important
}
}
@media(max-width:991.98px) {
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-info {
font-size: 12px
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-slider.bill-split-slider-main-customer .row {
position: relative;
margin-right: 0;
text-align: right
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-slider.bill-split-slider-main-customer .row .slider-info-min {
position: absolute;
top: 10px;
right: 8px
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-slider.bill-split-slider-main-customer .row .slider-info-total {
position: absolute;
top: 20px;
right: 0px
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper {
margin-top: 10px !important
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated {
min-height: 50px;
height: auto
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info {
display: flex;
justify-content: space-between;
width: 100%;
margin: 0;
align-items: center;
position: relative
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info .col-3.slider-info-guest {
display: flex;
align-items: center;
padding: 0;
flex: 0 0 90%;
max-width: 100%;
margin-bottom: 10px
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info .col-3.slider-info-guest .guest-name {
align-items: center;
display: flex;
font-weight: 800;
font-size: 12px;
color: #000
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info .col-3.slider-info-guest .guest-name:before {
content: "";
font-family: "hubber8";
color: #76818d;
margin: 0 10px;
font-size: 27px
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info .col-2.slider-info-amount {
margin: 0 0px 10px 33px;
position: unset
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info .col-2.slider-info-amount .guest-fee-info {
position: absolute;
font-size: 11px;
color: gray;
min-width: 100px;
right: 10px;
top: 40px;
text-align: right
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info .col-2.slider-info-total {
font-weight: bold;
font-size: 11px;
min-width: 130px;
text-align: right;
padding-right: 10px;
color: #000
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info .col-2.slider-info-total .total-value {
font-size: 12px;
font-weight: 800
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info .col-2.slider-info-total .total-label {
margin-right: 5px
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated .row.slider-info input.split-amount {
max-width: 60px;
background: #fff;
border: 1px solid #8c8ca5;
box-sizing: border-box;
box-shadow: 0px 12px 24px rgba(0, 0, 0, .03), 0px 7.5px 15px rgba(0, 0, 0, .03), 0px 2.5px 5px rgba(0, 0, 0, .03), 0px 1.5px 3px rgba(0, 0, 0, .02);
border-radius: 5px;
text-align: center;
margin-right: 5px;
max-width: 50px
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated button.edit-guest-trigger {
font-size: 0;
background: rgba(0, 0, 0, 0);
padding: 0 0px 0 5px;
border: none
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated button.edit-guest-trigger:before {
color: #76818d;
font-size: 28px;
font-family: "hubber8";
content: "";
cursor: pointer;
pointer-events: all;
border-radius: 50px
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified {
height: 192px
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info {
margin: 0;
width: 100%;
display: inline-block
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info input {
height: 38px
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info .col-3.guest-number {
font-weight: bold;
font-size: 14px;
margin: 12px;
padding: 0px 1px
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info .col-2.guest-lastname {
max-width: 50%;
display: inline-block;
float: left
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info .col-2.guest-firstname {
max-width: 50%;
display: inline-block
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info .guest-email {
max-width: 100%;
margin: 12px 0 10px 0px
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info .col-2.guest-actions {
display: flex;
justify-content: space-between;
max-width: 100%
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info .col-2.guest-actions .btn.remove-guest-trigger {
display: block;
font-size: 0;
background: rgba(0, 0, 0, 0);
border: none;
color: #8c8ca5;
padding: .375rem .75rem
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest.initiated.modified .row.guest-info .col-2.guest-actions .btn.remove-guest-trigger:before {
font-size: 18px;
font-family: "hubber8";
content: "";
cursor: pointer;
pointer-events: all;
border-radius: 50px;
color: #8c8ca5
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) {
height: 192px
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) .row.guest-info {
margin: 0;
width: 100%;
display: inline-block
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) .row.guest-info input {
height: 38px
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) .row.guest-info .col-3.guest-number {
font-weight: bold;
font-size: 14px;
margin: 12px;
padding: 0px 1px
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) .row.guest-info .col-2.guest-lastname {
max-width: 50%;
display: inline-block;
float: left
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) .row.guest-info .col-2.guest-firstname {
max-width: 50%;
display: inline-block
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) .row.guest-info .guest-email {
max-width: 100%;
margin: 12px 0 10px 0px
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) .row.guest-info .col-2.guest-actions {
display: flex;
justify-content: space-between;
max-width: 100%
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) .row.guest-info .col-2.guest-actions .btn.remove-guest-trigger {
display: block;
font-size: 0;
background: rgba(0, 0, 0, 0);
border: none;
color: #8c8ca5;
padding: .375rem .75rem
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-guest:not(.initiated) .row.guest-info .col-2.guest-actions .btn.remove-guest-trigger:before {
font-size: 18px;
font-family: "hubber8";
content: "";
cursor: pointer;
pointer-events: all;
border-radius: 50px;
color: #8c8ca5
}
}
@media(max-width:991.98px) {
.path-payment-order h4.fieldset-main-header,
.path-payment-order .fieldset-main-header.h4 {
text-transform: uppercase;
font-weight: 800;
font-size: 24px;
border-bottom: 1px solid #76818d;
margin: 10px 10px 10px 0px;
padding: 0px 0px 10px 0px;
color: #000
}
.path-payment-order h4.fieldset-main-header:before,
.path-payment-order .fieldset-main-header.h4:before {
content: "";
width: 50px;
height: 5px;
position: absolute;
top: 10px;
left: 50%;
background: #d3d3d3;
transform: translate(-50%, 0px);
border-radius: 50px
}
}
@media(max-width:991.98px) {
.path-payment-order [id*=-paiement-3x]:not(input) span.fieldset-close {
font-size: 0;
text-decoration: none
}
.path-payment-order [id*=-paiement-3x]:not(input) span.fieldset-close:before {
content: "+";
font-size: 19px;
color: #fff;
background: #76818d;
width: 18px;
height: 18px;
transform: rotate(45deg);
border-radius: 50px;
text-decoration: none;
position: absolute;
right: 20px;
padding: 0 3px;
top: 20px;
line-height: 18px
}
.path-payment-order [id*=-paiement-3x]:not(input) span.fieldset-close:hover {
font-size: 0 !important;
background: rgba(0, 0, 0, 0)
}
}
@media(max-width:991.98px) {
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-main-customer .slider-info-total {
text-align: right;
padding-right: 20px
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-main-customer .slider-info-total .total-label {
font-size: 11px !important
}
.path-payment-order [data-drupal-selector=edit-payment-process-form-split-payment] .bill-split-sliders-wrapper .bill-split-slider-main-customer .slider-info-total .total-value {
font-size: 12px !important
}
}
.path-product .product-not-on-sale-info {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
.path-product .product-not-on-sale-info .unavailable-page-visual {
margin-bottom: 1rem
}
.path-product .product-not-on-sale-info .h6 {
font-weight: 600
}
.path-product .product-not-on-sale-info .btn {
display: inline-flex;
align-items: center;
margin-right: .5rem;
margin-top: 2rem
}
.path-product .product-not-on-sale-info .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.path-product .main-content {
padding: 0
}
.path-product ::-webkit-scrollbar-track {
border: 3px solid #fff;
background-color: #ccd2d9
}
.path-product ::-webkit-scrollbar {
width: 7px;
background-color: #dfe6e9
}
.path-product ::-webkit-scrollbar-thumb {
background-color: #ccd2d9;
border-radius: 10px;
width: 5px
}
.path-product ::-webkit-scrollbar:horizontal {
height: 8px
}
.path-product .alert {
width: 75%
}
@media(min-width:1792px) {
.path-product .ticket-content-wrapper {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.path-product .ticket-content-wrapper {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.path-product .ticket-content-wrapper {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.path-product .ticket-content-wrapper {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.path-product .ticket-content-wrapper {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
.path-product #main main.main-content .js-quickedit-page-title {
display: none
}
.path-product #main main.main-content section.section .row .col-left-product {
padding-right: 0
}
.path-product #main main.main-content section.section .row .intro-product-css {
width: 100%;
background-color: #f5f3f3;
box-sizing: border-box;
position: relative
}
.path-product #main main.main-content section.section .row .intro-product-css #block_info_title_page_product_ticketing {
min-height: 100px
}
.path-product #main main.main-content section.section .row .intro-product-css #block_info_title_page_product_ticketing h1,
.path-product #main main.main-content section.section .row .intro-product-css #block_info_title_page_product_ticketing .h1 {
margin-left: 10px;
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
font-weight: bold;
padding-top: 10px
}
.path-product #main main.main-content section.section .row .intro-product-css #block_info_title_page_product_ticketing h2,
.path-product #main main.main-content section.section .row .intro-product-css #block_info_title_page_product_ticketing .h2 {
margin-left: 10px;
font-size: 16px
}
.path-product #main main.main-content section.section .row .intro-product-css #block_info_title_page_product_ticketing h2.field--name-title-venu,
.path-product #main main.main-content section.section .row .intro-product-css #block_info_title_page_product_ticketing .field--name-title-venu.h2 {
font-size: 14px;
font-weight: 300
}
.path-product #main main.main-content section.section .row .intro-product-css #block_info_title_page_product_ticketing .sidebar {
float: left;
margin-right: 20px
}
.path-product #main main.main-content section.section .row .intro-product-css #block_info_title_page_product_ticketing .sidebar img {
height: 100px;
width: auto
}
.path-product #main main.main-content section.section .row .intro-product-css #block_info_title_page_product_ticketing span.more-info-display-button {
position: absolute;
right: 30px;
font-size: 1em;
bottom: 10px;
cursor: pointer;
color: #000
}
.path-product #main main.main-content section.section .row .intro-product-css #block_info_title_page_product_ticketing span.more-info-display-button:after {
content: "";
font-family: "hubber8";
border: none;
position: absolute;
right: -20px;
bottom: 0;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
font-size: 1.5rem
}
.path-product #main main.main-content section.section .row .intro-product-css #block_info_title_page_product_ticketing span.more-info-display-button.open:after {
transform: rotate(180deg)
}
.path-product #main main.main-content section.section .row .maparea-css {
width: 99%;
padding: 10px;
display: block;
position: relative;
height: calc(100vh - 200px)
}
.path-product #main main.main-content section.section .row .maparea-css #commerce-product-ticketing-bloc-content-auto #commerce-product-ticketing-plan {
display: block;
width: 100%;
float: none
}
.path-product #main main.main-content section.section .row .maparea-css #commerce-product-ticketing-bloc-content-auto #commerce-product-ticketing-plan .field__item {
text-align: center;
background-color: rgba(0, 0, 0, .2)
}
.path-product #main main.main-content section.section .row .maparea-css #commerce-product-ticketing-bloc-content-auto #commerce-product-ticketing-plan .field__item img {
width: auto;
height: calc(100vh - 190px)
}
.path-product #main main.main-content section.section .row .maparea-css .arena .block_tooltips {
border: 1px solid #000;
border-radius: 20px;
padding: 10px;
color: #fff;
background: #000
}
.path-product #main main.main-content section.section .row .maparea-css .arena .block_tooltips div {
color: #fff;
text-align: left
}
.path-product #main main.main-content section.section .row .maparea-css .arena .block_tooltips .block_tooltip_title {
font-weight: bold
}
.path-product #main main.main-content section.section .row .col-right-product {
background: #f9f9f9;
padding: 0
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters {
padding: 25px 25px 0 25px;
box-sizing: border-box
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter {
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
box-sizing: border-box
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter fieldset.quantity-selector-wrapper legend {
display: none
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter fieldset.quantity-selector-wrapper div.fieldset-wrapper {
display: flex
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter fieldset.form-item-slider-range-price {
width: 100%
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter fieldset.form-item-slider-range-price .filter-price-wrapper {
padding: 20px 0;
margin: 0 auto;
box-sizing: border-box
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter fieldset.form-item-slider-range-price .filter-price-wrapper .filter-price-element {
display: flex
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter fieldset.form-item-slider-range-price .filter-price-wrapper .filter-price-element .ui-slider {
width: calc(100% - 180px);
margin: 20px auto
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter fieldset.form-item-slider-range-price .filter-price-wrapper .filter-price-element .price-container {
line-height: 12px;
background-color: #fff;
border: 1px solid #d3d3d3;
border-radius: 4px;
padding: 10px;
position: relative
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter fieldset.form-item-slider-range-price .filter-price-wrapper .filter-price-element .price-container::after {
content: attr(data-suffix)
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter fieldset.form-item-slider-range-price .filter-price-wrapper .filter-price-element .price-container input {
border: none;
width: 30px
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter fieldset.form-item-slider-range-price .filter-price-wrapper .filter-price-element .price-container input::-webkit-outer-spin-button,
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter fieldset.form-item-slider-range-price .filter-price-wrapper .filter-price-element .price-container input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter fieldset.form-item-slider-range-price .filter-price-wrapper .filter-price-element .price-container input[type=number] {
-moz-appearance: textfield
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-1 {
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
align-items: center;
padding: 10px 0;
width: 100%
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-1 button.button {
width: calc(50% - 12px);
margin: 0 6px;
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none
}
@media screen and (max-width:1275px) {
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-1 button.button {
width: calc(40% - 12px)
}
}
@media(min-width:768px) {
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-1 button.button {
display: inline-flex
}
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-1 button.button:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-1 .quantity-selector-wrapper {
border: 1px solid #1882ff;
border-radius: 4px;
position: relative;
width: 50%;
height: 38px
}
@media screen and (max-width:1275px) {
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-1 .quantity-selector-wrapper {
width: 60%
}
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-1 .quantity-selector-wrapper span.quantity-selector-label {
display: none
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-1 .quantity-selector-wrapper .quantity-selector {
background: #fff;
border-radius: 4px
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-1 .quantity-selector-wrapper button.js-quantity-button {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0);
padding: 0 15px 30px 15px;
height: 20px;
position: relative;
line-height: 1.3;
margin: 4px;
border-radius: .5rem;
top: 2px
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-1 .quantity-selector-wrapper button.js-quantity-button:hover {
background: #1882ff !important;
border-radius: 5px;
color: #fff
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-1 .quantity-selector-wrapper button.js-quantity-button:focus {
outline: none
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-1 .quantity-selector-wrapper .quantity-plus:before {
content: "";
width: 1px;
background: #d3d3d3;
height: 90%;
display: block;
position: absolute;
left: -5px;
top: 0
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-1 .quantity-selector-wrapper:after {
font-family: "hubber8";
content: "";
border: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
position: absolute;
right: .5rem;
top: 50%;
transform: translateY(-50%)
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-1 .quantity-selector-wrapper select {
border: none;
position: absolute;
width: 70%;
height: 3rem;
z-index: 9;
background: rgba(0, 0, 0, 0)
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-1 .quantity-selector-wrapper select:focus {
box-shadow: none
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-2 {
padding: 10px 5px 0 0;
width: 100%
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-2 .ui-slider-handle:active,
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-2 .ui-slider-handle:focus,
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-2 .ui-slider-handle {
border-radius: 50px;
height: 1.5em;
width: 1.5em;
background: #fff;
outline: none;
border: 1px solid #1882ff;
top: -0.6em
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-2 .js-hubber-slider {
height: .2em;
background-color: #d3d3d3;
border: none
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters form.js-hfppt-bloc-filter .filters-line-2 .ui-slider-range {
background-color: #1882ff;
border: none
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters h2,
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-bloc-filters .h2 {
text-transform: uppercase;
font-size: 1em;
margin-bottom: 22px
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-form {
display: block;
width: 100%;
float: none;
padding: 20px 15px;
border-top: 1px solid #ddd
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-form em {
font-style: normal
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-form span.infos i {
font-size: 1em;
margin-left: 5px
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-form #commerce-product-add-to-cart-form {
padding-right: 15px
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-form #commerce-product-add-to-cart-form form {
height: auto !important
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-form .hubber-commerce-ticketing-form-category-show-css .hubber-commerce-ticketing-form-block-detail-category-css {
position: relative;
border-bottom: none;
padding: 15px;
min-height: 70px;
margin-bottom: 8px;
border-radius: .5rem;
box-shadow: 0 1px 10px 0 rgba(119, 119, 119, .31);
-moz-box-shadow: 0 1px 10px 0 rgba(119, 119, 119, .31);
-webkit-box-shadow: 0 1px 10px 0 rgba(119, 119, 119, .31);
background: #fff
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-form .hubber-commerce-ticketing-form-category-show-css .hubber-commerce-ticketing-form-block-detail-category-css .categ_container {
width: 95%
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-form .hubber-commerce-ticketing-form-category-show-css .hubber-commerce-ticketing-form-block-detail-category-css .categ_container .categname {
display: inline-block
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-form .hubber-commerce-ticketing-form-category-show-css .hubber-commerce-ticketing-form-block-detail-category-css .categ_container .categname .title {
font-weight: bold
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-form .hubber-commerce-ticketing-form-category-show-css .hubber-commerce-ticketing-form-block-detail-category-css .categ_container .categname .infos .fas.fa-info-circle.fa-2x {
font-size: 1em
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-form .hubber-commerce-ticketing-form-category-show-css .hubber-commerce-ticketing-form-block-detail-category-css .categ_container .categprice {
display: inline-block;
float: right
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-form .hubber-commerce-ticketing-form-category-show-css .hubber-commerce-ticketing-form-block-detail-category-css .categ_container .categprice .placeholder {
font-weight: bold
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-form .hubber-commerce-ticketing-form-category-show-css .hubber-commerce-ticketing-form-block-detail-category-css .box {
width: 6px;
position: absolute;
left: 0;
height: 100%;
top: 0;
border: none;
border-radius: 2px 0 0 2px
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-form .hubber-commerce-ticketing-form-category-show-css .hubber-commerce-ticketing-form-block-detail-category-css .categ_chevron {
display: inline-block;
color: #ccc;
position: relative
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-form .hubber-commerce-ticketing-form-category-show-css .hubber-commerce-ticketing-form-block-detail-category-css .categ_chevron .categ_chevron {
display: inline-block;
color: #ccc;
position: relative
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-form .hubber-commerce-ticketing-form-category-show-css .hubber-commerce-ticketing-form-block-detail-category-css .categ_chevron .categ_chevron i {
position: absolute;
top: 3px
}
.path-product #main main.main-content section.section .row .col-right-product #commerce-product-ticketing-form .hubber-commerce-ticketing-form-category-show-css .hubber-commerce-ticketing-form-block-detail-choice-mode-sales-css .css-btn-select-mode {
border-radius: 4px;
width: 100%;
display: block;
background: rgba(0, 0, 0, 0);
border: 1px solid #8babf3;
height: 40px;
line-height: 40px;
margin: 13px 0 10px 0;
color: #1882ff
}
.path-product .js-hvsc-vscart .js-hvsc-vscart-btn-action {
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
@media(min-width:768px) {
.path-product .js-hvsc-vscart .js-hvsc-vscart-btn-action {
display: inline-flex
}
}
.path-product .js-hvsc-vscart .js-hvsc-vscart-btn-action:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.path-product .js-hvsc-vscart .js-hvsc-vscart-btn-action:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.path-product .js-hvsc-vscart td.js-hvsc-vscart-item-delete {
display: block;
font-size: 0;
background: rgba(0, 0, 0, 0);
border: none;
color: #c50808;
padding: .375rem .75rem
}
.path-product .js-hvsc-vscart td.js-hvsc-vscart-item-delete:before {
font-size: 18px;
font-family: "hubber8";
content: "";
cursor: pointer;
pointer-events: all;
border-radius: 50px;
color: #c50808
}
.path-product .js-hvsc-vscart td.js-hvsc-vscart-item-delete:hover {
background: red;
box-shadow: 1px 5px 16px gray
}
.path-product .js-hvsc-vscart td.js-hvsc-vscart-item-delete:hover:before {
color: #fff
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
background-position: right calc(.375em + 3rem) center
}
.path-payment-order #dropin-container .adyen-checkout__dropin.adyen-checkout__dropin--ready ul.adyen-checkout__payment-methods-list li.adyen-checkout__payment-method--card .adyen-checkout__payment-method__details__content .adyen-checkout__card__form {
display: flex;
flex-direction: column
}
.path-payment-order #dropin-container .adyen-checkout__dropin.adyen-checkout__dropin--ready ul.adyen-checkout__payment-methods-list li.adyen-checkout__payment-method--card .adyen-checkout__payment-method__details__content .adyen-checkout__card__form .adyen-checkout__card__exp-cvc {
display: flex
}
.path-payment-order #dropin-container .adyen-checkout__dropin.adyen-checkout__dropin--ready ul.adyen-checkout__payment-methods-list li.adyen-checkout__payment-method--card .adyen-checkout__payment-method__details__content .adyen-checkout__card__form .adyen-checkout__card__exp-cvc .adyen-checkout__field {
display: flex;
flex-direction: column
}
.path-payment-order #dropin-container .adyen-checkout__dropin.adyen-checkout__dropin--ready ul.adyen-checkout__payment-methods-list li.adyen-checkout__payment-method--card .adyen-checkout__payment-method__details__content .adyen-checkout__card__form .adyen-checkout__card__exp-cvc .adyen-checkout__field label.adyen-checkout__label {
flex-direction: column
}
.page-checkout-beneficiary .button-back-home {
height: 3rem;
padding: 0;
color: initial !important;
font-weight: normal;
text-decoration: underline !important
}
.page-checkout-beneficiary .benef-form-content .form-type-email {
min-height: 3.5rem
}
.page-checkout-beneficiary .benef-form-content .iti--allow-dropdown .iti__selected-dial-code {
padding-right: 5px
}
.page-checkout-beneficiary .bottom-container {
display: flex;
justify-content: space-between
}
@media(max-width:767.98px) {
.page-checkout-beneficiary .bottom-container {
display: none
}
}
@media(min-width:992px) {
.page-checkout-beneficiary .bottom-container {
margin-bottom: 1rem
}
}
.page-checkout-beneficiary .total-price {
text-align: right;
margin-top: 10px;
display: inline-flex;
align-items: baseline;
justify-content: flex-end;
font-weight: 800;
color: #000
}
.page-checkout-beneficiary .total-price span.total-price-amount {
font-size: 1.25rem;
line-height: 1;
margin-left: 10px
}
.page-checkout-beneficiary .layout-region-checkout-footer>.form-actions {
display: grid;
justify-content: space-between;
align-items: center;
position: relative;
grid-template-areas: "continu pay" "return pay"
}
.page-checkout-beneficiary .layout-region-checkout-footer>.form-actions .button-back-home {
grid-area: "continu"
}
.page-checkout-beneficiary .layout-region-checkout-footer>.form-actions .link--previous {
grid-area: "return";
color: initial;
font-size: .75rem;
text-decoration: underline
}
.page-checkout-beneficiary .layout-region-checkout-footer>.form-actions .js-form-submit {
grid-area: "pay"
}
.page-checkout-beneficiary .layout-region-checkout-footer>.form-actions .pay-before-info {
position: absolute;
top: -1.75rem;
right: 0
}
.page-checkout-beneficiary .field--type-address legend {
display: none
}
.page-checkout-beneficiary #page-wrapper form div.js-form-item.form-type-tel:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input:focus) label,
.page-checkout-beneficiary #page-wrapper form div.js-form-item.form-type-tel:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) label,
.page-checkout-beneficiary #page-wrapper form .field--type-datetime:has(input.is-not-empty)>label {
background: linear-gradient(0deg, #FBFBFC 51%, #FFFFFF 51%)
}
.page-checkout-beneficiary #page-wrapper form div.js-form-item.form-type-tel:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label,
.page-checkout-beneficiary #page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-selection__placeholder):after {
background: #fbfbfc
}
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(input).js-form-type-textfield:has(input:valid):not(:has(input:focus)):not(:has(input.is-not-empty)):after,
.page-checkout-beneficiary #page-wrapper form .field--type-datetime:not(:has(input.is-not-empty)) label,
.page-checkout-beneficiary #page-wrapper form .field--type-datetime:not(:has(input:focus)) label,
.page-checkout-beneficiary #page-wrapper form div.js-form-item.form-type-tel:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input:focus) label,
.page-checkout-beneficiary #page-wrapper form div.js-form-item.form-type-tel:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) label {
background: #fbfbfc !important
}
.page-checkout-beneficiary #page-wrapper form :not(:has(.filter)) div.field--name-field-user-civility div.js-form-item.form-type-select:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-container--open) label,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(input).js-form-type-textfield:has(input.is-not-empty):after,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:has(input).js-form-type-textfield:has(input:focus):after,
.page-checkout-beneficiary #page-wrapper form .field--type-datetime:has(input.is-not-empty)>label,
.page-checkout-beneficiary #page-wrapper form .field--type-datetime:has(input:focus) label {
background: linear-gradient(0deg, #FBFBFC 51%, #FFFFFF 51%) !important
}
.page-checkout-beneficiary #page-wrapper form div.js-form-item.form-type-tel:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):after,
.page-checkout-beneficiary div.benef-form-content-wrapper div.js-form-item.form-type-select:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2-container--open)):has(.select2-selection__placeholder) label {
background: linear-gradient(0deg, #FBFBFC 51%, #FFFFFF 51%) !important
}
.page-checkout-beneficiary #page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2-selection__placeholder)):after {
background: linear-gradient(0deg, #FBFBFC 51%, #FFFFFF 51%)
}
.page-checkout-beneficiary div.benef-form-content-wrapper div.js-form-item:has(input):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-tel label,
.page-checkout-beneficiary div.benef-form-content-wrapper div.js-form-item:has(input):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-tel:has(input:focus) label {
background: #fbfbfc !important
}
.page-checkout-beneficiary div.benef-form-content-wrapper div.js-form-item.form-type-select:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2-container--open)):has(.select2-selection__placeholder) label {
background: #fbfbfc !important
}
html {
scroll-behavior: smooth
}
body {
font-family: "Poppins", Arial, Verdana, sans-serif
}
body ::-webkit-scrollbar-track {
border: 3px solid #fff;
background-color: #ccd2d9
}
body ::-webkit-scrollbar {
width: 7px;
background-color: #dfe6e9
}
body ::-webkit-scrollbar-thumb {
background-color: #ccd2d9;
border-radius: 10px;
width: 5px
}
body ::-webkit-scrollbar:horizontal {
height: 8px
}
@supports(scrollbar-gutter:stable) and (not (overflow-y:overlay)) {
body body {
overflow-y: auto;
scrollbar-gutter: stable
}
}
@supports(overflow-y:overlay) {
body body {
overflow-y: overlay
}
}
body .slick-slider {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
body em {
font-style: italic
}
body.menu-opened {
overflow: hidden
}
body:not(.path-node):not(.path-meeting) img,
body.path-node header img,
body.path-node footer img {
max-width: 100%;
height: auto;
width: auto
}
body.show-overlay:before,
body.menu-opened:before,
body #page-wrapper.overlay:before {
content: "";
background-color: rgba(0, 0, 0, .5);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 901
}
@media(max-width:991.98px) {
body .slide-bottom-anime-init {
transform: translateY(100%);
transition: transform .5s ease-in-out
}
body .slide-bottom-anime-on {
transform: translateY(0%);
transition: transform .5s ease-in-out
}
}
.product-list-groups::-webkit-scrollbar-track,
.product-list-groups::-webkit-scrollbar-thumb,
.path-cart ::-webkit-scrollbar-track,
.path-cart ::-webkit-scrollbar-thumb,
.path-product ::-webkit-scrollbar-thumb,
.path-product ::-webkit-scrollbar-track {
background-color: #ccd2d9
}
.layout-main-wrapper {
overflow: hidden
}
ul,
li {
list-style: none;
margin-bottom: 0;
padding-left: 0
}
.text-formatted ul {
display: block;
margin-block: .25em;
margin-inline: 1.5em 0;
padding-inline-start: 0;
list-style-type: disc;
list-style-image: none
}
.text-formatted ol {
display: block;
margin-block: .25em;
margin-inline: 2em 0;
padding-inline-start: 40px;
unicode-bidi: isolate;
padding: 0;
list-style-type: decimal
}
.text-formatted ul li {
display: list-item;
list-style: disc
}
.text-formatted ol li {
display: list-item;
list-style: auto
}
@media(min-width:1792px) {
.row #content:where(.row #content) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.row #content:where(.row #content) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.row #content:where(.row #content) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.row #content:where(.row #content) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.row #content:where(.row #content) {
padding-left: 1rem;
padding-right: 1rem
}
}
.layout-builder__edito ul:has(.text-align-center) {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center
}
@media(max-width:991.98px) {
.row>* {
padding-left: var(--bs-gutter-x);
padding-right: var(--bs-gutter-x)
}
}
@media(max-width:575.98px) {
.row>* {
padding-left: 16px;
padding-right: 16px
}
}
button {
border: 0
}
button:focus:not(:focus-visible) {
outline: none
}
.alerting-btn a {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.alerting-btn a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.alerting-btn a:before {
content: "" !important
}
.text-gray {
color: #76818d !important
}
.text-success {
color: #64bf18 !important
}
em,
i[Class*=icon] {
font-style: normal
}
b,
strong {
font-weight: 600
}
.form-control::placeholder {
font-size: .875rem;
font-font-weight: 400
}
.form-control[type=file]::-webkit-file-upload-button {
height: 3rem
}
.messages.messages--error {
font-size: .75rem;
color: #c50808
}
.js-form-item {
position: relative
}
.js-form-item label {
font-size: .875rem;
font-weight: normal;
line-height: 1.5rem
}
.nav-link:hover,
.nav-link:focus {
color: unset
}
.table th,
.table td {
border: 0
}
.table td.is-active {
background-color: rgba(0, 0, 0, 0)
}
.table>:not(caption)>*>* {
box-shadow: none !important
}
table {
max-width: 100%
}
table td {
padding: .25rem .5rem
}
a,
a:focus,
a:hover,
a:active,
.link,
.link:focus,
.link:hover,
.link:active,
.btn-link,
.btn-link:focus,
.btn-link:hover,
.btn-link:active {
outline: none;
box-shadow: none;
text-decoration: none
}
a,
a:hover,
.link,
.link:hover,
.btn-link,
.btn-link:hover {
color: #1882ff
}
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
em,
.placeholder {
font-style: normal
}
.ui-autocomplete {
z-index: 1006
}
.iti {
width: 100% !important
}
.iti--inline-dropdown .iti__dropdown-content {
margin-top: -1px;
box-shadow: none;
border-color: #1882ff;
z-index: 10
}
.iti__selected-dial-code {
position: absolute;
right: 4px
}
input.iti__search-input {
margin: 8px;
width: 84%;
flex: 1;
width: calc(100% - 16px) !important;
border-radius: 40px;
border: 1px solid #dee2e6;
outline: none
}
input.iti__search-input:focus {
outline: none;
border-color: #1882ff
}
.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country:has(+.iti__dropdown-content:hover) .iti__selected-country-primary {
background: rgba(0, 0, 0, 0)
}
input::-ms-reveal,
input::-ms-clear {
display: none
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type=number] {
-moz-appearance: textfield
}
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
display: none;
width: 0;
height: 0
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
display: none
}
input[type=checkbox],
input[type=checkbox]:checked {
accent-color: var(--hb-cta-primary)
}
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center
}
.first-letter-cap {
text-transform: lowercase;
display: block
}
.first-letter-cap::first-letter {
text-transform: uppercase
}
.alert {
padding: .75rem;
display: flex;
font-size: .875rem;
align-items: center;
gap: 2px
}
.alert-dismissible {
padding-right: 1.5rem
}
.alert-dismissible .close {
display: none
}
.alert-danger {
color: #c50808;
border-color: #c50808;
background-color: rgba(197, 8, 8, .2);
border-radius: .5rem
}
.alert-danger:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
color: inherit;
height: auto;
width: auto;
background: rgba(0, 0, 0, 0);
line-height: 20px;
margin-right: .5rem
}
.badge {
padding: .25rem .25rem .1rem;
font-weight: 700;
font-family: "Bebas Neue";
letter-spacing: 1px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 3px;
font-size: .75rem
}
.badge-l {
padding: 6px 8px
}
.badge-membership {
background-color: #e41491 !important
}
.badge-bundle {
background-color: #1882ff
}
.badge-bundle,
.badge-membership,
.badge-resale {
margin-right: .5rem
}
.badge-bundle-l,
.badge-membership-l,
.badge-resale-l {
padding: 6px 8px
}
.form-check:not(.custom-switch):not(.hide-checkbox) {
padding-left: 2.25rem
}
.form-check:not(.custom-switch) .form-check-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0;
margin-top: 0;
margin-left: 0;
cursor: pointer
}
.form-check:not(.custom-switch) .form-check-label {
font-weight: normal;
text-transform: none;
font-size: .875rem;
color: #263140;
cursor: pointer
}
.form-check:not(.custom-switch) .form-check-label .info-information {
margin-right: auto;
margin-left: .25rem
}
.form-check:not(.custom-switch) .form-check-label:before {
content: "";
position: absolute;
top: 0rem;
left: 0rem;
display: block;
width: 1.5rem;
height: 1.5rem;
background-color: #fff;
border: 1px solid #76818d;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1);
border-radius: .125rem
}
.form-check:not(.custom-switch) .form-check-label:after {
display: none;
margin: 0
}
.form-check:not(.custom-switch):not(.custom-switch).radio .form-check-label:before {
border-radius: 100%
}
.form-check:not(.custom-switch) .form-check-input:checked~.form-check-label {
color: inherit
}
.form-check:not(.custom-switch) .form-check-input:checked~.form-check-label:before {
background-color: #1882ff;
border: 1px solid #1882ff;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1)
}
.form-check:not(.custom-switch) .form-check-input:checked~.form-check-label:after {
position: absolute;
display: block;
width: auto;
height: auto;
content: "";
font-family: "hubber8";
background-color: rgba(0, 0, 0, 0);
color: #fff;
line-height: 1;
font-size: 1.5rem;
left: 0;
top: 0
}
.form-check:not(.custom-switch).hide-checkbox .form-check-input,
.form-check:not(.custom-switch).hide-checkbox .form-check-label:before {
display: none
}
.custom-checkbox {
padding-right: 2rem;
padding-left: 0;
position: relative
}
.custom-checkbox .custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0
}
.custom-checkbox .custom-control-input:checked~.custom-control-label:before {
content: "";
background-color: #1882ff;
border-color: #1882ff
}
.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M3 9.42857L6.57143 13L13 3' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0.399902' y='2.3999' width='15.2001' height='15.2001' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-size: 80%;
height: 20px;
width: 20px;
margin: 0
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
background-image: none;
background-color: #1882ff;
height: .5rem !important;
width: .5rem !important;
margin: 0 6px !important;
border-radius: 1px
}
.custom-checkbox .custom-control-label::before {
content: "";
display: block;
height: 20px;
width: 20px;
position: absolute;
top: .25rem;
left: unset;
right: 0;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 2px;
box-shadow: none
}
.custom-checkbox .custom-control-label:after {
position: absolute;
background-repeat: no-repeat;
background-position: center;
right: 0;
top: 50%;
transform: translateY(-50%)
}
.custom-switch {
padding-left: 0;
min-height: unset
}
.custom-switch .custom-control-input {
display: none
}
.custom-switch .form-check-label {
position: relative;
margin-bottom: 0;
vertical-align: top;
line-height: 1.75rem;
height: 1.5rem;
padding-right: 3.5rem;
align-items: center;
font-size: .75rem;
text-transform: none;
font-weight: normal
}
@media(max-width:991.98px) {
.custom-switch .form-check-label {
align-items: center;
line-height: 1.5rem
}
}
.custom-switch .form-check-label::before {
content: "";
display: block;
position: absolute;
right: 0;
height: 1.75rem;
width: 3rem;
background-color: #e2e5e8;
background-image: url("data:image/svg+xml,%3Csvg width='50' height='28' viewBox='0 0 50 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.25' x='12' y='10' width='1' height='8' rx='0.5' fill='white'/%3E%3Ccircle opacity='0.25' cx='36' cy='14' r='4' stroke='%2376818D'/%3E%3C/svg%3E%0A");
border-radius: 2em !important;
transition: background-color .15s ease-in-out, background-position .15s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
.custom-switch .form-check-label::before {
transition: none
}
}
.custom-switch .form-check-label::after {
content: "";
display: block;
position: absolute;
width: 1.5rem;
height: 1.5rem;
margin: 0 .15rem;
right: 0;
top: 0;
background-color: #fff;
border-radius: 100% !important;
transform: translateX(-1.2rem);
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, .1);
transition: transform .15s ease-in-out, background-position .15s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
.custom-switch .form-check-label::after {
transition: none
}
}
.custom-switch .custom-control-input:checked~.form-check-label::after {
transform: translateX(0)
}
.custom-switch .custom-control-input:checked~.form-check-label::before {
background-color: #1882ff
}
.switch-radio {
position: relative;
display: flex !important;
height: 28px;
width: 50px;
background-color: rgba(118, 129, 141, .25);
border-radius: 3rem;
transition: all 300ms ease-out
}
@media(prefers-reduced-motion:reduce) {
.switch-radio {
transition: none
}
}
.switch-radio .form-radio {
margin-top: 0;
opacity: 0;
position: relative;
z-index: 1;
height: 100%;
border-radius: 0
}
.switch-radio .form-check-label {
position: absolute;
left: -5rem;
background-color: rgba(0, 0, 0, 0);
border: 0;
top: 50%;
transform: translateY(-50%);
padding: 0;
width: 4rem;
display: none;
pointer-events: none;
color: #76818d;
text-align: right;
transition: all 300ms ease-out
}
@media(prefers-reduced-motion:reduce) {
.switch-radio .form-check-label {
transition: none
}
}
.switch-radio .form-radio:checked+.form-check-label {
display: block
}
.switch-radio .selector {
height: 1.5rem;
width: 1.5rem;
background: #fff;
border-radius: 100%;
flex-shrink: 0;
position: absolute;
top: 2px;
transform: translateX(13px);
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, .1);
transition: transform .15s ease-in-out, background-position .15s ease-in-out
}
@media(prefers-reduced-motion:reduce) {
.switch-radio .selector {
transition: none
}
}
.switch-radio [id$="-0"]:checked~label~input~label~input~label~.selector {
transform: translateX(2px)
}
.switch-radio [id$="-1"]:checked~label~.selector {
transform: translateX(24px)
}
.tooltip {
max-width: 80%
}
.tooltip-inner {
background-color: #263140;
color: #fff;
max-width: 18rem;
border-radius: .5rem;
box-shadow: 0px 12px 24px rgba(118, 129, 141, .06), 0px 7.5px 15px rgba(118, 129, 141, .08), 0px 2.5px 5px rgba(118, 129, 141, .05), 0px 1.5px 3px rgba(118, 129, 141, .03)
}
.tooltip-inner p {
margin: 0
}
.tooltip .arrow:before {
content: "";
border-color: rgba(0, 0, 0, 0);
position: absolute;
border-style: solid;
border-top-color: #263140;
border-width: .4rem .4rem 0;
top: 0;
left: 50%;
transform: translateX(-50%)
}
.bs-tooltip-bottom .arrow:before,
.bs-tooltip-auto[data-popper-placement^=bottom] .arrow:before {
border-width: 0 .4rem .4rem .4rem
}
.custom-select,
.custom-select:hover {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
}
.icon-information {
display: flex;
align-items: center;
cursor: pointer
}
.icon-information:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
font-weight: normal;
font-size: 1.5rem;
line-height: 1
}
.layout-main-wrapper h1,
.layout-main-wrapper .h1,
.layout-main-wrapper h2,
.layout-main-wrapper .h2 {
font-weight: 600
}
.node--type-page .layout-main-wrapper ul,
.node--type-page .layout-main-wrapper li {
list-style: unset
}
.node--type-page .layout-main-wrapper ul {
padding-inline-start: 40px;
margin-bottom: 1rem
}
.node--type-page .layout-main-wrapper p i,
.node--type-page .layout-main-wrapper p em {
font-style: italic
}
.CardInput-module_card-input__icon__2Iaf5 {
height: 18px !important;
width: 27px !important
}
.toolbar.claro-toolbar {
z-index: 11
}
.captcha-type-challenge--image .captcha__element {
flex-direction: row !important;
flex-wrap: nowrap !important
}
.wtx-container {
max-width: 100%;
margin-inline: 1rem;
width: calc(100% - 2rem);
padding: 0
}
@media(min-width:768px) {
.wtx-container {
margin-inline: 1.5rem;
width: calc(100% - 3rem)
}
}
@media(min-width:992px) {
.wtx-container {
margin-inline: 3rem;
width: calc(100% - 6rem)
}
}
@media(min-width:1200px) {
.wtx-container {
margin-inline: auto;
width: calc(100% - 12rem)
}
}
a[target=_blank] {
display: inline-flex;
align-items: center;
display: initial;
padding-right: 1.5rem
}
a[target=_blank]:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
a[target=_blank]:after {
margin-left: .25rem;
display: inline-block;
font-size: 1.25rem;
transform: translateY(-4px);
position: absolute;
line-height: 1.25
}
@media(max-width:767.98px) {
a[target=_blank]:after {
transform: translateY(-6px)
}
}
a[target=_blank].btn:after {
position: relative;
transform: translateY(0)
}
.menu--main a[target=_blank] {
display: flex
}
.menu--main a[target=_blank]:after {
transform: none;
position: relative;
line-height: 1
}
.menu--menu-header-instit a[target=_blank]:after {
transform: translateY(-6px)
}
.layout-builder__breadcrumb .breadcrumb-item a[target=_blank] {
padding-right: 1.25rem
}
.slider-block a[target=_blank],
.entity-slider a[target=_blank],
.slick-slide a[target=_blank],
.partners a[target=_blank],
.addtoany_list a[target=_blank] {
padding-right: unset
}
.slider-block a[target=_blank]:after,
.entity-slider a[target=_blank]:after,
.slick-slide a[target=_blank]:after,
.partners a[target=_blank]:after,
.addtoany_list a[target=_blank]:after {
display: none
}
.path-product footer,
.path-product-bundle footer,
.path-manifestation footer,
.path-product-bundle-multi-steps footer,
.path-cart footer,
.path-event footer {
display: none
}
.iti__selected-country-primary {
display: flex;
align-items: center;
height: 100%;
padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
padding: 0 20px 0 30px;
background: #f6f8f9;
border-right: 1px solid #dee2e6
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=tel] {
padding-left: 124px !important
}
.eye-open {
background: url(/themes/custom/hubber_reference8/images/icons/eye-open.svg) no-repeat;
height: 20px
}
.eye-close {
background: url(/themes/custom/hubber_reference8/images/icons/eye-close.svg) no-repeat;
height: 20px
}
.disabled {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed
}
html body .btn-primary.available,
html body [id*=block-cross-selling-internal] .internal-products .container-price-button>button.js-add-to-cart {
color: var(--hb-cta-sale-text) !important
}
html body .btn-primary.available:hover,
html body [id*=block-cross-selling-internal] .internal-products .container-price-button>button.js-add-to-cart:hover {
background-color: var(--hb-cta-sale-hover) !important;
border-color: var(--hb-cta-sale-hover) !important;
color: var(--hb-cta-sale-hover-text) !important
}
#page-wrapper form .form-type-date input.is-not-empty,
.ui-dialog form .form-type-date input.is-not-empty {
border-color: #76818d
}
#page-wrapper form .iti__dropdown-content:after,
.ui-dialog form .iti__dropdown-content:after {
content: "";
font-family: "hubber8";
position: absolute;
top: 13px;
right: 14px;
width: 34px;
height: 34px;
border-radius: 100%;
display: flex;
background: #dee2e6;
color: #a4afba;
align-items: center;
justify-content: center;
font-size: 24px
}
#page-wrapper form .iti__dropdown-content:has(input:focus):after,
.ui-dialog form .iti__dropdown-content:has(input:focus):after {
color: #fff;
background: #1882ff
}
#page-wrapper form .iti__dropdown-content ul,
.ui-dialog form .iti__dropdown-content ul {
border-top: 1px solid #dee2e6
}
#page-wrapper form .iti__dropdown-content ul li,
.ui-dialog form .iti__dropdown-content ul li {
border-top: 1px solid #dee2e6
}
#page-wrapper form .iti__dropdown-content ul li:last-child,
#page-wrapper form .iti__dropdown-content ul li:first-child,
.ui-dialog form .iti__dropdown-content ul li:last-child,
.ui-dialog form .iti__dropdown-content ul li:first-child {
border-top: none
}
#page-wrapper form .address-container .js-form-item,
.ui-dialog form .address-container .js-form-item {
margin-bottom: 1rem;
min-height: 3.5rem
}
#page-wrapper form .available-profiles .address-container .js-form-item,
.ui-dialog form .available-profiles .address-container .js-form-item {
margin-bottom: 0
}
#page-wrapper form .available-profiles .btn-primary:not(.card-show .btn-primary):not(.hubber-filter-extended-ticketing-form .btn-primary):not(.submit-pre-selection-button):not(#edit-sidebar-coupon-redemption-form .form-submit.btn-primary):not(.js-reset),
.ui-dialog form .available-profiles .btn-primary:not(.card-show .btn-primary):not(.hubber-filter-extended-ticketing-form .btn-primary):not(.submit-pre-selection-button):not(#edit-sidebar-coupon-redemption-form .form-submit.btn-primary):not(.js-reset) {
border-radius: .5rem
}
#page-wrapper form .address-country-code-container,
.ui-dialog form .address-country-code-container {
margin-bottom: 0
}
#page-wrapper form .address-country-code-container .js-form-item.js-form-type-select,
.ui-dialog form .address-country-code-container .js-form-item.js-form-type-select {
margin-bottom: 0
}
#page-wrapper form .address-container-inline,
.ui-dialog form .address-container-inline {
display: flex;
gap: 16px
}
#page-wrapper form .address-container-inline .js-form-item,
.ui-dialog form .address-container-inline .js-form-item {
flex: 1;
padding: 0;
min-height: 3.5rem
}
#page-wrapper form .fieldset-address-line1,
.ui-dialog form .fieldset-address-line1 {
margin-bottom: 1rem
}
#page-wrapper form .form-required:not(.hide-required)::after,
.ui-dialog form .form-required:not(.hide-required)::after {
display: none
}
#page-wrapper form #edit-field-user-address-wrapper,
.ui-dialog form #edit-field-user-address-wrapper {
overflow: visible !important
}
#page-wrapper form div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-selection__rendered[title]:not([title=""])):has(select) label,
.ui-dialog form div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-selection__rendered[title]:not([title=""])):has(select) label {
position: absolute;
top: -7px;
left: 8px;
display: flex;
align-items: center;
width: auto;
height: auto;
min-height: 0;
padding: 3px 2px 2px 5px;
border-radius: 6px;
font-size: .625rem;
line-height: .625rem;
font-weight: 400;
color: #76818d;
transition: .4s;
z-index: 5;
background: #fff
}
#page-wrapper form div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-selection__rendered[title]:not([title=""])):has(.select2-container--hubber_reference8:not(.select2-container--open)):has(.select2-selection__placeholder) label,
.ui-dialog form div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-selection__rendered[title]:not([title=""])):has(.select2-container--hubber_reference8:not(.select2-container--open)):has(.select2-selection__placeholder) label {
background: rgba(0, 0, 0, 0) !important
}
#page-wrapper form div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) label,
.ui-dialog form div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) label {
position: absolute;
top: 2px;
left: 2px;
padding-left: 1rem;
transition: .1s;
pointer-events: none;
width: calc(100% - 4px);
height: 100%;
border-radius: 6px;
display: flex;
align-items: center;
color: #76818d;
background: #fbfbfc;
font-size: 1rem;
height: calc(3.5rem - 4px);
min-height: calc(3.5rem - 4px);
max-height: calc(3.5rem - 4px);
box-shadow: unset;
padding: .375rem .75rem
}
@media(max-width:767.98px) {
#page-wrapper form div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) label,
.ui-dialog form div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) label {
height: calc(2.5rem - 4px);
max-height: calc(2.5rem - 4px);
min-height: calc(2.5rem - 4px)
}
}
#page-wrapper form div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input:focus) label,
#page-wrapper form div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) label,
#page-wrapper form div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) label,
.ui-dialog form div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input:focus) label,
.ui-dialog form div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) label,
.ui-dialog form div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) label {
position: absolute;
top: -7px;
left: 8px;
display: flex;
align-items: center;
width: auto;
height: auto;
min-height: 0;
padding: 3px 2px 2px 5px;
border-radius: 6px;
font-size: .625rem;
line-height: .625rem;
font-weight: 400;
color: #76818d;
transition: .4s;
z-index: 5;
background: #fff
}
#page-wrapper form div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):after,
.ui-dialog form div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):after {
content: "*";
position: absolute;
right: 8px;
top: -2px;
display: block;
color: #76818d;
font-size: 1rem;
line-height: .625rem;
font-weight: 400;
color: #76818d;
padding: 0 2px;
background: linear-gradient(0deg, #FBFBFC 51%, #FFFFFF 51%);
z-index: 5
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio),
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio),
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio),
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio),
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio),
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio),
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio),
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio),
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio),
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio) {
position: relative;
min-height: 3.5rem
}
@media(max-width:767.98px) {
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio),
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio),
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio),
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio),
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio),
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio),
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio),
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio),
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio),
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio) {
min-height: 2.5rem
}
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).disabled label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).disabled label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled label,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).disabled label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).disabled label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled label {
color: #263140 !important;
background: linear-gradient(0deg, #E2E5E8 51%, #FFFFFF 51%) !important
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).disabled .select2-selection,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled .select2-selection,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled .select2-selection,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).disabled .select2-selection,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled .select2-selection,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).disabled .select2-selection,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled .select2-selection,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled .select2-selection,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).disabled .select2-selection,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled .select2-selection {
border-color: #ced4da
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).disabled:after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled:after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled:after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).disabled:after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled:after,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).disabled:after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled:after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled:after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).disabled:after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled:after {
color: #263140 !important;
background: linear-gradient(0deg, #E2E5E8 86%, #FFFFFF 14%) !important
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required {
position: absolute;
top: 2px;
left: 2px;
padding-left: 1rem;
transition: .1s;
pointer-events: none;
width: calc(100% - 4px);
height: 100%;
border-radius: 6px;
display: flex;
align-items: center;
color: #76818d;
background: #fbfbfc;
font-size: 1rem;
height: calc(3.5rem - 4px);
min-height: calc(3.5rem - 4px);
max-height: calc(3.5rem - 4px);
box-shadow: unset;
padding: .375rem .75rem
}
@media(max-width:767.98px) {
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required {
height: calc(2.5rem - 4px);
max-height: calc(2.5rem - 4px);
min-height: calc(2.5rem - 4px)
}
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required:before,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required:before,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required:before,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required:before,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required:before,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required:before,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required:before,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required:before,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required:before,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required:before,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required:before,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required:before,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required:before,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required:before,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required:before,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required:before,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required:before,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required:before,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label.js-form-required:before,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select) label.js-form-required:before {
position: relative;
top: auto;
left: auto;
line-height: 0
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):after,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):after,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):after,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):after {
content: attr(data-optional-label);
position: absolute;
right: 8px;
top: -5px;
display: block;
color: #76818d;
font-size: .625rem;
line-height: .625rem;
font-weight: 400;
color: #76818d;
padding: 0 2px;
background: linear-gradient(0deg, #FBFBFC 51%, #FFFFFF 51%);
z-index: 5
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required {
position: absolute;
top: 2px;
left: 2px;
padding-left: 1rem;
transition: .1s;
pointer-events: none;
width: calc(100% - 4px);
height: 100%;
border-radius: 6px;
display: flex;
align-items: center;
color: #76818d;
background: #fbfbfc;
font-size: 1rem;
height: calc(3.5rem - 4px);
min-height: calc(3.5rem - 4px);
max-height: calc(3.5rem - 4px);
box-shadow: unset;
padding: .375rem .75rem
}
@media(max-width:767.98px) {
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.js-form-required,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required) label.js-form-required {
height: calc(2.5rem - 4px);
max-height: calc(2.5rem - 4px);
min-height: calc(2.5rem - 4px)
}
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required):after,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required):after,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required):after,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input.required):after {
content: "*";
position: absolute;
right: 8px;
top: -2px;
display: block;
color: #76818d;
font-size: 1rem;
line-height: .625rem;
font-weight: 400;
z-index: 5;
background: linear-gradient(0deg, #FBFBFC 84%, #FFFFFF 16%)
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input:focus):after,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input:focus):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input:focus):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input:focus):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input:focus):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input:focus):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input:focus):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input:focus):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input:focus):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input:focus):after,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input:focus):after,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input:focus):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input:focus):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input:focus):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input:focus):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input:focus):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input:focus):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input:focus):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input:focus):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(.select2)):has(select):has(input:focus):after {
background: #fff
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):after,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):after {
content: "*";
position: absolute;
right: 8px;
top: -2px;
display: block;
color: #76818d;
font-size: 1rem;
line-height: .625rem;
font-weight: 400;
z-index: 5;
background: linear-gradient(0deg, #FBFBFC 84%, #FFFFFF 16%)
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select) label,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select) label {
position: absolute;
top: -7px;
left: 8px;
display: flex;
align-items: center;
width: auto;
height: auto;
min-height: 0;
padding: 3px 2px 2px 5px;
border-radius: 6px;
font-size: .625rem;
line-height: .625rem;
font-weight: 400;
color: #76818d;
transition: .4s;
z-index: 5;
background: #fff
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select):not(:has(.required)):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select):not(:has(.required)):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select):not(:has(.required)):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select):not(:has(.required)):after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select):not(:has(.required)):after,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select):not(:has(.required)):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select):not(:has(.required)):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select):not(:has(.required)):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select):not(:has(.required)):after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2):has(select):not(:has(.required)):after {
content: attr(data-optional-label);
position: absolute;
right: 8px;
top: -5px;
display: block;
color: #76818d;
font-size: .625rem;
line-height: .625rem;
font-weight: 400;
color: #76818d;
padding: 0 2px;
background: linear-gradient(0deg, #FBFBFC 51%, #FFFFFF 51%);
z-index: 5
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel label,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel label {
width: calc(100% - 109px);
left: 108px
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) button.iti__selected-country,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) button.iti__selected-country,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) button.iti__selected-country,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) button.iti__selected-country,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) button.iti__selected-country,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) button.iti__selected-country,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) button.iti__selected-country,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) button.iti__selected-country,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) button.iti__selected-country,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) button.iti__selected-country {
background: #fff
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) input,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) input {
border-color: #1882ff;
background: #fff
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) label,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) label {
position: absolute;
top: -7px;
left: 8px;
display: flex;
align-items: center;
width: auto;
height: auto;
min-height: 0;
padding: 3px 2px 2px 5px;
border-radius: 6px;
font-size: .625rem;
line-height: .625rem;
font-weight: 400;
color: #76818d;
transition: .4s;
z-index: 5;
background: #fff;
color: #1882ff
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio) input,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio) input {
background: #fbfbfc;
font-weight: 400;
cursor: pointer;
color: #76818d;
height: 3.5rem
}
@media(max-width:767.98px) {
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio) input,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio) input {
height: 2.5rem;
min-height: 2.5rem
}
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio) input[type=date]::-webkit-calendar-picker-indicator {
cursor: pointer;
background-image: url('data:image/svg+xml;utf8,')
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) input.is-not-empty[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) input.is-not-empty[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio) input.is-not-empty[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio) input.is-not-empty[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio) input.is-not-empty[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) input.is-not-empty[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) input.is-not-empty[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio) input.is-not-empty[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio) input.is-not-empty[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio) input.is-not-empty[type=date]::-webkit-calendar-picker-indicator {
cursor: pointer;
background-image: url('data:image/svg+xml;utf8,')
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) input:focus,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) input:focus,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio) input:focus,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio) input:focus,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio) input:focus,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) input:focus,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) input:focus,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio) input:focus,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio) input:focus,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio) input:focus {
color: #263140
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) .iti__selected-dial-code,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) .iti__selected-dial-code,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio) .iti__selected-dial-code,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio) .iti__selected-dial-code,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio) .iti__selected-dial-code,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) .iti__selected-dial-code,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) .iti__selected-dial-code,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio) .iti__selected-dial-code,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio) .iti__selected-dial-code,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio) .iti__selected-dial-code {
font-weight: 400;
margin-top: 0
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input {
background: #fff;
border-color: #76818d;
color: #263140
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) input[type=date]::-webkit-calendar-picker-indicator {
cursor: pointer;
background-image: url('data:image/svg+xml;utf8,')
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) label,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) label,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) label,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) label,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) label,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])) label {
position: absolute;
top: -7px;
left: 8px;
display: flex;
align-items: center;
width: auto;
height: auto;
min-height: 0;
padding: 3px 2px 2px 5px;
border-radius: 6px;
font-size: .625rem;
line-height: .625rem;
font-weight: 400;
color: #76818d;
transition: .4s;
z-index: 5;
background: #fff;
background: #fff
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty):hover label,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty):hover label,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])):hover label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty):hover label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty):hover label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])):hover label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty):hover label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty):hover label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])):hover label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty):hover label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty):hover label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])):hover label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty):hover label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty):hover label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])):hover label,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty):hover label,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty):hover label,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])):hover label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty):hover label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty):hover label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])):hover label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty):hover label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty):hover label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])):hover label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty):hover label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty):hover label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])):hover label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty):hover label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty):hover label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])):hover label {
background: #fff
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty)::after,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty)::after,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""]))::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty)::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty)::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""]))::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty)::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty)::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""]))::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty)::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty)::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""]))::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty)::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty)::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""]))::after,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty)::after,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty)::after,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""]))::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty)::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty)::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""]))::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty)::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty)::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""]))::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty)::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty)::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""]))::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty)::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty)::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""]))::after {
background: #fff;
color: #76818d
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-tel label,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty).js-form-type-tel label,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])).js-form-type-tel label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-tel label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty).js-form-type-tel label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])).js-form-type-tel label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-tel label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty).js-form-type-tel label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])).js-form-type-tel label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-tel label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty).js-form-type-tel label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])).js-form-type-tel label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-tel label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty).js-form-type-tel label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])).js-form-type-tel label,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-tel label,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty).js-form-type-tel label,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])).js-form-type-tel label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-tel label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty).js-form-type-tel label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])).js-form-type-tel label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-tel label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty).js-form-type-tel label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])).js-form-type-tel label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-tel label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty).js-form-type-tel label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])).js-form-type-tel label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty).js-form-type-tel label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(input.is-not-empty).js-form-type-tel label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[value]:not([value=""])).js-form-type-tel label {
background: linear-gradient(0deg, #FBFBFC 51%, #FFFFFF 51%);
color: #76818d
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) input,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) input {
background: #fff;
color: #76818d;
border-color: #76818d
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) label,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) label {
background: #fff;
color: #76818d
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent))::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent))::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent))::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent))::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent))::after,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent))::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent))::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent))::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent))::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent))::after {
background: #fff;
color: #76818d
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) label,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) label {
position: absolute;
top: -7px;
left: 8px;
display: flex;
align-items: center;
width: auto;
height: auto;
min-height: 0;
padding: 3px 2px 2px 5px;
border-radius: 6px;
font-size: .625rem;
line-height: .625rem;
font-weight: 400;
color: #76818d;
transition: .4s;
z-index: 5;
background: #fff;
color: #1882ff;
background: #fff
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input {
background: #fff;
border-color: #1882ff;
color: #263140
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input[type=date]::-webkit-calendar-picker-indicator {
cursor: pointer;
background-image: url('data:image/svg+xml;utf8,')
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus)::after,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus)::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus)::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus)::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus)::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus)::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus)::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus)::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus)::after,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus)::after,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus)::after,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus)::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus)::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus)::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus)::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus)::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus)::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus)::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus)::after,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus)::after {
background: #fff;
color: #1882ff
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.description),
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.description),
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.description),
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.description),
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.description),
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.description),
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.description),
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.description),
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.description),
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.description) {
margin-bottom: 12px
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password label,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password label,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password label,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password label {
display: flex;
align-items: center
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open {
top: -10px;
z-index: 0;
cursor: pointer
}
@media(max-width:575.98px) {
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-close,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password .eye-open {
top: -18px
}
}
#page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password-confirm .js-form-item,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password-confirm .js-form-item,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password-confirm .js-form-item,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password-confirm .js-form-item,
#page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password-confirm .js-form-item,
.ui-dialog form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password-confirm .js-form-item,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password-confirm .js-form-item,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-password:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password-confirm .js-form-item,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password-confirm .js-form-item,
.ui-dialog form :not(:has(.filter)) div.js-form-item.form-type-date:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-password-confirm .js-form-item {
margin-bottom: 1rem
}
@media(max-width:767.98px) {
#page-wrapper form.hubber-deleg-form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) input,
.ui-dialog form.hubber-deleg-form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) input {
height: 3rem;
min-height: 3rem
}
}
@media(max-width:767.98px) {
#page-wrapper form.hubber-deleg-form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) label,
.ui-dialog form.hubber-deleg-form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio) label {
height: calc(3rem - 4px);
min-height: calc(3rem - 4px)
}
}
#page-wrapper form div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):not(:has(input.is-invalid)) label,
.ui-dialog form div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):not(:has(input.is-invalid)) label {
position: absolute;
top: 2px;
left: 2px;
padding-left: 1rem;
transition: .1s;
pointer-events: none;
width: calc(100% - 4px);
height: 100%;
border-radius: 6px;
display: flex;
align-items: center;
color: #76818d;
background: #fbfbfc;
font-size: 1rem;
height: calc(3.5rem - 4px);
min-height: calc(3.5rem - 4px);
max-height: calc(3.5rem - 4px);
box-shadow: unset;
padding: .375rem .75rem
}
@media(max-width:767.98px) {
#page-wrapper form div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):not(:has(input.is-invalid)) label,
.ui-dialog form div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):not(:has(input.is-invalid)) label {
height: calc(2.5rem - 4px);
max-height: calc(2.5rem - 4px);
min-height: calc(2.5rem - 4px)
}
}
#page-wrapper form div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input:focus):has(input.is-invalid) label,
.ui-dialog form div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input:focus):has(input.is-invalid) label {
position: absolute;
top: -7px;
left: 8px;
display: flex;
align-items: center;
width: auto;
height: auto;
min-height: 0;
padding: 3px 2px 2px 5px;
border-radius: 6px;
font-size: .625rem;
line-height: .625rem;
font-weight: 400;
color: #76818d;
transition: .4s;
z-index: 5;
background: #fff
}
#page-wrapper form div.js-form-item.form-type-tel:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label,
.ui-dialog form div.js-form-item.form-type-tel:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label {
position: absolute;
top: -7px;
left: 8px;
display: flex;
align-items: center;
width: auto;
height: auto;
min-height: 0;
padding: 3px 2px 2px 5px;
border-radius: 6px;
font-size: .625rem;
line-height: .625rem;
font-weight: 400;
color: #76818d;
transition: .4s;
z-index: 5;
background: #fff
}
#page-wrapper form div.js-form-item.form-type-tel:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) input.is-not-empty,
#page-wrapper form div.js-form-item.form-type-tel:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) input[value]:not([value=""]),
.ui-dialog form div.js-form-item.form-type-tel:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) input.is-not-empty,
.ui-dialog form div.js-form-item.form-type-tel:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) input[value]:not([value=""]) {
border-color: #76818d
}
#page-wrapper form div.js-form-item.form-type-tel:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):after,
.ui-dialog form div.js-form-item.form-type-tel:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):after {
content: attr(data-optional-label);
position: absolute;
right: 8px;
top: -5px;
display: block;
color: #76818d;
font-size: .625rem;
line-height: .625rem;
font-weight: 400;
color: #76818d;
padding: 0 2px;
background: linear-gradient(0deg, #FBFBFC 51%, #FFFFFF 51%);
z-index: 5
}
#page-wrapper form div.js-form-item.form-type-tel:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):after,
.ui-dialog form div.js-form-item.form-type-tel:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):after {
content: "*";
position: absolute;
right: 8px;
top: -2px;
display: block;
color: #76818d;
font-size: 1rem;
line-height: .625rem;
font-weight: 400;
z-index: 5;
background: linear-gradient(0deg, #FBFBFC 84%, #FFFFFF 16%)
}
#page-wrapper form .field--type-datetime,
.ui-dialog form .field--type-datetime {
position: relative
}
#page-wrapper form .field--type-datetime:has(input:focus)>label,
.ui-dialog form .field--type-datetime:has(input:focus)>label {
color: #1882ff
}
#page-wrapper form .field--type-datetime:has(input.is-not-empty)>label,
#page-wrapper form .field--type-datetime:has(input[value]:not([value=""]))>label,
.ui-dialog form .field--type-datetime:has(input.is-not-empty)>label,
.ui-dialog form .field--type-datetime:has(input[value]:not([value=""]))>label {
background: #fff !important
}
#page-wrapper form .field--type-datetime>label,
.ui-dialog form .field--type-datetime>label {
position: absolute;
top: -7px;
left: 8px;
display: flex;
align-items: center;
width: auto;
height: auto;
min-height: 0;
padding: 3px 2px 2px 5px;
border-radius: 6px;
font-size: .625rem;
line-height: .625rem;
font-weight: 400;
color: #76818d;
transition: .4s;
z-index: 5;
background: #fff;
background: linear-gradient(0deg, #FBFBFC 51%, #FFFFFF 51%) !important
}
#page-wrapper form .field--type-datetime>label span,
.ui-dialog form .field--type-datetime>label span {
font-size: 15px
}
#page-wrapper form .field--type-datetime label.sr-only,
.ui-dialog form .field--type-datetime label.sr-only {
display: none
}
#page-wrapper form .field--type-datetime:has(.js-form-item.disabled)>label,
.ui-dialog form .field--type-datetime:has(.js-form-item.disabled)>label {
color: #263140 !important;
background: linear-gradient(0deg, #E2E5E8 51%, #FFFFFF 51%) !important
}
#page-wrapper form button.iti__selected-country,
.ui-dialog form button.iti__selected-country {
background: #fbfbfc;
border-right: 1px solid #dee2e6;
padding-right: .5rem;
border-radius: 4px 0 0 4px
}
#page-wrapper form .iti__selected-country-primary,
.ui-dialog form .iti__selected-country-primary {
background: none;
border: none;
padding: 0 48px 0 18px
}
#page-wrapper form .iti--allow-dropdown input.iti__tel-input,
#page-wrapper form .iti--allow-dropdown input.iti__tel-input[type=tel],
.ui-dialog form .iti--allow-dropdown input.iti__tel-input,
.ui-dialog form .iti--allow-dropdown input.iti__tel-input[type=tel] {
padding-left: 118px !important
}
#page-wrapper form .field--type-telephone .iti--allow-dropdown .iti__country-container,
.ui-dialog form .field--type-telephone .iti--allow-dropdown .iti__country-container {
height: calc(100% - 2px)
}
#page-wrapper form :not(:has(.filter)) div.field--name-field-user-civility div.js-form-item.form-type-select:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-container--open) label,
#page-wrapper form :not(:has(.filter)) div.field--name-field-user-civility div.js-form-item.form-type-select:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-selection__placeholder) label,
.ui-dialog form :not(:has(.filter)) div.field--name-field-user-civility div.js-form-item.form-type-select:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-container--open) label,
.ui-dialog form :not(:has(.filter)) div.field--name-field-user-civility div.js-form-item.form-type-select:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-selection__placeholder) label {
position: absolute;
top: -7px;
left: 8px;
display: flex;
align-items: center;
width: auto;
height: auto;
min-height: 0;
padding: 3px 2px 2px 5px;
border-radius: 6px;
font-size: .625rem;
line-height: .625rem;
font-weight: 400;
color: #76818d;
transition: .4s;
z-index: 5;
background: #fff;
background-color: #fbfbfc !important
}
#page-wrapper form :not(:has(.filter)) .field--name-field-user-civility div.js-form-item.form-type-select:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-selection__placeholder) label,
.ui-dialog form :not(:has(.filter)) .field--name-field-user-civility div.js-form-item.form-type-select:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-selection__placeholder) label {
position: absolute;
top: 2px;
left: 2px;
padding-left: 1rem;
transition: .1s;
pointer-events: none;
width: calc(100% - 4px);
height: 100%;
border-radius: 6px;
display: flex;
align-items: center;
color: #76818d;
background: #fbfbfc;
font-size: 1rem;
height: calc(3.5rem - 4px);
min-height: calc(3.5rem - 4px);
max-height: calc(3.5rem - 4px);
box-shadow: unset;
padding: .375rem .75rem
}
@media(max-width:767.98px) {
#page-wrapper form :not(:has(.filter)) .field--name-field-user-civility div.js-form-item.form-type-select:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-selection__placeholder) label,
.ui-dialog form :not(:has(.filter)) .field--name-field-user-civility div.js-form-item.form-type-select:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-selection__placeholder) label {
height: calc(2.5rem - 4px);
max-height: calc(2.5rem - 4px);
min-height: calc(2.5rem - 4px)
}
}
#page-wrapper form .field--name-field-user-civility div.js-form-item.form-type-select:not(:has(.select2-selection__placeholder)) .select2-selection,
#page-wrapper form .field--type-list-string div.js-form-item.form-type-select:not(:has(.select2-selection__placeholder)) .select2-selection,
.ui-dialog form .field--name-field-user-civility div.js-form-item.form-type-select:not(:has(.select2-selection__placeholder)) .select2-selection,
.ui-dialog form .field--type-list-string div.js-form-item.form-type-select:not(:has(.select2-selection__placeholder)) .select2-selection {
border-color: #76818d
}
#page-wrapper form div.js-form-item.form-type-textfield.form-item-captcha-response label,
.ui-dialog form div.js-form-item.form-type-textfield.form-item-captcha-response label {
display: none
}
#edit-field-user-type.radio-button-list .js-form-type-radio label {
font-size: 16px;
font-weight: 400;
background: #f7f9fa;
border: 2px solid #f7f9fa
}
#edit-field-user-type.radio-button-list .js-form-type-radio label:hover {
background: #fff;
color: #1882ff
}
#edit-field-user-type.radio-button-list .js-form-type-radio.is-checked label {
background: #1882ff;
color: #fff;
font-weight: 600;
border: 2px solid #1882ff
}
#edit-field-user-type.radio-button-list .js-form-type-radio.is-checked label:hover {
color: #fff !important
}
.ui-dialog .hubber-alerting-subscribing-modal-form .js-form-wrapper.form-group .fieldset-wrapper {
transform: none;
margin-top: 15px
}
.ui-dialog form.hubber-alerting-subscribing-modal-form :not(:has(.filter)) div.js-form-item.fieldset-address-line1.form-type-textfield:not(.js-form-type-checkbox):not(.js-form-type-radio) {
height: 3.5rem
}
.ui-dialog form.hubber-alerting-subscribing-modal-form :not(:has(.filter)) div.js-form-item.fieldset-address-line1.form-type-textfield:not(.js-form-type-checkbox):not(.js-form-type-radio) input.address-line1 {
margin: 0
}
input:disabled,
.select2-selection:disabled {
background: #e2e5e8 !important;
color: #76818d !important;
border-color: #76818d
}
@media(min-width:1792px) {
.path-manifestation .block-system-main-block,
.path-product-bundle .block-system-main-block,
.path-product-bundle-multi-steps--init .block-system-main-block,
.path-product-bundle-multi-steps--product-selection.page-product-ticketing .block-system-main-block,
.path-product-bundle-multi-steps--summary .block-system-main-block,
.path-visit .block-system-main-block {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.path-manifestation .block-system-main-block,
.path-product-bundle .block-system-main-block,
.path-product-bundle-multi-steps--init .block-system-main-block,
.path-product-bundle-multi-steps--product-selection.page-product-ticketing .block-system-main-block,
.path-product-bundle-multi-steps--summary .block-system-main-block,
.path-visit .block-system-main-block {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.path-manifestation .block-system-main-block,
.path-product-bundle .block-system-main-block,
.path-product-bundle-multi-steps--init .block-system-main-block,
.path-product-bundle-multi-steps--product-selection.page-product-ticketing .block-system-main-block,
.path-product-bundle-multi-steps--summary .block-system-main-block,
.path-visit .block-system-main-block {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.path-manifestation .block-system-main-block,
.path-product-bundle .block-system-main-block,
.path-product-bundle-multi-steps--init .block-system-main-block,
.path-product-bundle-multi-steps--product-selection.page-product-ticketing .block-system-main-block,
.path-product-bundle-multi-steps--summary .block-system-main-block,
.path-visit .block-system-main-block {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.path-manifestation .block-system-main-block,
.path-product-bundle .block-system-main-block,
.path-product-bundle-multi-steps--init .block-system-main-block,
.path-product-bundle-multi-steps--product-selection.page-product-ticketing .block-system-main-block,
.path-product-bundle-multi-steps--summary .block-system-main-block,
.path-visit .block-system-main-block {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
.footer {
position: relative
}
.footer img {
max-width: 100%;
height: auto
}
.footer .row:has(>:nth-child(2))>* {
width: auto;
margin: 0
}
@media(min-width:1792px) {
.footer-container:where(.footer-container, .footer .under_footer),
.footer .under_footer:where(.footer-container, .footer .under_footer) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.footer-container:where(.footer-container, .footer .under_footer),
.footer .under_footer:where(.footer-container, .footer .under_footer) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.footer-container:where(.footer-container, .footer .under_footer),
.footer .under_footer:where(.footer-container, .footer .under_footer) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.footer-container:where(.footer-container, .footer .under_footer),
.footer .under_footer:where(.footer-container, .footer .under_footer) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.footer-container:where(.footer-container, .footer .under_footer),
.footer .under_footer:where(.footer-container, .footer .under_footer) {
padding-left: 1rem;
padding-right: 1rem
}
}
.footer .under_footer {
padding-block: 1rem;
margin: 0 auto
}
.footer .region-footer-first {
justify-content: space-between;
padding: 1.5rem 0;
align-items: center;
overflow: hidden
}
.footer .region-footer-first .block-hubber-footer-branding-block img {
max-height: 6.25rem;
max-width: 14rem
}
@media(max-width:991.98px) {
.footer .region-footer-first {
flex-direction: column;
gap: 1rem
}
.footer .region-footer-first .navbar-brand {
order: 3
}
.footer .region-footer-first .block-hubber-footer-branding-block,
.footer .region-footer-first .block-hubber-social-link,
.footer .region-footer-first .block-language {
width: auto
}
}
.footer .region-footer-first .block-hubber-footer-branding-block,
.footer .region-footer-first .block-hubber-social-link,
.footer .region-footer-first .block-language {
width: auto
}
.footer .region-footer-second {
justify-content: space-between;
align-items: center;
display: flex;
padding: 1.5rem 0;
overflow: hidden
}
@media(max-width:991.98px) {
.footer .region-footer-second {
flex-direction: column
}
}
.footer .region-footer-third {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.5rem 0;
overflow: hidden
}
@media(max-width:991.98px) {
.footer .region-footer-third {
flex-direction: column-reverse;
align-items: center
}
.footer .region-footer-third .hubber-social-icons {
flex-direction: row;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.footer .region-footer-third .menu--footer {
flex: 1;
text-align: left
}
}
.footer .region-footer-fourth {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.5rem 0;
overflow: hidden
}
@media(max-width:991.98px) {
.footer .region-footer-fourth {
flex-direction: column
}
}
.footer .region-footer-fifth {
align-items: center;
display: flex;
flex-direction: row;
justify-content: center;
gap: 1rem;
padding: 1.5rem 0;
overflow: hidden
}
@media(max-width:991.98px) {
.footer .region-footer-fifth {
flex-direction: column
}
}
.footer .region-footer-under {
justify-content: center
}
@media(min-width:992px) {
.footer .region-footer-under {
justify-content: flex-start
}
}
.footer .region-footer-under span.nav-link {
padding: 0
}
.footer .region-footer-under h2,
.footer .region-footer-under .h2 {
font-size: .875rem
}
.footer a {
transition: all 300ms ease-out
}
@media(max-width:991.98px) {
.footer .navbar-nav,
.footer .nav.flex-row {
flex-direction: column !important;
align-items: center;
gap: 1rem
}
}
.footer .navbar-nav ul,
.footer .navbar-nav li,
.footer .nav.flex-row ul,
.footer .nav.flex-row li {
list-style: none
}
.footer .menu--footer .navbar-nav,
.footer .menu--footer .nav.flex-row {
padding: 0;
justify-content: center;
font-size: .875rem
}
@media(min-width:992px) {
.footer .menu--footer .navbar-nav,
.footer .menu--footer .nav.flex-row {
flex-direction: row
}
.footer .menu--footer .navbar-nav .nav-item,
.footer .menu--footer .nav.flex-row .nav-item {
margin: 0 1rem
}
.footer .menu--footer .navbar-nav .nav-item:first-child,
.footer .menu--footer .nav.flex-row .nav-item:first-child {
margin-left: 0
}
.footer .menu--footer .navbar-nav .nav-item:last-child,
.footer .menu--footer .nav.flex-row .nav-item:last-child {
margin-right: 0
}
}
.footer .menu--footer .navbar-nav .nav-item,
.footer .menu--footer .nav.flex-row .nav-item {
display: flex
}
.footer .menu--footer .navbar-nav .nav-item .nav-link,
.footer .menu--footer .nav.flex-row .nav-item .nav-link {
padding: 0
}
.footer .block-hubber-social-link h2,
.footer .block-hubber-social-link .h2 {
font-size: 1rem;
font-weight: normal
}
.footer [class*=region-footer-] {
margin-left: 0;
margin-right: 0
}
@media(max-width:767.98px) {
.footer [class*=region-footer-] {
justify-content: center
}
}
.footer .nav-link {
font-weight: normal;
color: inherit;
color: var(--hb-link-footer);
padding-top: .5rem;
padding-bottom: .5rem
}
.footer .nav-link:hover {
color: var(--hb-link-footer-hover)
}
.footer .region:has(.block-hubber-partners) {
padding: 0
}
.footer .region:has(.block-hubber-partners) .block-hubber-partners {
padding-block: 1.5rem
}
.footer .region:has(.block-hubber-partners) .block-hubber-partners h2,
.footer .region:has(.block-hubber-partners) .block-hubber-partners .h2 {
font-size: .875rem;
margin-bottom: 1.5rem
}
@media(min-width:1792px) {
.footer .region:has(.block-hubber-partners) .block-hubber-partners {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.footer .region:has(.block-hubber-partners) .block-hubber-partners {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.footer .region:has(.block-hubber-partners) .block-hubber-partners {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.footer .region:has(.block-hubber-partners) .block-hubber-partners {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.footer .region:has(.block-hubber-partners) .block-hubber-partners {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
@media(min-width:1792px) {
.footer .region:has(.block-hubber-partners) .block-hubber-partners .contextual:where(.footer .region:has(.block-hubber-partners) .block-hubber-partners .contextual) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.footer .region:has(.block-hubber-partners) .block-hubber-partners .contextual:where(.footer .region:has(.block-hubber-partners) .block-hubber-partners .contextual) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.footer .region:has(.block-hubber-partners) .block-hubber-partners .contextual:where(.footer .region:has(.block-hubber-partners) .block-hubber-partners .contextual) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.footer .region:has(.block-hubber-partners) .block-hubber-partners .contextual:where(.footer .region:has(.block-hubber-partners) .block-hubber-partners .contextual) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.footer .region:has(.block-hubber-partners) .block-hubber-partners .contextual:where(.footer .region:has(.block-hubber-partners) .block-hubber-partners .contextual) {
padding-left: 1rem;
padding-right: 1rem
}
}
.footer .region:has(.block-hubber-partners) .block-hubber-partners .wrapper-partners:last-child {
margin-bottom: 0
}
.footer .block-hubber-footer-branding-block .content {
max-width: 16rem;
display: flex;
align-items: center;
text-align: left;
text-transform: uppercase;
font-weight: 800
}
.footer .block-hubber-footer-branding-block .content img {
min-width: 2rem
}
@media(max-width:991.98px) {
.footer .block-hubber-footer-branding-block .content {
flex-direction: column;
text-align: center
}
.footer .block-hubber-footer-branding-block .content img {
margin-bottom: 1rem
}
}
.featured-bottom section {
position: relative;
overflow: hidden
}
.featured-bottom section .block-block-content {
width: 100%;
margin: 0;
background-color: var(--hb-frontpage-main)
}
.featured-bottom .container-fluid,
.featured-bottom .container-sm,
.featured-bottom .container-md,
.featured-bottom .container-lg,
.featured-bottom .container-hd,
.featured-bottom .container-xl,
.featured-bottom .container-xxl,
.featured-bottom .container-xxxl {
padding: 0
}
.featured-bottom .region-featured-bottom-first {
margin: 0
}
.featured-bottom .region-featured-bottom-first>* {
padding-inline: 0
}
.featured-bottom .region-featured-bottom-third {
margin-inline: 0
}
.block-cookies-ui-block .contextual {
display: none !important
}
.header {
z-index: 900;
box-shadow: 0px 12px 24px rgba(0, 0, 0, .2);
transition: all 300ms ease-out, top 0s;
transform: translateY(0);
position: sticky;
top: 0
}
.header .navbar-nav .nav-item:after {
background-color: var(--hb-link-top-hover)
}
.header .dropdown-item.active {
background-color: rgba(0, 0, 0, 0);
color: var(--hb-link-top)
}
.header .navbar-brand .site-info-wrapper .site-name,
.header .navbar-brand .site-info-wrapper .site-description {
color: var(--hb-titleslogan)
}
.header #navbar-top {
font-size: .875rem;
line-height: 1;
padding: 0 1.5rem;
background-color: var(--hb-bg-menu-instit) !important;
height: 2.25rem;
display: none;
flex-direction: row;
align-items: stretch
}
.header #navbar-top:has(.region) {
display: flex
}
@media(max-width:991.98px) {
.header #navbar-top:has(.region) {
display: none
}
}
.header #navbar-top .row:has(.menu--menu-header-instit),
.header #navbar-top .row:has(.block-hubber-social-link) {
margin-left: 0;
margin-right: 0;
height: 100%
}
.header #navbar-top .menu--menu-header-instit {
padding: 0
}
.header #navbar-top .menu--menu-header-instit a {
display: flex;
align-items: center
}
.header #navbar-top .menu--menu-header-instit a::after {
position: static;
transform: none
}
.header #navbar-top .menu--menu-header-instit ul {
height: 100%
}
.header #navbar-top .nav-item .nav-link {
font-weight: normal;
padding: 0 1.5rem;
font-size: .75rem;
color: var(--hb-link-menu-instit)
}
.header #navbar-top .nav-item .nav-link:hover,
.header #navbar-top .nav-item .nav-link.is-active {
background-color: var(--hb-link-menu-instit-hover);
color: var(--hb-link-menu-instit-hover-text)
}
.header #navbar-top .nav-item:first-child .nav-link {
margin-left: -1.5rem
}
.header #navbar-top .nav-item:last-child .nav-link {
margin-right: -1.5rem
}
.header #navbar-top .block-hubber-social-link {
display: flex;
align-items: center
}
.header .region-header {
height: 100%;
flex: 3
}
.header .region-header-left,
.header .region-header-right {
margin: 0;
flex-wrap: nowrap
}
.header .region-header-left {
margin-right: auto;
gap: .5rem
}
.header .region-header-right {
margin-left: auto;
display: flex;
align-items: center;
justify-content: flex-end
}
.header .region-header-right>* {
padding: 0;
width: auto
}
.header .block-hubber-footer-branding-block {
margin-bottom: 0
}
@media(max-width:991.98px) {
.header .block-hubber-footer-branding-block {
display: none
}
}
.header .block-hubber-footer-branding-block .content {
max-width: unset
}
.header .block-hubber-footer-branding-block .content img {
max-height: 3.75rem
}
.header .menu--main {
margin-right: auto;
display: flex;
align-items: center;
padding: 0;
width: auto;
flex-shrink: unset
}
.header .menu--main .dropdown-menu {
background-color: var(--hb-top)
}
.header .menu--main .dropdown-menu li a {
color: var(--hb-link-top)
}
@media(max-width:991.98px) {
.header .menu--main {
display: none
}
}
@media(min-width:992px) {
.header .menu--main .navbar-nav {
margin-right: 2rem
}
}
.header .menu--main .nav-link {
font-weight: 600
}
.header #navbar-main {
height: 3.5rem;
background-color: var(--hb-top) !important;
transition: height .25s
}
body.has-header-cover .header #navbar-main {
background-repeat: no-repeat;
background-size: cover;
background-image: var(--cover-image-url, "")
}
@media(min-width:992px) {
.header #navbar-main {
height: 4.5rem
}
}
.header #navbar-main .row:has(.menu--menu-header-instit),
.header #navbar-main .row:has(.block-hubber-social-link) {
margin-left: 0;
margin-right: 0
}
.header #navbar-main .navbar-nav .nav-item .dropdown-item::before,
.header #navbar-main .navbar-nav .nav-item .dropdown-item::after {
background-color: var(--hb-link-top-hover)
}
.header #navbar-main .navbar-nav .nav-item .dropdown-item:hover,
.header #navbar-main .navbar-nav .nav-item .dropdown-item.active {
color: var(--hb-link-top-hover)
}
.header #navbar-main .navbar-nav .nav-item .dropdown-item:hover a,
.header #navbar-main .navbar-nav .nav-item .dropdown-item:hover span,
.header #navbar-main .navbar-nav .nav-item .dropdown-item.active a,
.header #navbar-main .navbar-nav .nav-item .dropdown-item.active span {
color: var(--hb-link-top-hover)
}
.header #navbar-main .navbar-nav .nav-item .dropdown-item:hover::before,
.header #navbar-main .navbar-nav .nav-item .dropdown-item.active::before {
background-color: var(--hb-link-top-hover);
width: 3px
}
.header #navbar-main .navbar-nav .nav-item .dropdown-item:hover::after,
.header #navbar-main .navbar-nav .nav-item .dropdown-item.active::after {
background-color: var(--hb-link-top-hover);
opacity: .1
}
.header #navbar-main .navbar-nav .nav-link {
color: var(--hb-link-top)
}
.header #navbar-main .navbar-nav .nav-link.active {
color: var(--hb-link-top-hover)
}
.header #navbar-main .navbar-nav .nav-link.show,
.header #navbar-main .navbar-nav .nav-link.is-active:not(.dropdown-toggle),
.header #navbar-main .navbar-nav .nav-link:hover {
color: var(--hb-link-top-hover)
}
@media(max-width:991.98px) {
.header .block-search-form-block {
display: none
}
}
.header .navbar {
padding-inline: 1.5rem;
padding-block: 0;
flex-wrap: nowrap
}
@media(max-width:767.98px) {
.header .navbar {
padding-inline: 1rem
}
}
.header .navbar-brand {
height: 3.5rem;
display: flex;
align-items: center;
width: auto;
padding: 0;
margin: 0
}
@media(max-width:991.98px) {
.header .navbar-brand {
margin-right: 0;
justify-content: center;
align-items: center
}
}
.header .navbar-brand img {
max-height: 100%;
min-width: 2rem;
margin: 0;
margin-right: 1.5rem
}
@media(max-width:767.98px) {
.header .navbar-brand img {
max-width: 100px;
height: auto;
max-height: 80%
}
}
.header .navbar-brand .site-info-wrapper {
font-size: 1rem
}
.ticketing-page .header .navbar-brand .site-info-wrapper {
display: none
}
@media(max-width:767.98px) {
.header .navbar-brand .site-info-wrapper {
display: none
}
}
.header .navbar-brand .site-description {
font-size: .75rem;
color: #64bf18
}
.ticketing-page .header .navbar-brand .site-description {
display: none
}
.header .nav-item {
position: relative;
display: flex
}
.header .nav-item:after {
content: "";
width: 0;
position: absolute;
height: 3px;
left: .5rem;
display: block;
background-color: var(--hb-link-top-hover);
border-radius: 50px;
bottom: -1rem;
transition: all 300ms ease-out
}
.header .nav-item.active:after,
.header .nav-item:hover:after {
width: calc(100% - 1rem)
}
.header .hubber-menu-toggler {
border-color: rgba(0, 0, 0, 0);
display: flex;
align-items: center;
font-weight: normal;
padding: 0;
margin-right: .75rem;
order: -1;
height: 1.5rem;
width: 1.5rem
}
.header .hubber-menu-toggler.btn-link {
color: var(--hb-link-top)
}
@media(min-width:992px) {
.header .hubber-menu-toggler {
margin-right: 1.5rem
}
}
.header .hubber-menu-toggler:hover,
.header .hubber-menu-toggler:focus {
text-decoration: none
}
.header .hubber-menu-toggler span,
.header .hubber-menu-toggler span:before,
.header .hubber-menu-toggler span:after {
content: "";
height: 2px;
width: 14px;
background-color: #76818d;
border-radius: 4px;
display: block;
transition: all 300ms ease-out
}
.header .hubber-menu-toggler span {
transform: translateY(-4px)
}
.header .hubber-menu-toggler span:before {
transform: translateY(5px)
}
.header .hubber-menu-toggler span:after {
transform: translateY(8px)
}
.header .hubber-menu-toggler:hover span:before {
width: 10px
}
.header .hubber-menu-toggler:hover span:after {
width: 6px
}
.header .search-api-page-block-form {
position: relative;
transition: all .75s ease-in-out;
display: flex
}
@media(max-width:991.98px) {
.header .search-api-page-block-form {
display: none
}
}
.header .search-api-page-block-form .content {
display: flex;
align-items: center;
justify-content: center
}
.header .search-api-page-block-form .btn-search {
font-size: 0;
padding: .75rem;
background-color: rgba(0, 0, 0, 0)
}
@media(max-width:991.98px) {
.header .search-api-page-block-form .btn-search {
padding: .5rem
}
}
.header .search-api-page-block-form .picto-anim-search {
font-size: 0;
background-color: rgba(0, 0, 0, 0);
transition: .2s;
transform: rotate(0);
display: flex;
align-items: center;
justify-content: center
}
.header .search-api-page-block-form .picto-anim-search:before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
position: relative;
top: 0;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='7' stroke='white' stroke-linecap='round' stroke-width='2'/%3E%3Cline x1='7.05' y1='16.95' x2='2.5' y2='21.5' stroke='white' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
background-color: var(--hb-link-top);
background-size: contain
}
.header .search-api-page-block-form:hover .picto-anim-search {
transform: rotate(-90deg)
}
.header .cart-block--summary {
position: relative
}
.header .cart-block--summary .cart-block--link__expand {
font-size: 0;
padding: .75rem;
width: auto;
height: auto;
display: flex;
align-items: center;
justify-content: center
}
@media(max-width:991.98px) {
.header .cart-block--summary .cart-block--link__expand {
padding: .5rem
}
}
.header .cart-block--summary .picto-anim-panier {
font-size: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transform-origin: center center;
transition: .075s;
gap: 0px
}
.header .cart-block--summary .picto-anim-panier:after {
content: "";
display: inline-block;
width: 18px;
height: 14px;
position: relative;
top: -2px;
background-color: var(--hb-link-top);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='13' fill='none' preserveAspectRatio='none' viewBox='0 0 18 13'%3E%3Cpath d='M16.9915 10.6433C17.0129 10.8148 16.9937 10.9884 16.9351 11.1527C16.8766 11.317 16.78 11.4683 16.6517 11.5966C16.5231 11.7248 16.3658 11.827 16.1901 11.8965C16.0144 11.966 15.8244 12.0013 15.6324 12H2.36759C2.17564 12.0013 1.98557 11.966 1.80988 11.8965C1.63418 11.827 1.47686 11.7248 1.34826 11.5966C1.22 11.4683 1.12342 11.317 1.06486 11.1527C1.00629 10.9884 0.987081 10.8148 1.00848 10.6433L2.20449 1H15.7955L16.9915 10.6433Z' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
background-size: contain
}
.header .cart-block--summary .picto-anim-panier:before {
content: "";
display: inline-block;
width: 8px;
height: 11px;
position: relative;
top: 2px;
background-color: var(--hb-link-top);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' fill='none' preserveAspectRatio='none' viewBox='0 0 8 10'%3E%3Cpath d='M1 9V4.125C1 3.2962 1.31607 2.50134 1.87868 1.91529C2.44129 1.32924 3.20435 1 4 1C4.79565 1 5.55871 1.32924 6.12132 1.91529C6.68393 2.50134 7 3.2962 7 4.125V9' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
background-size: contain
}
.header .cart-block--summary:hover .picto-anim-panier {
gap: 2px
}
.header .cart-block--summary:after {
content: "";
height: .75rem;
width: .75rem;
position: absolute;
border-radius: 100%;
background-color: var(--hb-avatar-bg);
position: absolute;
top: 3px;
right: 3px
}
.header .cart-block--summary.active .cart-block--link__expand:before {
content: "";
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
background-color: rgba(0, 0, 0, .5);
z-index: 899
}
.header .cart-block--contents {
width: 23.25rem !important;
position: fixed;
background-color: rgba(0, 0, 0, 0) !important;
height: calc(100dvh - var(--drupal-displace-offset-top, 0dvh)) !important;
top: 0 !important;
bottom: 0;
right: 0;
z-index: 901;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: opacity .4s ease, visibility .4s ease;
box-shadow: none;
padding: 0;
padding-top: 0 !important;
border-radius: 0
}
@media(max-width:991.98px) {
.header .cart-block--contents {
width: 100% !important
}
}
.header .cart-block--contents__items {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden
}
.header .cart-block--contents__items .cart-summary-info-caption {
font-size: .75rem;
text-transform: uppercase;
color: #76818d;
border-bottom: 1px solid #e2e5e8;
padding-bottom: .5rem
}
.header .cart-block--contents__expanded {
opacity: 1;
visibility: visible
}
.header .cart-block--contents__expanded .cart-block--contents__inner {
transform: translateX(0%)
}
.header .cart-block--contents__inner {
padding: 1rem;
display: flex;
flex-direction: column;
height: 100%;
background-color: #fff;
width: 100%;
position: absolute;
overflow: hidden;
transform: translateX(100%);
transition: all .5s
}
.header .cart-block--contents__inner .cart-summary-product {
font-size: .75rem;
font-weight: 600;
margin: 1rem 0
}
.header .cart-block--contents__inner .block-cart-footer {
margin-top: auto;
position: relative;
border: 0;
box-shadow: none;
width: auto;
padding: 0
}
.header .cart-block--contents__inner .block-cart-footer:before {
content: "";
height: 1px;
width: calc(100% + 2rem);
position: absolute;
left: -1rem;
right: -1rem;
top: -1rem;
background-color: #e2e5e8
}
.header .cart-block--contents__inner .block-cart-footer .cart_counter {
padding-left: 2rem
}
.header .cart-block--contents__inner .block-cart-footer .cart_counter .hourglass {
position: absolute;
left: 0
}
.header .cart-block--contents__inner .cart-contents {
padding: 0;
margin-bottom: 1rem;
max-height: 100% !important;
border: 0;
display: block
}
.header .cart-block--contents__inner .timer-wrapper {
align-items: center;
position: relative;
margin-bottom: 1rem
}
.header .cart-block--contents__inner .timer-wrapper .order-total-to-pay-value {
font-size: 1.25rem;
font-weight: 600
}
.header .cart-block--contents__inner .btn {
width: 100%
}
.header .cart-block--contents__close {
padding: .5rem .5rem 1.5rem .5rem;
position: relative;
margin-bottom: .5rem;
display: flex;
justify-content: flex-end
}
.header .cart-block--contents__close:after {
content: "";
height: 1px;
width: calc(100% + 2rem);
position: absolute;
left: -1rem;
right: -1rem;
bottom: 0;
background-color: #e2e5e8
}
.header .cart-block--contents__close span {
display: inline-flex;
align-items: center;
flex-direction: row;
justify-content: flex-end;
text-align: right;
gap: .5rem;
font-size: .875rem;
font-weight: 600;
color: #263140;
cursor: pointer
}
.header .cart-block--contents__close span:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.header .cart-block--contents__close span:after {
transition: 250ms ease-out
}
.header .cart-block--contents__close:hover span:after {
transform: rotate(180deg)
}
.header .access-my-tickets-wrapper .content {
display: flex;
align-items: center;
justify-content: center
}
.header .access-my-tickets-wrapper .access-my-tickets {
font-size: 0;
padding: .75rem;
width: auto;
height: auto;
display: flex;
align-items: center;
justify-content: center
}
@media(max-width:991.98px) {
.header .access-my-tickets-wrapper .access-my-tickets {
padding: .5rem
}
}
.header .access-my-tickets-wrapper .picto-anim-tickets {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transform-origin: center center;
position: relative;
transition: .2s
}
.header .access-my-tickets-wrapper .picto-anim-tickets:before {
content: "";
display: block;
width: 16px;
height: 6px;
opacity: 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
bottom: 0;
right: 0;
transition: .2s;
background-color: var(--hb-link-top);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 6'%3E%3Cpath d='M1 4.64083H13.175C13.8536 4.64083 14.4037 4.10357 14.4037 3.44083V1' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") no-repeat center
}
.header .access-my-tickets-wrapper .picto-anim-tickets:after {
content: "";
display: block;
opacity: 0;
width: 16px;
height: 6px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
bottom: 0;
right: 0;
transition: .2s;
background-color: var(--hb-link-top);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 6'%3E%3Cpath d='M1 4.64083H13.5426C14.2212 4.64083 14.7713 4.10357 14.7713 3.44083V1' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") no-repeat center
}
.header .access-my-tickets-wrapper .picto-anim-tickets span {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transform-origin: center center;
position: relative;
transition: .2s;
width: 18px;
height: 14px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-color: var(--hb-link-top);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 14'%3E%3Cpath d='M1 11.8C1 12.4627 1.55012 13 2.22872 13H15.7713C16.4499 13 17 12.4627 17 11.8V9.35917C15.9362 9.07759 15.1537 8.12804 15.1537 7C15.1537 5.87196 15.9362 4.92241 17 4.64083V2.2C17 1.53726 16.4499 1 15.7713 1H2.22872C1.55012 1 1 1.53726 1 2.2V4.63556C2.0741 4.91039 2.86653 5.86482 2.86653 7C2.86653 8.13518 2.0741 9.08961 1 9.36444V11.8Z' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
transform: rotate(0deg);
transition: .2s
}
.header .access-my-tickets-wrapper:hover .picto-anim-tickets:before {
transform: translateX(3px) translateY(5px) rotate(0deg);
opacity: 1
}
.header .access-my-tickets-wrapper:hover .picto-anim-tickets:after {
transform: translateX(2px) translateY(2px) rotate(-20deg);
opacity: 1
}
.header .access-my-tickets-wrapper:hover .picto-anim-tickets span {
transform: translateX(-4px) translateY(0px) rotate(-40deg)
}
.header .user-account-login {
font-size: 0;
padding: .75rem 0 .75rem .75rem;
width: 3rem;
height: 3rem;
display: flex;
align-items: center;
justify-content: center
}
@media(max-width:991.98px) {
.header .user-account-login {
padding: .5rem 0 .5rem .5rem
}
}
.header .user-account .picto-anim-user {
font-size: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: .2s;
gap: 0px
}
.header .user-account .picto-anim-user:after {
content: "";
display: inline-block;
width: 17px;
height: 11px;
background-color: var(--hb-link-top);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' fill='none' preserveAspectRatio='none' viewBox='0 0 16 10'%3E%3Cpath d='M1 9H8H15V8.13345C14.9876 6.91514 14.6749 5.71994 14.0911 4.65948C13.5073 3.59902 12.6715 2.70789 11.6617 2.06935C10.6518 1.4308 9.50098 1.06567 8.31658 1.00806C8.21099 1.00292 8.10543 1.00024 8 1.00001C7.89457 1.00024 7.78901 1.00292 7.68342 1.00806C6.49902 1.06567 5.34817 1.4308 4.33834 2.06935C3.32851 2.70789 2.49266 3.59902 1.90887 4.65948C1.32508 5.71994 1.01238 6.91514 1 8.13345V9Z' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
background-size: contain
}
.header .user-account .picto-anim-user:before {
content: "";
display: inline-block;
width: 11px;
height: 11px;
position: relative;
top: 2px;
background-color: var(--hb-link-top);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' preserveAspectRatio='none' viewBox='0 0 10 10'%3E%3Cpath d='M5 9C7.20914 9 9 7.20914 9 5C9 2.79086 7.20914 1 5 1C2.79086 1 1 2.79086 1 5C1 7.20914 2.79086 9 5 9Z' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") no-repeat center;
background-size: contain
}
.header .user-account:hover .picto-anim-user {
gap: 5px
}
.header .user-account-info {
padding: .75rem 0 .75rem .75rem;
width: auto;
height: auto;
display: flex;
align-items: center;
justify-content: center
}
@media(max-width:991.98px) {
.header .user-account-info {
padding: .5rem 0 .5rem .5rem
}
}
.header .user-account-info span {
width: 1.5rem;
height: 1.5rem;
position: relative;
border-radius: 50%;
background-color: var(--hb-avatar-bg);
color: var(--hb-avatar-text);
font-size: .625rem;
display: flex;
flex-direction: column;
align-items: center;
padding: 0;
line-height: 1.5rem;
font-weight: 600
}
.header .user-account-info .avatar {
display: flex;
align-items: center;
justify-content: center;
height: 2rem;
width: 2rem;
border-radius: 100%;
color: var(--hb-avatar-text);
background-color: var(--hb-avatar-bg);
flex-shrink: 0;
font-size: initial
}
@media(min-width:992px) {
.header .user-account-info .avatar {
margin-right: .5rem;
height: 1.75rem;
width: 1.75rem;
font-size: inherit
}
}
.header .block-product-information {
display: flex;
flex-direction: row;
height: 100%;
width: 100%;
align-items: center;
justify-content: center
}
.header .block-product-information .content {
display: flex;
flex-direction: row;
align-items: center;
gap: 1rem;
height: 100%;
padding: .5rem 1rem
}
.header .block-product-information .content .image-wrapper {
display: block;
height: 100%
}
.header .block-product-information .content .image-wrapper .field--type-image {
height: 100%
}
.header .block-product-information .content .image-wrapper img {
height: 100%;
max-width: inherit;
width: auto;
margin-right: 0
}
.header .block-product-information .content .image-wrapper+.content-wrapper {
align-items: flex-start;
width: auto
}
.header .block-product-information .content .image-wrapper .participants-wrapper {
display: flex;
margin: 0;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
gap: .25rem
}
.header .block-product-information .content-wrapper {
height: 100%;
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center
}
.header .block-product-information .content-wrapper .field--name-title {
font-size: 1rem;
text-transform: uppercase;
font-weight: 600
}
.header .block-product-information .content-wrapper .field--name-date,
.header .block-product-information .content-wrapper .field--name-venue,
.header .block-product-information .content-wrapper .field--name-body,
.header .block-product-information .content-wrapper .more-information-link {
font-size: .875rem
}
.header .block-product-information .content-wrapper .details-wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 1rem
}
.header .block-product-information .content-wrapper .field--name-date a {
display: inline-flex;
align-items: center;
transition: all .15s;
position: relative;
transition: all .15s;
border-bottom: 1px solid var(--hb-link-top)
}
.header .block-product-information .content-wrapper .field--name-date a:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.header .block-product-information .content-wrapper .field--name-date a:hover {
color: inherit
}
.header .block-product-information .content-wrapper .participants-wrapper {
display: flex;
margin: 0;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
gap: .25rem
}
.header .block-product-information .content-wrapper .participants-wrapper .participant {
display: flex;
height: 100%;
align-items: center;
gap: .25rem;
position: relative
}
.header .block-product-information .content-wrapper .participants-wrapper .participant.first {
flex-direction: row-reverse;
justify-content: flex-start
}
.header .block-product-information .content-wrapper .participants-wrapper .participant.first .name {
text-align: right
}
.header .block-product-information .content-wrapper .participants-wrapper .participant.second {
flex-direction: row
}
.header .block-product-information .content-wrapper .participants-wrapper .participant .logo {
height: 2.25rem;
display: flex;
overflow: hidden;
width: 2.25rem;
align-items: center;
justify-content: center
}
.header .block-product-information .content-wrapper .participants-wrapper .participant .logo img {
margin: 0;
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto
}
.header .block-product-information .content-wrapper .participants-wrapper .participant .name {
flex: 1;
line-height: 1.25
}
.header .block-product-information .content-wrapper .more-information-link {
display: inline-flex;
align-items: center;
gap: .15rem;
position: relative;
transition: all .15s;
border-bottom: 1px solid var(--hb-link-top)
}
.header .block-product-information .content-wrapper .more-information-link:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.header .block-product-information .content-wrapper .more-information-link:before {
font-size: 1rem
}
.header .block-product-information .content:has(.content-wrapper .participants-wrapper) {
width: 100%
}
.header .block-product-information .content:has(.content-wrapper .participants-wrapper) .field--name-title {
width: 100%
}
.hubber-off-canvas {
display: block;
background-color: var(--hb-top);
position: fixed;
transform: translateX(-100%);
top: var(--drupal-displace-offset-top, 0);
bottom: 0;
z-index: 903;
width: calc(100vw - 1.5rem);
transition: all .5s ease-in-out;
max-width: 20rem;
overflow: hidden;
opacity: 0;
visibility: hidden
}
.hubber-off-canvas.force-open {
opacity: 1;
visibility: visible
}
.hubber-off-canvas.menu-open {
transform: translateX(0)
}
.hubber-off-canvas .block-hubber-menu-block {
height: 100%
}
.hubber-off-canvas .block-hubber-menu-block .content {
height: 100%;
display: flex;
flex-direction: column;
position: relative
}
.hubber-off-canvas .block-hubber-menu-block .content #hubberMenu {
flex: 1;
overflow-y: auto;
overflow-x: hidden
}
.hubber-off-canvas .block-hubber-menu-block .content .bottom-content {
display: flex;
align-items: center;
margin-top: auto;
padding: 1rem 0
}
.hubber-off-canvas .block-hubber-menu-block .nav {
flex-direction: column
}
.hubber-off-canvas .hubber-menu-close {
padding: 1.5rem 1rem;
color: #fff;
text-align: right;
display: flex;
align-items: center;
gap: .5rem;
font-size: .875rem;
font-weight: 600
}
.hubber-off-canvas .hubber-menu-close img {
max-height: 30px
}
.hubber-off-canvas .hubber-menu-close:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
line-height: 1;
font-weight: normal;
cursor: pointer;
transition: 250ms ease-out;
transform: rotate(0deg)
}
.hubber-off-canvas .hubber-menu-close:hover:before {
transform: rotate(180deg)
}
.hubber-off-canvas .hubber-menu-close+div .dropdowns {
position: absolute;
background-color: var(--hb-top);
width: 20rem;
left: 20rem;
transition: left 250ms ease-in-out;
top: 72px;
bottom: 0;
overflow: auto;
height: auto
}
.hubber-off-canvas .hubber-menu-close+div .dropdowns:has(.move-center) {
left: 0
}
.hubber-off-canvas .hubber-menu-close+div .dropdowns .nav--dropdown:not(.move-center) {
display: none
}
.hubber-off-canvas .hubber-menu-close+div .dropdowns .dropdown__head {
display: inline-flex;
align-items: center;
display: flex;
font-weight: 600;
cursor: pointer;
padding: 1.5rem;
border-block: 1px solid #dee2e6
}
.hubber-off-canvas .hubber-menu-close+div .dropdowns .dropdown__head:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.hubber-off-canvas .hubber-menu-close+div .dropdowns .dropdown__head p {
margin-bottom: 0
}
.hubber-off-canvas .hubber-menu-close+div .dropdowns .dropdown__head:hover {
position: relative;
color: var(--hb-link-top-hover)
}
.hubber-off-canvas .hubber-menu-close+div .dropdowns .dropdown__head:hover p:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 4px;
background-color: var(--hb-link-top-hover)
}
.hubber-off-canvas .hubber-menu-close+div .dropdowns .dropdown__head:hover:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: .1;
background-color: var(--hb-link-top-hover)
}
.hubber-off-canvas .hubber-menu-close+div .dropdowns .dropdown__body li {
border-bottom: 1px solid #dee2e6;
position: relative
}
.hubber-off-canvas .hubber-menu-close+div .dropdowns .dropdown__body li>a {
display: flex;
align-items: center;
padding: 1.5rem;
cursor: pointer;
position: relative;
color: var(--hb-link-top);
z-index: 1
}
.hubber-off-canvas .hubber-menu-close+div .dropdowns .dropdown__body li>a::after {
transform: none;
position: static
}
.hubber-off-canvas .hubber-menu-close+div .dropdowns .dropdown__body li:has(.is-active)>a,
.hubber-off-canvas .hubber-menu-close+div .dropdowns .dropdown__body li:hover>a {
color: var(--hb-link-top-hover)
}
.hubber-off-canvas .hubber-menu-close+div .dropdowns .dropdown__body li:has(.is-active):before,
.hubber-off-canvas .hubber-menu-close+div .dropdowns .dropdown__body li:hover:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 4px;
background-color: var(--hb-link-top-hover)
}
.hubber-off-canvas .hubber-menu-close+div .dropdowns .dropdown__body li:has(.is-active):after,
.hubber-off-canvas .hubber-menu-close+div .dropdowns .dropdown__body li:hover:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: .1;
background-color: var(--hb-link-top-hover)
}
.hubber-off-canvas .hubber-menu-close+div.with-bottom-element .dropdowns {
bottom: 70px
}
.hubber-off-canvas .hubber-menu__menu+.hubber-menu__menu {
border-top: 1px solid #dee2e6;
padding-top: .5rem
}
.hubber-off-canvas .hubber-menu__menu+.hubber-menu__menu li {
border-top: 0;
padding: 0
}
.hubber-off-canvas .hubber-menu__menu+.hubber-menu__menu li:last-child {
border-bottom: 1px solid #dee2e6
}
.hubber-off-canvas .hubber-menu__menu+.hubber-menu__menu li:before,
.hubber-off-canvas .hubber-menu__menu+.hubber-menu__menu li:after {
display: none
}
.hubber-off-canvas .hubber-menu__menu+.hubber-menu__menu a {
font-weight: normal;
font-size: .875rem;
transition: all 300ms ease-out;
display: flex;
padding: .75rem 1.5rem
}
.hubber-off-canvas .hubber-menu__menu+.hubber-menu__menu a:hover {
font-weight: 600
}
.hubber-off-canvas .hubber-menu__menu ul li {
font-weight: 600;
border-top: 1px solid #dee2e6;
position: relative;
cursor: pointer;
color: var(--hb-link-top)
}
.hubber-off-canvas .hubber-menu__menu ul li a,
.hubber-off-canvas .hubber-menu__menu ul li span {
color: var(--hb-link-top)
}
.hubber-off-canvas .hubber-menu__menu ul li:not(:has(a)) {
padding: 1.5rem
}
.hubber-off-canvas .hubber-menu__menu ul li:after,
.hubber-off-canvas .hubber-menu__menu ul li:before {
transition: opacity 300ms ease-in-out;
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
opacity: 0;
background-color: var(--hb-link-top-hover);
z-index: -1
}
.hubber-off-canvas .hubber-menu__menu ul li:before {
width: 4px
}
.hubber-off-canvas .hubber-menu__menu ul li:after {
right: 0
}
.hubber-off-canvas .hubber-menu__menu ul li:has(.active),
.hubber-off-canvas .hubber-menu__menu ul li:hover {
color: #1882ff
}
.hubber-off-canvas .hubber-menu__menu ul li:has(.active) a,
.hubber-off-canvas .hubber-menu__menu ul li:has(.active) span,
.hubber-off-canvas .hubber-menu__menu ul li:hover a,
.hubber-off-canvas .hubber-menu__menu ul li:hover span {
color: var(--hb-link-top-hover)
}
.hubber-off-canvas .hubber-menu__menu ul li:has(.active) span::after,
.hubber-off-canvas .hubber-menu__menu ul li:hover span::after {
color: var(--hb-link-top-hover)
}
.hubber-off-canvas .hubber-menu__menu ul li:has(.active):before,
.hubber-off-canvas .hubber-menu__menu ul li:hover:before {
opacity: 1
}
.hubber-off-canvas .hubber-menu__menu ul li:has(.active):after,
.hubber-off-canvas .hubber-menu__menu ul li:hover:after {
opacity: .1
}
.hubber-off-canvas .hubber-menu__menu ul li span,
.hubber-off-canvas .hubber-menu__menu ul li a {
position: relative;
cursor: pointer
}
.hubber-off-canvas .hubber-menu__menu ul li a {
padding: 1.5rem;
display: flex;
align-items: center;
margin: 0
}
.hubber-off-canvas .hubber-menu__menu ul li a::after {
transform: none;
position: static
}
.hubber-off-canvas .hubber-menu__menu ul li.hubber-menu__menu-list-item--parent .hubber-menu__menu-list-item-link {
display: inline-flex;
align-items: center;
display: flex;
justify-content: space-between
}
.hubber-off-canvas .hubber-menu__menu ul li.hubber-menu__menu-list-item--parent .hubber-menu__menu-list-item-link:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.hubber-off-canvas .hubber-menu__menu ul li .hubber-menu__menu-list-item--child {
font-size: .875rem;
padding-bottom: 0
}
.hubber-off-canvas .hubber-menu__menu ul li.hubber-menu__menu-list-item--expanded span:after {
transition: all .75s ease-in-out;
font-family: "hubber8";
content: "";
font-size: 1.5rem;
border: 0;
margin-left: 5px;
position: absolute;
line-height: 1
}
.hubber-off-canvas .hubber-menu__menu ul li.hubber-menu__menu-list-item--expanded.open span:after {
transform: rotate(180deg)
}
.hubber-off-canvas .hubber-menu__menu ul li ul {
display: none
}
.hubber-off-canvas .hubber-menu__menu ul li.open ul {
display: block
}
.hubber-off-canvas .hubber-menu__menu--main .hubber-menu__menu-title {
display: none
}
.hubber-off-canvas .hubber-menu__menu--menu-header-instit .hubber-menu__menu-title {
padding: 1rem 1.5rem;
cursor: pointer;
width: 100%;
display: inline-flex;
align-items: center;
margin-left: .5rem
}
.hubber-off-canvas .hubber-menu__menu--menu-header-instit .hubber-menu__menu-title:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.hubber-off-canvas .hubber-menu__menu--menu-header-instit .hubber-menu__menu-title:after {
transition: all .75s ease-in-out
}
.hubber-off-canvas .hubber-menu__menu--menu-header-instit .hubber-menu__menu-list {
max-height: 0;
overflow: hidden;
background-color: #d3d3d3;
transition: max-height .5s ease-in-out
}
.hubber-off-canvas .hubber-menu__menu--menu-header-instit .hubber-menu__menu-list li {
padding: 5px 0 5px 30px
}
.hubber-off-canvas .hubber-menu__menu--menu-header-instit.open .hubber-menu__menu-title:after {
transform: rotate(180deg)
}
.hubber-off-canvas .hubber-menu__menu--menu-header-instit.open .hubber-menu__menu-list {
max-height: 300px;
transition: max-height .5s ease-in-out
}
.hubber-off-canvas .cart-hubber-menu a {
padding: 1rem 1.5rem;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.hubber-off-canvas .cart-hubber-menu a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.contextual-links {
z-index: 9000
}
body .toolbar .toolbar-tray {
z-index: 998
}
body .toolbar-oriented .toolbar-bar {
z-index: 999
}
body .gin-secondary-toolbar--frontend {
z-index: 997
}
body.gin--horizontal-toolbar #toolbar-administration,
body .toolbar .toolbar-bar .toolbar-tab>.toolbar-item.is-active {
z-index: 999
}
.menu--main .dropdown .dropdown-toggle {
display: flex;
cursor: pointer;
justify-content: space-between
}
.menu--main .dropdown .dropdown-toggle:after {
font-family: "hubber8";
content: "";
border: 0;
font-size: 1.5rem;
line-height: 1
}
.menu--main .dropdown.show .dropdown-toggle:after {
transform: rotate(180deg)
}
.menu--main .dropdown-menu {
margin-top: 1rem;
border-radius: 0;
background-color: #1882ff;
box-shadow: 0px 5px 24px rgba(0, 0, 0, .07), 0px 2px 15px rgba(0, 0, 0, .03), 0px 1px 5px rgba(0, 0, 0, .03), 0px 1px 3px rgba(0, 0, 0, .05);
transition: all .75s ease-in-out;
padding: 0;
width: 16rem;
border: 0;
border-top: 1px solid #fff;
visibility: hidden;
opacity: 0;
display: block;
left: .5rem
}
@media(min-width:992px) {
.menu--main .dropdown-menu {
top: 2.5rem
}
}
.menu--main .dropdown-menu.show {
visibility: visible;
opacity: 1
}
.menu--main .dropdown-menu li {
padding: 0;
position: relative
}
.menu--main .dropdown-menu li:not(:last-child) {
border-bottom: 1px solid #dee2e6
}
.menu--main .dropdown-menu li:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
background-color: #1882ff;
transition: width 300ms ease-in-out
}
.menu--main .dropdown-menu li:hover::before {
width: 3px
}
.menu--main .dropdown-menu li::after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #1882ff;
opacity: 0;
transition: all .75s ease-in-out;
pointer-events: none
}
.menu--main .dropdown-menu li:hover::after {
opacity: .1
}
.menu--main .dropdown-menu li a {
font-size: .875rem;
display: flex;
width: 100%;
color: #fff;
padding: 18px 16px;
margin: 0;
font-weight: 600;
white-space: initial;
transition: all 200ms ease-in-out;
position: relative;
align-items: center;
vertical-align: middle
}
.menu--main .dropdown-menu li a::after {
transform: translateY(-1px)
}
.menu--main .dropdown-menu li:hover {
background-color: rgba(0, 0, 0, 0)
}
.path-frontpage .main-content {
padding-left: 0;
padding-right: 0
}
@media(max-width:767.98px) {
.path-frontpage h2,
.path-frontpage .h2 {
font-size: 1.5rem
}
}
.path-frontpage .block-block-content:has(>h2, >.h2) {
padding-top: 1.5rem
}
.path-frontpage .select2-container.select2-container--hubber_reference8.select2-container--open .select2-selection {
background-color: #fff
}
.path-frontpage .next-events-header h1,
.path-frontpage .next-events-header .h1 {
max-width: 80%
}
@media(max-width:575.98px) {
.path-frontpage .next-events-header {
padding-bottom: .625rem;
margin-bottom: 0
}
.path-frontpage .next-events-header h1,
.path-frontpage .next-events-header .h1 {
margin-bottom: 0 !important
}
.path-frontpage .next-events-header div.ml-auto .btn-more-filters {
margin-bottom: 0
}
}
@media(max-width:575.98px) {
.path-frontpage .next-events-content {
margin-top: 1.5rem
}
}
.path-frontpage .next-events-header .select2-container {
margin-top: 0;
margin-bottom: 0
}
.path-frontpage .next-events-wrapper:has(.date-anchors.d-none) .next-events-header {
margin-bottom: 3rem
}
@media(max-width:767.98px) {
.path-frontpage .next-events-wrapper:has(.date-anchors.d-none) .next-events-header {
margin-bottom: 10px;
padding-bottom: 0
}
}
@media(min-width:1792px) {
.block-hubber-slider {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.block-hubber-slider {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.block-hubber-slider {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.block-hubber-slider {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.block-hubber-slider {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
.block-hubber-slider h2,
.block-hubber-slider .h2 {
padding-top: 1.5rem
}
@media(min-width:1792px) {
.block-hubber-slider h2:where(.block-hubber-slider h2, .block-hubber-slider .h2),
.block-hubber-slider .h2:where(.block-hubber-slider h2, .block-hubber-slider .h2) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.block-hubber-slider h2:where(.block-hubber-slider h2, .block-hubber-slider .h2),
.block-hubber-slider .h2:where(.block-hubber-slider h2, .block-hubber-slider .h2) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.block-hubber-slider h2:where(.block-hubber-slider h2, .block-hubber-slider .h2),
.block-hubber-slider .h2:where(.block-hubber-slider h2, .block-hubber-slider .h2) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.block-hubber-slider h2:where(.block-hubber-slider h2, .block-hubber-slider .h2),
.block-hubber-slider .h2:where(.block-hubber-slider h2, .block-hubber-slider .h2) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.block-hubber-slider h2:where(.block-hubber-slider h2, .block-hubber-slider .h2),
.block-hubber-slider .h2:where(.block-hubber-slider h2, .block-hubber-slider .h2) {
padding-left: 1rem;
padding-right: 1rem
}
}
.path-node .block-hubber-slider .field__item {
margin: 0
}
.path-node .field__items {
display: flex;
flex-wrap: wrap;
flex-direction: column
}
.path-node .field__items .calendar-group {
flex: 1
}
.path-node .field__item {
flex-basis: 100%;
margin-bottom: 1.5rem;
transition: all 300ms ease-out
}
@media(prefers-reduced-motion:reduce) {
.path-node .field__item {
transition: none
}
}
@media(min-width:768px) {
.path-node .field__item {
margin: 0 1% 1rem;
flex: 0 0 48%
}
}
@media(min-width:992px) {
.path-node .field__item {
flex: 0 0 31%
}
}
@media(min-width:1200px) {
.path-node .field__item {
flex: 0 0 23%
}
}
.path-node .block-content-highlighted_offers_block .field__item,
.path-node .block-content-photo_gallery_bloc_type .field__item {
margin: 0
}
.path-node .slide .field__item {
margin: 0
}
.page-order-confirm .hubber-breadcrumb .stepper-wrapper .steps:before {
background-color: #1882ff
}
@media(min-width:992px) {
.page-order-confirm .block-hubber-breadcrumb-block {
margin-inline: 3rem
}
}
.page-order-confirm .layout-main-wrapper {
min-height: calc(100vh - 3.75rem)
}
@media(min-width:992px) {
.page-order-confirm .layout-main-wrapper {
min-height: calc(100vh - 6rem)
}
}
.page-order-confirm form.commerce-checkout-flow {
height: auto
}
.page-order-confirm .main-content {
padding: 0;
margin-top: 3rem
}
.page-order-confirm .block-commerce-checkout-progress,
.page-order-confirm .menu--menu-logout {
display: none
}
.page-order-confirm .block-page-title-block {
color: #0b873c;
margin-bottom: 1rem;
text-align: center
}
.page-order-confirm .block-page-title-block h1,
.page-order-confirm .block-page-title-block .h1 {
margin-top: 1rem;
font-size: 1.5rem;
font-weight: 600;
text-transform: none
}
@media(min-width:992px) {
.page-order-confirm .block-page-title-block h1,
.page-order-confirm .block-page-title-block .h1 {
font-size: 2rem
}
}
.page-order-confirm .block-page-title-block:before {
content: "";
font-family: "hubber8";
font-size: 2rem;
font-weight: normal;
border: 2px solid;
border-radius: 100%;
height: 3rem;
width: 3rem;
display: inline-flex;
justify-content: center;
align-items: center
}
.page-order-confirm .block-system-main-block {
text-align: center
}
.page-order-confirm .checkout-pane-completion-message {
font-size: .875rem;
width: 100%
}
.page-order-confirm .block-hubber-order-social-share {
margin-bottom: 3rem
}
.page-order-confirm .block-hubber-order-social-share h2,
.page-order-confirm .block-hubber-order-social-share .h2 {
color: #000;
font-weight: normal;
font-size: .75rem;
margin-bottom: .75rem;
text-align: center
}
.page-order-confirm .block-hubber-order-social-share .hubber-order-share-order {
display: flex;
justify-content: center
}
.page-order-confirm .block-hubber-order-social-share .fb-share-button {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.page-order-confirm .block-hubber-order-social-share .fb-share-button:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-order-confirm .block-hubber-order-social-share .twitter-button {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.page-order-confirm .block-hubber-order-social-share .twitter-button:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-order-confirm .block-hubber-order-social-share .fb-share-button,
.page-order-confirm .block-hubber-order-social-share .twitter-button {
height: 1.5rem;
width: 1.5rem;
margin: .5rem;
overflow: hidden;
font-size: 0
}
.page-order-confirm .block-hubber-order-social-share .fb-share-button iframe,
.page-order-confirm .block-hubber-order-social-share .twitter-button iframe {
opacity: 0;
margin: 0
}
.page-order-confirm .block-hubber-order-social-share .fb-share-button:after,
.page-order-confirm .block-hubber-order-social-share .twitter-button:after {
margin-left: 0;
color: red;
position: absolute;
pointer-events: none;
font-size: 1.5rem
}
.page-order-confirm .block-hubber-order-cta-block {
margin-bottom: 3rem
}
.page-order-confirm .stepper-wrapper .info {
cursor: default
}
.block-hubber-order-cta-block .hubber-order-confirm-cta {
display: flex;
justify-content: center;
max-width: 50rem;
margin: 0 auto
}
@media(max-width:991.98px) {
.block-hubber-order-cta-block .hubber-order-confirm-cta {
flex-direction: column;
align-items: center
}
}
.block-hubber-order-cta-block .hubber-order-confirm-cta a,
.block-hubber-order-cta-block .hubber-order-confirm-cta span {
font-weight: 600;
margin: .75rem
}
.block-hubber-order-cta-block .hubber-order-confirm-cta a.user-page-link,
.block-hubber-order-cta-block .hubber-order-confirm-cta span.user-page-link {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.block-hubber-order-cta-block .hubber-order-confirm-cta a.user-page-link:before,
.block-hubber-order-cta-block .hubber-order-confirm-cta span.user-page-link:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.block-hubber-order-cta-block .hubber-order-confirm-cta a.js-add-calendar-link,
.block-hubber-order-cta-block .hubber-order-confirm-cta span.js-add-calendar-link {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.block-hubber-order-cta-block .hubber-order-confirm-cta a.js-add-calendar-link:before,
.block-hubber-order-cta-block .hubber-order-confirm-cta span.js-add-calendar-link:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.block-hubber-order-cta-block .hubber-order-confirm-cta a.add-rwc-link,
.block-hubber-order-cta-block .hubber-order-confirm-cta span.add-rwc-link {
display: inline-flex;
align-items: center;
margin-right: .5rem;
border: 1px solid
}
.block-hubber-order-cta-block .hubber-order-confirm-cta a.add-rwc-link:before,
.block-hubber-order-cta-block .hubber-order-confirm-cta span.add-rwc-link:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.block-hubber-order-cta-block .hubber-order-confirm-cta a.add-rwc-link:before,
.block-hubber-order-cta-block .hubber-order-confirm-cta span.add-rwc-link:before {
color: red;
transform: rotate(180deg)
}
.path-get-order-split-payment .main-content {
padding: 0;
text-align: center;
margin-top: 3rem
}
.path-get-order-split-payment .block-commerce-checkout-progress,
.path-get-order-split-payment .menu--menu-logout {
display: none
}
.path-get-order-split-payment .block-page-title-block {
color: #0b873c;
margin-bottom: 1rem
}
.path-get-order-split-payment .block-page-title-block h1,
.path-get-order-split-payment .block-page-title-block .h1 {
margin-top: 1rem;
font-size: 1.5rem;
font-weight: 600;
text-transform: none
}
@media(min-width:992px) {
.path-get-order-split-payment .block-page-title-block h1,
.path-get-order-split-payment .block-page-title-block .h1 {
font-size: 2rem
}
}
.path-get-order-split-payment .block-page-title-block:before {
content: "";
font-family: "hubber8";
font-size: 2rem;
font-weight: normal;
border: 2px solid;
border-radius: 100%;
height: 3rem;
width: 3rem;
display: inline-flex;
justify-content: center;
align-items: center
}
.path-get-order-split-payment .checkout-complete {
margin-bottom: 10rem
}
.path-get-order-split-payment .checkout-pane-completion-message {
font-size: .875rem;
width: 100%
}
.checkout-pane-cross-selling-intermediary-page {
width: 100%
}
.checkout-pane-cross-selling-intermediary-page .products-wrapper {
display: grid;
grid-template-rows: auto;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 1fr
}
@media(min-width:768px) {
.checkout-pane-cross-selling-intermediary-page .products-wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(min-width:1200px) {
.checkout-pane-cross-selling-intermediary-page .products-wrapper {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
.checkout-pane-cross-selling-intermediary-page .products-wrapper div[data-product-id] {
padding: 0 0 1rem;
margin-inline: 0;
margin: 0;
position: relative
}
.checkout-pane-cross-selling-intermediary-page .products-wrapper div[data-product-id]>*:not(.image) {
padding-inline: 0
}
.checkout-pane-cross-selling-intermediary-page .products-wrapper div[data-product-id] .visual-bg {
width: calc(100% + 2rem);
margin-left: -1rem;
background-position: top center
}
.checkout-pane-cross-selling-intermediary-page .products-wrapper div[data-product-id] .badge-event {
position: absolute;
z-index: 1;
padding: 6px 8px 3px
}
.checkout-pane-cross-selling-intermediary-page .products-wrapper div[data-product-id] .image {
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: flex-start;
overflow: hidden;
aspect-ratio: auto
}
.checkout-pane-cross-selling-intermediary-page .products-wrapper div[data-product-id] .image img {
width: 100%;
display: block;
object-fit: cover
}
.checkout-pane-cross-selling-intermediary-page .products-wrapper div[data-product-id].hubber-cross-sell-product {
padding-left: 1rem;
padding-right: 1rem;
min-width: 0;
word-wrap: break-word
}
.checkout-pane-cross-selling-intermediary-page .products-wrapper div[data-product-id].hubber-cross-sell-product .image {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 2rem)
}
#page #main-wrapper #main .bg-404,
#page #main-wrapper #main .bg-403 {
width: 100%;
min-height: calc(100vh - 60px);
margin: 0;
padding: 0
}
@media screen and (max-width:550px) {
#page #main-wrapper #main .bg-404,
#page #main-wrapper #main .bg-403 {
width: calc(100% - 50px);
margin: 0 auto
}
}
#page #main-wrapper #main .bg-404 .error-template,
#page #main-wrapper #main .bg-403 .error-template {
width: 425px;
margin: 0 auto;
padding: 175.37px 0 0 0;
text-align: center;
box-sizing: border-box
}
@media screen and (max-width:550px) {
#page #main-wrapper #main .bg-404 .error-template,
#page #main-wrapper #main .bg-403 .error-template {
width: 100%;
padding: 137.37px 0 0 0
}
}
#page #main-wrapper #main .bg-404 .error-template h1,
#page #main-wrapper #main .bg-404 .error-template .h1,
#page #main-wrapper #main .bg-403 .error-template h1,
#page #main-wrapper #main .bg-403 .error-template .h1 {
font-size: 90px;
padding: 0;
font-weight: 900;
margin: 0;
text-align: center
}
#page #main-wrapper #main .bg-404 .error-template h2.error-title,
#page #main-wrapper #main .bg-404 .error-template .error-title.h2,
#page #main-wrapper #main .bg-403 .error-template h2.error-title,
#page #main-wrapper #main .bg-403 .error-template .error-title.h2 {
font-family: "Poppins", Arial, Verdana, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 24px;
line-height: 28.8px;
text-align: center;
margin: 38px 0 0 0;
padding: 0;
text-transform: uppercase
}
#page #main-wrapper #main .bg-404 .error-template .error-details,
#page #main-wrapper #main .bg-403 .error-template .error-details {
font-family: "Poppins", Arial, Verdana, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 22px;
text-align: center;
margin: 0 0 24px 0;
padding: 0
}
#page #main-wrapper #main .bg-404 .error-template .error-actions a.btn,
#page #main-wrapper #main .bg-403 .error-template .error-actions a.btn {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
#page #main-wrapper #main .bg-404 .error-template .error-actions a.btn:before,
#page #main-wrapper #main .bg-403 .error-template .error-actions a.btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.path-faq {
background-color: #f7f9fa
}
.path-faq .view-faq {
border-radius: 16px;
padding: 16px
}
.path-faq .block-page-title-block {
margin: 3rem auto
}
.path-faq .block-page-title-block .field--name-title,
.path-faq .block-page-title-block .title {
font-size: 1.5rem;
text-align: center;
text-transform: none;
font-weight: 600
}
@media(min-width:992px) {
.path-faq .block-page-title-block .field--name-title,
.path-faq .block-page-title-block .title {
font-size: 2rem
}
}
.path-faq .block-system-main-block {
border: 1px solid #ccd2d9;
border-radius: .375rem;
background-color: #fff;
margin: 0 auto 3rem;
padding: 1.8rem 1.5rem 1rem;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03);
max-width: 100%
}
@media(min-width:992px) {
.path-faq .block-system-main-block {
max-width: 1140px
}
}
@media(min-width:1200px) {
.path-faq .block-system-main-block {
max-width: 1280px
}
}
.path-faq .view-header {
padding: 20px 0 0 0;
box-sizing: border-box;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
font-family: "Poppins", Arial, Verdana, sans-serif
}
@media(max-width:767.98px) {
.path-faq .view-header {
font-size: .75rem
}
}
.path-faq .view-content {
padding: 0;
margin: 48px 0 0
}
.path-faq .view-content .hubber-faq-list {
padding: 0
}
.path-faq .view-content ol.faq-list {
padding: 0
}
.path-faq .view-content ol.faq-list li {
margin-bottom: 60px
}
.path-faq .view-content ol.faq-list li h2,
.path-faq .view-content ol.faq-list li .h2 {
font-weight: 600;
font-size: 1.5rem
}
@media(max-width:767.98px) {
.path-faq .view-content ol.faq-list li h2,
.path-faq .view-content ol.faq-list li .h2 {
font-size: 1rem
}
}
.path-faq .view-content ol.faq-list li .field--name-title.field__item {
font-style: normal;
font-weight: 600;
font-size: 1.5rem;
text-transform: uppercase;
padding: 0 0 24px 0;
margin: 0;
color: inherit
}
@media(max-width:767.98px) {
.path-faq .view-content ol.faq-list li .field--name-title.field__item {
font-size: 1rem
}
}
@media screen and (max-width:550px) {
.path-faq .view-content ol.faq-list li .ui-icon {
float: none;
margin-top: 0;
position: absolute;
right: 20px;
top: 20px
}
}
.path-faq .view-content ol.faq-list li .ui-icon.ui-icon-triangle-1-e {
background-position: 0 0
}
.path-faq .view-content ol.faq-list li .ui-state-default .ui-icon.ui-accordion-header-icon {
background-position: -65px 0
}
.path-faq .view-content ol.faq-list li .ui-state-active .ui-icon.ui-accordion-header-icon {
background-position: 0 0
}
.path-faq .view-content ol.faq-list li .faqfield-answer {
height: auto !important
}
.path-faq .view-content ol.faq-list li .faqfield-answer.ui-accordion-content {
padding: 1em;
box-sizing: border-box
}
.path-faq .view-content ol.faq-list li .faqfield-answer p {
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
font-family: "Poppins", Arial, Verdana, sans-serif
}
@media(max-width:767.98px) {
.path-faq .view-content ol.faq-list li .faqfield-answer p {
font-size: .75rem
}
}
.path-faq .view-content ol.faq-list li .field--name-field-faq-description {
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
font-family: "Poppins", Arial, Verdana, sans-serif
}
@media(max-width:767.98px) {
.path-faq .view-content ol.faq-list li .field--name-field-faq-description {
font-size: .75rem
}
}
.path-faq .faqfield-question {
font-size: 1rem;
font-weight: 600;
min-height: 3.75rem;
border-color: #f7f9fa;
background-color: #f7f9fa;
padding: 0 1em;
margin-top: 1.5rem;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: .5rem;
overflow: hidden
}
@media(max-width:767.98px) {
.path-faq .faqfield-question {
font-size: .75rem
}
}
@media screen and (max-width:550px) {
.path-faq .faqfield-question {
height: auto;
padding: 17px 24px;
display: flex
}
}
.path-faq .faqfield-question:after {
content: "";
background: rgba(0, 0, 0, 0);
font-family: "hubber8";
font-size: 1.5rem;
line-height: 1;
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: auto;
transition: all 200ms ease-in-out
}
.path-faq .faqfield-question.ui-state-active {
background-color: #1882ff;
color: #fff
}
.path-faq .faqfield-question.ui-state-active:focus {
outline: none
}
.path-faq .faqfield-question.ui-state-active:after {
transform: rotate(180deg)
}
.path-faq .faqfield-question .ui-accordion-header-icon {
display: none
}
.path-keycloak .layout-main-wrapper section.section {
max-width: 22rem;
margin: 0 auto
}
@media(min-width:992px) {
.path-keycloak .layout-main-wrapper section.section {
max-width: 44rem
}
}
.path-keycloak .block-page-title-block {
text-align: center;
margin: 3rem 0
}
.path-keycloak .user-login-wrapper {
margin: 0 auto
}
@media(min-width:992px) {
.path-keycloak .user-login-wrapper {
padding: 1.5rem;
width: 19.5rem;
border-radius: .5rem;
background-color: #fff;
flex-shrink: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03)
}
}
.path-keycloak .user-login-wrapper input {
background: #fff;
border-radius: 5px;
padding-left: 40px
}
.path-keycloak .user-login-wrapper label {
position: relative
}
.path-keycloak .user-login-wrapper label:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
position: absolute;
left: .75rem;
top: 1.75rem;
line-height: 2.75rem
}
.path-keycloak .user-login-wrapper .form-type-password label:before {
content: ""
}
.path-keycloak .js-form-submit {
width: 100%
}
.path-keycloak .forgot-password {
font-size: 14px
}
.path-keycloak .shwpd {
margin-top: -30px;
right: 10px
}
.path-keycloak .forgot-password a {
color: #a6a6a6
}
@media(min-width:992px) {
.path-keycloak .form-group {
margin-bottom: 1rem
}
}
.path-professional .layout-main-wrapper {
display: flex;
align-items: center;
justify-content: center;
text-align: center
}
.path-professional .block-page-title-block {
margin-bottom: 1.5rem
}
body.maintenance-page {
min-height: 100vh
}
body.maintenance-page #page-wrapper {
border: none !important;
width: 100% !important;
margin-top: 0 !important;
background: #f1f2f4 !important
}
body.maintenance-page #page-wrapper #page {
margin: 0
}
body.maintenance-page #page-wrapper #page #header {
width: 100%
}
body.maintenance-page #page-wrapper #page #header .section {
width: 100%
}
body.maintenance-page #page-wrapper #page #header .section #site-name {
height: 88px;
line-height: 88px;
width: 100vw;
padding: 0 20px;
box-sizing: border-box
}
body.maintenance-page #page-wrapper #page #main-wrapper #main {
width: 100%
}
body.maintenance-page #page-wrapper #page #main-wrapper #main #content {
padding: 0;
min-height: calc(100vh - var(--main-content-top, 0));
width: calc(100% - 50px);
margin: 0 auto
}
@media(min-width:992px) {
body.maintenance-page #page-wrapper #page #main-wrapper #main #content {
width: 100%;
margin: 0
}
}
body.maintenance-page #page-wrapper #page #main-wrapper #main #content section.section {
width: 425px;
margin: 0 auto;
padding: 175.37px 0 100px 0;
text-align: center;
box-sizing: border-box;
display: block;
font-family: "Poppins", Arial, Verdana, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 22px
}
@media screen and (max-width:550px) {
body.maintenance-page #page-wrapper #page #main-wrapper #main #content section.section {
width: 100%;
padding: 137.37px 0 100px 0
}
}
body.maintenance-page #page-wrapper #page #main-wrapper #main #content section.section h1.title,
body.maintenance-page #page-wrapper #page #main-wrapper #main #content section.section .title.h1 {
font-family: "Poppins", Arial, Verdana, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 24px;
line-height: 28.8px;
text-align: center;
margin: 38px 0 10px 0;
padding: 0;
text-transform: uppercase
}
.path-manifestation .main-content,
.path-sticker .main-content,
.path-meeting .main-content {
padding: 0
}
.path-manifestation .layout-main-wrapper,
.path-sticker .layout-main-wrapper,
.path-meeting .layout-main-wrapper {
overflow: unset
}
@media(min-width:1792px) {
.path-manifestation .manifestation-page-wrapper .content:where(.path-manifestation .manifestation-page-wrapper .content) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.path-manifestation .manifestation-page-wrapper .content:where(.path-manifestation .manifestation-page-wrapper .content) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.path-manifestation .manifestation-page-wrapper .content:where(.path-manifestation .manifestation-page-wrapper .content) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.path-manifestation .manifestation-page-wrapper .content:where(.path-manifestation .manifestation-page-wrapper .content) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.path-manifestation .manifestation-page-wrapper .content:where(.path-manifestation .manifestation-page-wrapper .content) {
padding-left: 1rem;
padding-right: 1rem
}
}
.path-manifestation .row-offcanvas {
margin: 0
}
.path-manifestation .main-content,
.path-manifestation #main {
padding: 0
}
.path-manifestation .layout-main-wrapper {
overflow: unset
}
.sticker-container {
overflow: hidden
}
.sticker-header {
color: #fff;
position: relative
}
@media(min-width:1792px) {
.sticker-header {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.sticker-header {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.sticker-header {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.sticker-header {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.sticker-header {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
@media(min-width:1792px) {
.sticker-header .content:where(.sticker-header .content) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.sticker-header .content:where(.sticker-header .content) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.sticker-header .content:where(.sticker-header .content) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.sticker-header .content:where(.sticker-header .content) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.sticker-header .content:where(.sticker-header .content) {
padding-left: 1rem;
padding-right: 1rem
}
}
.sticker-header.color-txt-dark,
.sticker-header.color-txt-dark h1,
.sticker-header.color-txt-dark .h1 {
color: var(--hb-color-text-dark)
}
.sticker-header.color-txt-light,
.sticker-header.color-txt-light h1,
.sticker-header.color-txt-light .h1 {
color: var(--hb-color-text-light)
}
@media(max-width:991.98px) {
.sticker-header {
position: relative
}
}
.sticker-header .adaptive-picture img {
width: 100% !important;
height: 100%
}
@media(min-width:992px) {
.sticker-header .adaptive-picture+.content {
position: absolute;
bottom: 4rem;
left: 50%;
transform: translateX(-50%);
width: 100%
}
}
.sticker-header .badge {
height: auto;
padding: 6px 8px;
margin-bottom: 1rem
}
@media(min-width:992px) {
.sticker-header .badge-title-wrapper {
margin-top: 1.5rem
}
}
.sticker-header:not(:has(.adaptive-picture))+.manifestation-content .vignette-products-wrapper {
margin-top: 2.5rem
}
.stickers-wrapper .thumbnails-wrapper .field__items {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
@media(min-width:768px) {
.stickers-wrapper .thumbnails-wrapper .field__items {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(min-width:992px) {
.stickers-wrapper .thumbnails-wrapper .field__items {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
@media(min-width:1200px) {
.stickers-wrapper .thumbnails-wrapper .field__items {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
@media(min-width:1440px) {
.stickers-wrapper .thumbnails-wrapper .field__items {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
.stickers-wrapper .thumbnails-wrapper .field__item {
margin-bottom: 3rem
}
@media(max-width:991.98px) {
.stickers-wrapper .inherit-color h1,
.stickers-wrapper .inherit-color .h1 {
color: inherit
}
}
.manifestation-container {
overflow: hidden
}
.manifestation-header {
color: #fff;
position: sticky;
top: 0
}
.manifestation-header.color-txt-dark,
.manifestation-header.color-txt-dark h1,
.manifestation-header.color-txt-dark .h1 {
color: var(--hb-color-text-dark)
}
.manifestation-header.color-txt-light,
.manifestation-header.color-txt-light h1,
.manifestation-header.color-txt-light .h1 {
color: var(--hb-color-text-light)
}
@media(max-width:767.98px) {
.manifestation-header.color-txt-light:not(.has-adaptive-picture-mobile) {
color: var(--hb-color-text-dark)
}
}
@media(max-width:991.98px) {
.manifestation-header {
position: relative
}
}
.manifestation-header .adaptive-picture img {
width: 100% !important;
height: 100%
}
.manifestation-header .content {
position: relative;
padding-top: 1.5rem
}
@media(min-width:992px) {
.manifestation-header .adaptive-picture+.content {
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
width: 100%
}
.path-meeting .manifestation-header .adaptive-picture+.content {
bottom: 13.5rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.manifestation-header.has-adaptive-picture-tablet .content {
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
width: 100%
}
}
@media(max-width:767.98px) {
.manifestation-header.has-adaptive-picture-mobile .content {
position: absolute;
bottom: 1rem;
left: 50%;
transform: translateX(-50%);
width: 100%
}
}
.manifestation-header .badge {
height: auto;
padding: 6px 8px;
margin-bottom: 1rem
}
.manifestation-header:not(:has(.adaptive-picture))+.manifestation-content .vignette-products-wrapper {
margin-top: 2.5rem
}
.manifestation-title {
font-size: 1.5rem;
font-weight: 600
}
@media(min-width:768px) {
.manifestation-title {
font-size: 2rem;
line-height: 1.25
}
}
@media(min-width:992px) {
.manifestation-title {
font-size: 3rem
}
}
.manifestation-date {
font-size: .75rem;
font-weight: 600
}
@media(min-width:992px) {
.manifestation-date {
font-size: 1rem
}
}
.manifestation-price {
margin-top: .5rem
}
.manifestation-price .placeholder {
font-size: 1.25rem;
font-weight: 700
}
.manifestation-price.override,
.manifestation-price b,
.manifestation-price em {
font-size: 1.25rem;
font-weight: 600
}
@media(min-width:992px) {
.path-manifestation .manifestation-title,
.path-manifestation .manifestation-date,
.path-manifestation .manifestation-price {
max-width: calc(100% - 26rem)
}
}
.manifestation-content {
padding-bottom: 3rem;
position: relative
}
@media(max-width:991.98px) {
.manifestation-content {
overflow: hidden;
padding-block-start: 1.5rem
}
.manifestation-content .content {
padding-inline: 0
}
}
body:not(.path-manifestation):not(.path-meeting) .manifestation-content {
margin-top: 1rem
}
@media(min-width:992px) {
.manifestation-content .content {
display: flex
}
}
.manifestation-content .vignette-products-wrapper {
margin-bottom: 3rem;
width: 100%
}
.manifestation-content .vignette-products-wrapper:hover .slick-arrow:not(.slick-disabled) {
opacity: 1
}
@media(min-width:992px) {
.manifestation-content .vignette-products-wrapper {
margin-top: -11.5rem
}
}
.manifestation-content .vignette-products-wrapper .slick-list {
overflow: visible
}
.manifestation-content .slick-track {
min-width: 16rem;
display: grid;
grid-auto-flow: column;
grid-auto-columns: calc((1280px - var(--bs-gutter-x))/4 - 1.5rem);
gap: 1.5rem
}
@media(max-width:575.98px) {
.manifestation-content .slick-track {
grid-auto-columns: calc(100vw - var(--bs-gutter-x) - 1.5rem)
}
}
@media(min-width:576px)and (max-width:767.98px) {
.manifestation-content .slick-track {
grid-auto-columns: calc(100vw - var(--bs-gutter-x) - 1.5rem)
}
}
@media(min-width:768px)and (max-width:991.98px) {
.manifestation-content .slick-track {
grid-auto-columns: calc((720px - var(--bs-gutter-x))/2 - 1.5rem)
}
}
@media(min-width:992px)and (max-width:1199.98px) {
.manifestation-content .slick-track {
grid-auto-columns: calc((960px - var(--bs-gutter-x))/3 - 1.5rem)
}
}
@media(min-width:1200px)and (max-width:1439.98px) {
.manifestation-content .slick-track {
grid-auto-columns: calc((1140px - var(--bs-gutter-x))/4 - 1.5rem)
}
}
.manifestation-content .slick-track .card-event.thumbnail-next-event-content {
height: 100%;
margin-left: 0;
margin-right: 0;
width: calc((1280px - var(--bs-gutter-x))/4 - 1.5rem)
}
@media(max-width:991.98px) {
.manifestation-content .slick-track .card-event.thumbnail-next-event-content.card-sport .info-wrapper {
flex: 0
}
}
@media(max-width:575.98px) {
.manifestation-content .slick-track .card-event.thumbnail-next-event-content {
width: calc(100vw - var(--bs-gutter-x) - 1.5rem)
}
}
@media(min-width:576px)and (max-width:767.98px) {
.manifestation-content .slick-track .card-event.thumbnail-next-event-content {
width: calc(100vw - var(--bs-gutter-x) - 1.5rem)
}
}
@media(min-width:768px)and (max-width:991.98px) {
.manifestation-content .slick-track .card-event.thumbnail-next-event-content {
width: calc((720px - var(--bs-gutter-x))/2 - 1.5rem)
}
}
@media(min-width:992px)and (max-width:1199.98px) {
.manifestation-content .slick-track .card-event.thumbnail-next-event-content {
width: calc((960px - var(--bs-gutter-x))/3 - 1.5rem)
}
}
@media(min-width:1200px)and (max-width:1439.98px) {
.manifestation-content .slick-track .card-event.thumbnail-next-event-content {
width: calc((1140px - var(--bs-gutter-x))/4 - 1.5rem)
}
}
.manifestation-content .slick-prev,
.manifestation-content .slick-next {
top: 14rem
}
.manifestation-content .slick-arrow {
height: 2rem;
width: 2rem;
border: 1px solid #dee2e6;
border-radius: 100%;
background-color: #fff;
color: #263140;
transition: all 300ms ease-out;
opacity: .1
}
.manifestation-content .slick-arrow:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
display: block;
color: inherit;
opacity: 1
}
.manifestation-content .slick-arrow.slick-disabled {
opacity: 0;
pointer-events: none
}
.manifestation-content .slick-arrow:hover {
color: #1882ff;
border-color: #1882ff;
box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, .02), 0px 6.65px 5.32px 0px rgba(0, 0, 0, .03), 0px 12.522px 10.017px 0px rgba(0, 0, 0, .04), 0px 22.336px 17.869px 0px rgba(0, 0, 0, .04)
}
@media(min-width:992px) {
.manifestation-content .slick-dotted {
margin-bottom: 1rem
}
}
.manifestation-content .slick-next {
right: 0
}
@media(min-width:768px) {
.manifestation-content .slick-next {
right: -0.75rem
}
}
@media(min-width:1200px) {
.manifestation-content .slick-next {
right: -4.5rem
}
}
.manifestation-content .slick-next:before {
transform: rotate(180deg)
}
.manifestation-content .slick-prev {
left: 0
}
@media(min-width:768px) {
.manifestation-content .slick-prev {
left: -0.75rem
}
}
@media(min-width:1200px) {
.manifestation-content .slick-prev {
left: -4.5rem
}
}
.manifestation-description {
background-color: #fff;
border-radius: 1rem;
padding: 1.5rem 1rem;
width: 100%;
position: relative;
border: 1px solid #dee2e6
}
@media(min-width:992px) {
.manifestation-description {
margin: 2rem 0 3rem
}
}
.manifestation-description-wrapper {
flex: 1
}
.manifestation-description img {
max-width: 100%;
height: auto
}
.manifestation-description .is-h2 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 1.5rem
}
.manifestation-wrapper {
overflow: hidden
}
@media(min-width:992px) {
.manifestation-sidebar {
width: 20rem;
margin-left: 1.5rem;
transform: translateY(-7rem);
top: 14rem;
position: sticky;
align-self: flex-start
}
.manifestation-sidebar-header-mobile {
display: none
}
.manifestation-sidebar .card-event .price {
text-align: right
}
.manifestation-sidebar .card-event .date {
font-weight: 600
}
}
@media(min-width:1200px) {
.manifestation-sidebar {
width: 26rem
}
}
@media(max-width:991.98px) {
.manifestation-sidebar {
position: fixed;
bottom: 0;
left: 0;
padding: 1.5rem 1rem;
background-color: #fff;
z-index: 902;
box-shadow: 0px 5px 24px rgba(0, 0, 0, .07), 0px 2px 15px rgba(0, 0, 0, .03), 0px 1px 5px rgba(0, 0, 0, .03), 0px 1px 3px rgba(0, 0, 0, .05);
border-radius: 1.5rem 1.5rem 0 0;
width: 100%
}
.manifestation-sidebar .hubber-calendar {
border: 0;
padding: 0
}
.manifestation-sidebar .btn-close {
position: absolute;
right: 1rem;
top: 1.5rem;
padding: 0;
display: inline-flex;
align-items: center;
color: #76818d;
background: rgba(0, 0, 0, 0);
display: flex;
justify-content: center
}
.manifestation-sidebar .btn-close:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.manifestation-sidebar .btn-close:before {
font-size: 2rem
}
.manifestation-sidebar:not(.opened) .manifestation-sidebar-header-mobile,
.manifestation-sidebar:not(.opened) .manifestation-calendar {
display: none
}
.manifestation-sidebar.opened .manifestation-footer {
display: none
}
.manifestation-sidebar .card-event {
margin: 0;
width: auto;
border: 0;
box-shadow: none
}
.manifestation-sidebar .card-event .visual-bg,
.manifestation-sidebar .card-event h3.title,
.manifestation-sidebar .card-event .title.h3 {
display: none
}
.manifestation-sidebar .card-event-content {
margin: 0;
margin-bottom: 1rem;
display: flex;
justify-content: space-between
}
.manifestation-sidebar .card-event-content .price {
display: flex;
flex-direction: column;
align-items: flex-end
}
.manifestation-sidebar .card-event .actions-wrapper {
padding: 0
}
}
.manifestation-sidebar-title {
font-size: 1.5rem;
font-weight: 600
}
.manifestation-sidebar-summary {
margin: .5rem 0;
font-weight: 600
}
@media(max-width:991.98px) {
.manifestation-sidebar:not(.opened) .hubber-calendar-wrapper:not(.single-meeting) {
display: none
}
}
.manifestation-sidebar .hubber-calendar-wrapper.single-meeting .card-event {
margin: 0;
min-width: auto;
width: auto;
border: 0;
box-shadow: none
}
.manifestation-sidebar .hubber-calendar-wrapper.single-meeting .card-event-content {
margin: 0
}
.manifestation-footer .btn {
display: inline-flex;
align-items: center;
margin-right: .5rem;
width: 100%
}
.manifestation-footer .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(min-width:992px) {
.manifestation-footer {
display: none
}
}
@media(min-width:1792px) {
.path-meeting .manifestation-page-wrapper {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.path-meeting .manifestation-page-wrapper {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.path-meeting .manifestation-page-wrapper {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.path-meeting .manifestation-page-wrapper {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.path-meeting .manifestation-page-wrapper {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
@media(min-width:1792px) {
.path-meeting .manifestation-page-wrapper .content:where(.path-meeting .manifestation-page-wrapper .content) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.path-meeting .manifestation-page-wrapper .content:where(.path-meeting .manifestation-page-wrapper .content) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.path-meeting .manifestation-page-wrapper .content:where(.path-meeting .manifestation-page-wrapper .content) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.path-meeting .manifestation-page-wrapper .content:where(.path-meeting .manifestation-page-wrapper .content) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.path-meeting .manifestation-page-wrapper .content:where(.path-meeting .manifestation-page-wrapper .content) {
padding-left: 1rem;
padding-right: 1rem
}
}
.path-meeting .vignette-products-wrapper {
margin-inline: 0;
margin-bottom: 5rem
}
.path-meeting .vignette-products-wrapper:has(.card-sport) {
margin-bottom: 3rem
}
@media(max-width:991.98px) {
.path-meeting .vignette-products-wrapper {
margin-bottom: 6rem
}
.path-meeting .vignette-products-wrapper:has(.card-sport) {
margin-bottom: 4rem
}
}
@media(max-width:767.98px) {
.path-meeting .vignette-products-wrapper {
margin-bottom: 7rem
}
.path-meeting .vignette-products-wrapper:has(.card-sport) {
margin-bottom: 5rem
}
}
@media(max-width:575.98px) {
.path-meeting .vignette-products-wrapper {
margin-bottom: 7rem
}
.path-meeting .vignette-products-wrapper:has(.card-sport) {
margin-bottom: 5rem
}
}
.path-meeting .vignette-products-wrapper .slick-dots {
bottom: -80px
}
@media(max-width:767.98px) {
.path-meeting .vignette-products-wrapper .slick-dots {
bottom: -60px;
background-color: #f6f8f9;
border-radius: 16px;
padding: 0px 10px 10px;
width: auto;
left: 50%;
display: flex;
transform: translateX(-50%)
}
}
@media(max-width:767.98px) {
.path-meeting .vignette-products-wrapper:has(.card-show) .slick-dots {
bottom: -90px
}
}
.path-meeting .vignette-products-wrapper:has(.card-sport) .slick-dots {
bottom: -46px
}
@media(max-width:767.98px) {
.path-meeting .vignette-products-wrapper:has(.card-sport) .slick-dots {
bottom: -61px
}
}
@media(max-width:991.98px) {
.path-sticker .manifestation-header {
height: 8rem;
padding: 0
}
.path-sticker .manifestation-header:before {
display: none
}
}
@media(max-width:767.98px) {
.path-sticker .manifestation-header {
padding-block: 1px
}
}
.path-sticker .stickers-wrapper {
width: 100%;
margin-right: auto;
margin-left: auto;
position: relative
}
@media(max-width:991.98px) {
.path-sticker .stickers-wrapper .badge-title-wrapper {
margin-top: 1rem
}
}
.path-sticker .stickers-wrapper .d-lg-flex:has(>.js-sticker-filter) {
padding-block: 2rem;
gap: 1.5rem
}
.path-sticker .stickers-wrapper .js-filter-mobile {
padding-block-start: 1.5rem;
gap: 1.5rem
}
.path-sticker .stickers-wrapper .js-sticker-filter .select2-container--hubber_reference8 .select2-selection {
border-radius: 3rem
}
.path-sticker .stickers-wrapper .js-sticker-filter .select2-container--hubber_reference8 .select2-selection:hover {
color: #1882ff;
border-color: #1882ff;
background-color: #fff
}
.path-sticker .stickers-wrapper .js-sticker-filter .select2-container--hubber_reference8 .select2-selection:hover .select2-selection__rendered {
color: inherit
}
.path-sticker .select2-dropdown--below {
margin-top: 8px
}
.path-sticker .js-filter-mobile {
padding-block-start: 1.5rem
}
.path-sticker .thumbnails-wrapper {
padding-block-start: 1.5rem
}
.path-sticker .block-page-title-block .badge-title-wrapper {
font-size: 1.5rem;
font-weight: 600
}
@media(min-width:992px) {
.path-sticker .block-page-title-block .badge-title-wrapper {
font-size: 2rem;
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
}
.path-sticker .block-page-title-block .badge-title-wrapper {
margin: 0 auto;
width: 100%;
padding-inline: 3rem 1.5rem;
max-width: 540px
}
@media(min-width:768px) {
.path-sticker .block-page-title-block .badge-title-wrapper {
max-width: 720px
}
}
@media(min-width:992px) {
.path-sticker .block-page-title-block .badge-title-wrapper {
max-width: 960px
}
}
@media(min-width:1200px) {
.path-sticker .block-page-title-block .badge-title-wrapper {
max-width: 1140px
}
}
@media(min-width:1440px) {
.path-sticker .block-page-title-block .badge-title-wrapper {
max-width: 1280px
}
}
.path-sticker .block-page-title-block .badge-title-wrapper .badge {
margin-bottom: .75rem
}
.path-sticker .block-page-title-block .title {
font-weight: 600;
font-size: 1.5rem
}
@media(min-width:992px) {
.path-sticker .block-page-title-block .title {
font-size: 2rem;
text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
}
.path-sticker .card-event {
min-width: unset;
height: 100%;
border: 1px solid #dee2e6
}
.path-sticker .card-event:hover {
border-color: var(--hb-cta-primary)
}
.path-sticker .card-event.card-show .event-type .badge-event {
position: absolute;
z-index: 1;
font-size: .75rem;
top: -0.75rem;
left: 50%;
transform: translateX(-50%);
padding: 6px 8px
}
.path-sticker .card-event .btn {
width: 100%;
display: flex;
height: 3rem
}
.path-sticker .card-event .btn.btn-show-details {
display: block
}
.path-sticker .card-event .btn.available {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.path-sticker .card-event .btn.available:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.path-sticker .card-event .btn.login {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.path-sticker .card-event .btn.login:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.path-sticker .js-filter-mobile {
margin-bottom: 1rem
}
.path-sticker .js-filter-mobile .btn.btn-more-filters {
width: 100%;
border-radius: 3rem;
font-size: initial;
flex-direction: row-reverse;
justify-content: space-between;
padding-inline: 1rem
}
.path-sticker .stickers-wrapper .js-filter-mobile {
padding-block: .5rem 1.5rem;
margin-block: 0
}
.path-sticker .select2-container--hubber_reference8 .select2-dropdown .select2-results__option>span.radio {
flex-grow: unset
}
.path-sticker .next-events-filters-mobile .custom-radio {
display: flex;
padding: .75rem .5rem;
flex-direction: row-reverse;
justify-content: space-between;
background-color: #f6f8f9;
border-radius: .5rem;
margin-top: .5rem
}
.path-sticker .next-events-filters-mobile .custom-radio.is-checked {
position: relative;
background-color: #fff
}
.path-sticker .next-events-filters-mobile .custom-radio.is-checked:before {
content: "";
position: absolute;
inset: 0;
opacity: .1;
background-color: #1882ff;
border-radius: .5rem
}
.path-sticker .next-events-filters-mobile .custom-radio.is-checked .custom-control-label,
.path-sticker .next-events-filters-mobile .custom-radio.is-checked .form-radio {
position: relative
}
@media(min-width:1792px) {
.page-product-merchandising .block-system-breadcrumb-block:where(.page-product-merchandising .block-system-breadcrumb-block) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.page-product-merchandising .block-system-breadcrumb-block:where(.page-product-merchandising .block-system-breadcrumb-block) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.page-product-merchandising .block-system-breadcrumb-block:where(.page-product-merchandising .block-system-breadcrumb-block) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.page-product-merchandising .block-system-breadcrumb-block:where(.page-product-merchandising .block-system-breadcrumb-block) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.page-product-merchandising .block-system-breadcrumb-block:where(.page-product-merchandising .block-system-breadcrumb-block) {
padding-left: 1rem;
padding-right: 1rem
}
}
.page-product-merchandising .breadcrumb {
margin-bottom: 0
}
.page-product-merchandising .js-form-item-purchased-entity-0-attributes-attribute-color.js-form-item:not(.select2-filter-container):has(>select.is-not-empty) label {
margin-top: 0
}
.page-product-merchandising .js-form-item-purchased-entity-0-attributes-attribute-color label {
margin-bottom: .5rem
}
.page-product-merchandising #main-wrapper {
background-color: var(--hb-merch-and-homepage-bg-color);
min-height: calc(100vh - 90px)
}
@media(max-width:767.98px) {
.page-product-merchandising #main-wrapper.layout-main-wrapper {
min-height: calc(100vh - 60px)
}
}
.page-product-merchandising:has(#toolbar-administration) #main-wrapper {
min-height: calc(100vh - 90px - 39px)
}
.page-product-merchandising:has(#toolbar-administration) #main-wrapper.toolbar-tray-open {
min-height: calc(100vh - 90px - 39px - 39px)
}
@media(max-width:767.98px) {
.page-product-merchandising:has(#toolbar-administration) #main-wrapper.layout-main-wrapper {
min-height: calc(100vh - 100px)
}
}
.page-product-merchandising .js-form-item:not(.select2-filter-container):has(>select.is-not-empty) label {
color: #263140
}
.page-product-merchandising .fieldset-wrapper .custom-radio:hover .custom-control-label {
border-width: 1px;
border-color: var(--hb-cta-primary);
cursor: pointer
}
.page-product-merchandising .js-form-item-purchased-entity-0-attributes-attribute-color {
margin-bottom: 16px
}
.page-product-merchandising .js-form-item-purchased-entity-0-attributes-attribute-color label {
color: #263140;
font-weight: 600
}
.page-product-merchandising .fieldset-wrapper>.radio .custom-control-input:checked:not(:disabled)+.custom-control-label {
border-radius: 8px;
border-width: 2px
}
.page-product-merchandising .js-form-item-purchased-entity-0-attributes-attribute-color.js-form-item:not(.select2-filter-container):has(>select.is-not-empty) label {
margin-top: 1.5rem
}
.page-product-merchandising .fieldset-wrapper>.radio .custom-control-input:disabled+.custom-control-label {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed
}
.page-product-merchandising .fieldset-wrapper>.radio .custom-control-input:checked:disabled+.custom-control-label {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed;
color: #b4bbc2 !important;
border-radius: 8px;
opacity: .5;
background: #e2e5e8;
border: 1px solid #76818d
}
.page-product-merchandising .fieldset-wrapper>.radio {
background: rgba(0, 0, 0, 0);
gap: .5rem;
flex-wrap: wrap;
position: relative
}
.page-product-merchandising .fieldset-wrapper>.radio .custom-radio {
flex: 0 0 auto;
min-width: 4rem
}
.page-product-merchandising .fieldset-wrapper>.radio .custom-control-label {
padding: .9rem 1rem;
color: #263140;
border-radius: 8px;
border: 1px solid #e2e5e8;
background: #fff;
font-weight: 600;
caret-color: #000;
display: flex;
cursor: auto
}
.page-product-merchandising .fieldset-wrapper>.radio .custom-control-label span.js-form-required.form-required::after {
display: none
}
.page-product-merchandising .fieldset-wrapper>.radio>.is-checked:not(.disabled) .custom-control-label {
border-color: var(--hb-cta-primary);
color: var(--hb-cta-primary)
}
.page-product-merchandising .fieldset-wrapper>.radio>.out-of-stock:after {
content: "";
display: block;
height: 1px;
width: 3rem;
background: #b4bbc2;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-25deg)
}
.page-product-merchandising .fieldset-wrapper>.radio>.out-of-stock:hover .custom-control-label {
border-color: #76818d
}
.page-product-merchandising .fieldset-wrapper>.radio>.out-of-stock .custom-control-label {
color: #b4bbc2 !important;
border-radius: 8px;
opacity: .5;
background: #e2e5e8;
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed;
border: 1px solid #76818d
}
.page-product-merchandising .fieldset-wrapper>.radio>.out-of-stock:hover .custom-control-label {
background-color: #e2e5e8
}
.page-product-merchandising .fieldset-wrapper>.radio .custom-control-input:checked:not(:disabled)+.custom-control-label,
.page-product-merchandising .fieldset-wrapper .custom-radio:hover .custom-control-label {
background-color: color-mix(in srgb, var(--hb-cta-primary) 5.196%, white 94.804%)
}
.product-marchandise--content-wrapper {
margin-top: 3rem;
padding-bottom: 0
}
.product-marchandise--visuel {
flex: 1
}
.product-marchandise--visuel:not(:has(.slick-slider)),
.product-marchandise--visuel .slider-main-bg {
border-radius: 8px;
border: 1px solid #e2e5e8;
overflow: hidden;
text-align: center
}
.product-marchandise--subtitle {
color: #76818d
}
@media(min-width:992px) {
.product-marchandise--slider {
display: flex
}
}
.product-marchandise--slider .slick-arrow {
height: 2.5rem;
width: 2.5rem;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: all 300ms ease-out;
opacity: 0;
visibility: hidden
}
.product-marchandise--slider .slick-arrow:before {
content: "";
font-family: "hubber8";
font-size: 2rem;
color: initial;
transition: all 300ms ease-out;
background-color: rgba(0, 0, 0, 0)
}
.product-marchandise--slider .slick-arrow:hover {
color: #1882ff;
background-color: rgba(255, 255, 255, .25)
}
.product-marchandise--slider .slick-arrow:hover:before {
color: inherit
}
.product-marchandise--slider .slick-arrow.slick-prev {
left: 0
}
.product-marchandise--slider .slick-arrow.slick-next {
right: 0
}
.product-marchandise--slider .slick-arrow.slick-next:before {
display: block;
transform: rotate(180deg)
}
.product-marchandise--slider .slider-nav {
width: 5.5rem;
cursor: pointer
}
@media(max-width:991.98px) {
.product-marchandise--slider .slider-nav {
display: none
}
}
.product-marchandise--slider .slider-nav .slick-track {
transform: none !important
}
.product-marchandise--slider .slider-nav img {
width: 100%
}
.product-marchandise--slider .slider-nav .slick-list {
padding: 0 !important
}
.product-marchandise--slider .slider-nav .slick-slide {
border-radius: .5rem;
overflow: hidden;
box-shadow: 0 0 4px 0px rgba(0, 0, 0, .03), 0 1px 1px 0px rgba(0, 0, 0, .05);
border: 1px solid #e2e5e8
}
.product-marchandise--slider .slider-nav .slick-slide:not(:last-child) {
margin-bottom: .75rem
}
.product-marchandise--slider .slider-nav .slick-current img {
border: 2px solid #1882ff;
border-radius: .5rem
}
.product-marchandise--slider .slider-main {
width: 33.5rem;
margin-left: 1.5rem;
background-color: #fff;
border-radius: .5rem
}
@media(max-width:991.98px) {
.product-marchandise--slider .slider-main {
width: 100%;
margin: 0 0 2rem
}
}
.product-marchandise--slider .slider-main img {
border-radius: .5rem;
overflow: hidden;
width: 100% !important;
border: 1px solid #dee2e6;
box-shadow: 0 0 4px 0px rgba(0, 0, 0, .03), 0 1px 1px 0px rgba(0, 0, 0, .05)
}
.product-marchandise--slider .slider-main:hover .slick-arrow {
opacity: 1;
visibility: visible
}
.product-marchandise--slider .slider-main:hover .slick-arrow.slick-prev {
left: 1.5rem
}
.product-marchandise--slider .slider-main:hover .slick-arrow.slick-next {
right: 1.5rem
}
.product-marchandise--slider .slider-main .slick-dots {
bottom: -1.5rem
}
.product-marchandise--slider .slider-main .slick-dots button:before {
color: #1882ff;
opacity: 1
}
@media(min-width:992px) {
.product-marchandise--slider .slider-main .slick-dots {
display: none !important
}
}
@media(min-width:992px) {
.product-marchandise--content {
width: 512px;
padding: 0 1rem
}
}
@media(min-width:992px)and (min-width:1200px) {
.product-marchandise--content {
width: 600px
}
}
@media(min-width:992px) {
.product-marchandise--content-wrapper {
display: flex;
justify-content: space-between;
gap: 1rem
}
.product-marchandise--content-wrapper:not(.with-visual) {
justify-content: center
}
.product-marchandise--content-wrapper:not(.with-visual) .product-marchandise--content {
margin-left: 0;
max-width: 26.5rem
}
}
.product-marchandise--visuel+.product-marchandise--content {
margin-top: 1.5rem
}
@media(min-width:992px) {
.product-marchandise--visuel+.product-marchandise--content {
margin-top: 0
}
}
.product-marchandise--title {
font-size: 1.5rem;
font-weight: 600;
line-height: 1.5;
margin-bottom: 0
}
.product-marchandise--infos {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 1.5rem
}
.product-marchandise--price,
.product-marchandise--discount-price {
font-size: 1.5rem;
font-weight: 800
}
.product-marchandise--prices {
display: flex;
align-items: center;
gap: 3px
}
.product-marchandise--prices .field--name-price {
font-size: 1.5rem
}
.product-marchandise--prices.has-discount-price .product-marchandise--price {
font-size: initial;
font-weight: initial;
text-decoration: line-through;
color: #76818d
}
.product-marchandise--availability {
display: flex;
align-items: center;
font-size: .75rem
}
.product-marchandise--availability:before {
content: "";
height: .5rem;
width: .5rem;
border-radius: 100%;
margin-right: .25rem;
background-color: #76818d
}
.product-marchandise--availability.available {
color: #64bf18
}
.product-marchandise--availability.available:before {
background-color: #64bf18
}
.product-marchandise--description-details,
.product-marchandise--description {
font-size: 1rem;
margin-bottom: 2.25rem;
margin-top: 2rem
}
.product-marchandise--description-details a,
.product-marchandise--description a {
text-decoration: underline
}
.product-marchandise--description-details {
margin-top: 20px;
padding-top: 0
}
@media(max-width:767.98px) {
.product-marchandise--description-details {
margin-top: 2rem
}
}
.product-marchandise--size-label {
display: flex;
align-items: center;
justify-content: space-between;
font-size: .75rem
}
.product-marchandise--size-label span {
font-weight: 600;
font-size: .875rem
}
.product-marchandise--size-options {
display: flex;
margin: 1rem 0 3rem
}
.product-marchandise--size-options li:not(:last-child) {
margin-right: .75rem
}
.product-marchandise--size-options .btn-check:checked+.btn {
box-shadow: none;
border-color: #1882ff
}
.product-marchandise--size-options .btn {
display: flex;
align-items: center;
box-shadow: none;
height: 2.375rem;
font-weight: normal
}
.product-marchandise--size-options .btn:after {
display: none
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product {
display: flex;
flex-wrap: wrap;
align-items: center;
row-gap: .5rem
}
@media(max-width:767.98px) {
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product {
margin-bottom: 0
}
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .alert-danger {
border-radius: 0;
display: flex;
font-size: 12px;
padding: 10px;
width: 100%;
margin: 0;
align-items: center
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .alert-danger:before {
margin-right: 0
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .form-type-select:after {
display: none
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .form-group legend {
font-weight: 600;
margin-top: 0
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .form-group legend span {
margin-top: 0;
display: block
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .field--name-purchased-entity {
flex: 0 0 100%;
border-bottom: 1px solid #dee2e6;
margin-bottom: 1rem
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .form-item-purchased-entity-0-attributes-attribute-color {
margin: 10px 0 20px
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .form-item-purchased-entity-0-attributes-attribute-color.js-form-type-select:has(.select2-container--hubber_reference8.select2-container--open) label {
color: #263140 !important
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .quantity-selector-wrapper {
margin-top: 0%;
margin-inline: 0;
margin-right: 1rem;
padding: 0;
border: none !important;
border-radius: .5rem;
background: #fff;
overflow: hidden;
transition: border 0s
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .quantity-selector-wrapper .quantity-selector {
padding: 4px
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .quantity-selector-wrapper .quantity-selector .form-control {
background: rgba(0, 0, 0, 0);
text-align: center;
width: 22px;
padding: 0;
height: 40px;
font-weight: 600
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .quantity-selector-wrapper .quantity-selector .form-control:not(:focus) {
border-color: rgba(0, 0, 0, 0)
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .quantity-selector-wrapper .quantity-selector .form-control:not(:focus):hover {
border-color: #263140
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .quantity-selector-wrapper .quantity-selector .form-control:hover {
box-shadow: none
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .quantity-selector-wrapper .quantity-selector .form-select {
height: 2.125rem;
width: 2rem;
background: #fff;
text-align: center;
font-weight: normal;
color: #76818d;
box-shadow: none;
margin: 0 6px;
padding: 0;
text-align-last: center
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .quantity-selector-wrapper .quantity-selector .btn {
background-color: #fff;
display: flex;
align-items: center;
font-size: 0;
line-height: 1;
height: 40px;
width: 40px;
justify-content: center;
position: relative;
border-radius: .5rem;
padding: 0;
border: 1px solid #dee2e6
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .quantity-selector-wrapper .quantity-selector .btn.disabled-button {
color: #ccd2d9
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .quantity-selector-wrapper .quantity-selector .btn:not(.disabled-button):hover {
background-color: #1882ff;
color: #fff
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .quantity-selector-wrapper .quantity-selector .quantity-minus:after {
display: none
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .quantity-selector-wrapper.is-quantity-selected {
background-color: #fff;
border: 1px solid var(--custom-color, var(--hb-cta-primary)) !important
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .quantity-selector-wrapper.is-quantity-selected .quantity-selector:before {
content: "";
background-color: var(--custom-color, var(--hb-cta-primary));
opacity: .15;
position: absolute;
width: 100%;
height: 100%;
left: 0
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .quantity-selector-wrapper.is-quantity-selected .quantity-selector .btn:not(.disabled-button) {
border: 1px solid var(--custom-color, var(--hb-cta-primary))
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .quantity-selector-wrapper.is-quantity-selected .quantity-selector .btn:not(.disabled-button):before {
color: var(--hb-cta-primary)
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .quantity-selector-wrapper.is-quantity-selected .quantity-selector .btn:not(.disabled-button):hover:before {
color: #fff
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .quantity-selector-wrapper.is-quantity-selected .form-control {
font-weight: 600;
color: var(--hb-cta-primary)
}
.product-marchandise--size .hubber-merchandising-add-to-cart-form-commerce-product .form-actions {
flex: 1
}
.product-marchandise--actions {
display: flex
}
.product-marchandise--actions .btn-add-to-cart {
flex: 1;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.product-marchandise--actions .btn-add-to-cart:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.product-marchandise--actions .btn-add-bookmark {
padding: 0;
width: 3rem
}
.product-marchandise--actions .icon-bookmark {
display: inline-flex;
align-items: center
}
.product-marchandise--actions .icon-bookmark:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.path-membership-schedules .block-page-title-block {
display: none
}
.path-membership-schedules .order-detail-container {
margin: 3rem auto;
font-size: .75rem
}
.path-membership-schedules .order-detail-container h1,
.path-membership-schedules .order-detail-container .h1 {
margin: 1.5rem 0;
font-size: 1.75rem;
font-weight: 600
}
.path-membership-schedules .order-detail-container .order-num {
font-weight: 600;
font-size: 1.25rem
}
.path-membership-schedules .order-detail-container .order-amount {
font-weight: 800;
font-size: 1.25rem
}
.path-membership-schedules .order-detail-container .block-link-invoice {
margin-left: auto
}
@media(max-width:767.98px) {
.path-membership-schedules .order-detail-container .block-link-invoice,
.path-membership-schedules .order-detail-container .block-link-invoice .link-invoice {
width: 100%
}
}
.path-membership-schedules .order-detail-container .link-invoice {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.path-membership-schedules .order-detail-container .link-invoice:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.path-membership-schedules .order-detail-info-line {
margin-bottom: .5rem
}
@media(min-width:992px) {
.path-membership-schedules .order-detail-info-line {
display: flex;
justify-content: space-between
}
}
.path-membership-schedules .order-detail-info-line .actions_change_rib {
margin-top: 1rem
}
@media(min-width:992px) {
.path-membership-schedules .order-detail-info-line .actions_change_rib {
margin-left: auto;
margin-top: 0
}
}
.path-membership-schedules .order-detail-info-line .actions_change_rib a {
text-decoration: underline
}
.path-membership-schedules .order-detail-wrapper+.order-detail-info-line {
margin: 1.5rem 0
}
@media(min-width:992px) {
.path-membership-schedules .order-detail-wrapper+.order-detail-info-line {
margin-left: 1rem;
margin-right: 1rem
}
}
.path-membership-schedules .order-payment-detail-wrapper {
padding: 1.5rem 1rem
}
@media(min-width:992px) {
.path-membership-schedules .order-payment-detail-wrapper {
background-color: rgba(0, 0, 0, 0);
box-shadow: none;
padding: 0
}
}
.path-membership-schedules .order-payment-detail-wrapper li {
padding: 0 0 1rem 0
}
.path-membership-schedules .order-payment-detail-wrapper li:first-child {
font-weight: 600;
color: #76818d;
display: flex
}
.path-membership-schedules .order-payment-detail-wrapper li:first-child span {
background-color: rgba(0, 0, 0, 0);
padding: 0 .75rem;
box-shadow: none;
border-radius: 0
}
@media(max-width:991.98px) {
.path-membership-schedules .order-payment-detail-wrapper li:first-child {
display: none
}
}
.path-membership-schedules .order-payment-detail-wrapper li>span {
font-weight: 600;
padding: .5rem 1rem;
border-radius: .5rem;
background-color: #f6f8f9
}
@media(max-width:991.98px) {
.path-membership-schedules .order-payment-detail-wrapper li>span {
margin-top: 2rem;
position: relative
}
.path-membership-schedules .order-payment-detail-wrapper li>span:before {
content: attr(data-title) !important;
font-size: 11px;
color: #76818d;
font-weight: normal;
position: absolute;
top: -1.5rem;
left: 0
}
}
.path-membership-schedules .order-payment-detail-wrapper li .payment-label,
.path-membership-schedules .order-payment-detail-wrapper li .payment-actions {
flex: 0 0 100%
}
.path-membership-schedules .order-payment-detail-wrapper li .payment-date,
.path-membership-schedules .order-payment-detail-wrapper li .payment-amount {
flex: 0 0 49%
}
.path-membership-schedules .order-payment-detail-wrapper li .payment-actions {
font-weight: 600
}
.path-membership-schedules .order-payment-detail-wrapper li .payment-actions a {
margin-left: 1.5rem;
color: #263140;
display: inline-flex;
align-items: center
}
.path-membership-schedules .order-payment-detail-wrapper li .payment-actions a:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
line-height: 1;
font-weight: normal
}
@media(min-width:992px) {
.path-membership-schedules .order-payment-detail-wrapper li {
border: 0 !important;
margin-bottom: .25rem;
padding: 0
}
.path-membership-schedules .order-payment-detail-wrapper li>span {
background-color: #fff;
border-radius: 6px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, .05), 0px 0px 4px rgba(0, 0, 0, .03);
padding: 1rem .75rem;
font-weight: normal
}
.path-membership-schedules .order-payment-detail-wrapper li>span:not(:last-child) {
margin-right: .25rem
}
.path-membership-schedules .order-payment-detail-wrapper li .payment-label {
flex: 0 0 12.5rem
}
.path-membership-schedules .order-payment-detail-wrapper li .payment-date {
flex: 0 0 10.5rem;
text-align: center;
color: inherit
}
.path-membership-schedules .order-payment-detail-wrapper li .payment-date:before {
display: none
}
.path-membership-schedules .order-payment-detail-wrapper li .payment-amount {
flex: 0 0 7.5rem;
text-align: center
}
.path-membership-schedules .order-payment-detail-wrapper li .payment-actions {
flex: 1;
text-align: right
}
}
.path-membership-schedules .return-order .btn {
display: inline-flex;
align-items: center;
margin-right: .5rem;
background: rgba(0, 0, 0, 0) !important
}
.path-membership-schedules .return-order .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.path-renewal .main-content,
.path-membership .main-content {
padding-left: 0;
padding-right: 0
}
@media(max-width:991.98px) {
.path-renewal .layout-main-wrapper,
.path-membership .layout-main-wrapper {
overflow: visible
}
}
.path-renewal .select2-results__option,
.path-membership .select2-results__option {
position: relative;
padding-left: 1rem
}
.path-renewal .select2-results__option .box,
.path-membership .select2-results__option .box {
position: absolute;
width: 4px;
top: .5rem;
bottom: .5rem;
border-radius: 1rem;
left: 6px
}
.membership-package-wrapper {
border: none;
display: flex;
background-color: rgba(0, 0, 0, 0);
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0
}
@media(max-width:991.98px) {
.membership-renewal {
max-width: 100%
}
}
.membership-renewal-title {
font-weight: 600
}
.membership-renewal-list {
display: flex;
margin: 2rem auto;
padding-block: 2rem;
overflow-x: auto;
overflow-y: hidden;
align-items: flex-start;
gap: 1.5rem
}
@media(min-width:992px) {
.membership-renewal-list {
max-width: 100%
}
.membership-renewal-list.with-form-modify {
padding-bottom: 28rem
}
.membership-renewal-list.with-form-prolong {
padding-bottom: 24rem
}
}
@media(max-width:991.98px) {
.membership-renewal-list {
overflow: visible
}
}
.membership-renewal-list .slick-list {
padding: 2rem 0;
min-height: 30rem
}
@media(max-width:991.98px) {
.membership-list {
padding-inline: .75rem
}
}
.membership-list:not(.slick-slider) {
display: flex;
overflow: auto
}
@media(min-width:992px) {
.membership-list:not(.slick-slider) {
max-width: 1140px
}
}
@media(min-width:1200px) {
.membership-list:not(.slick-slider) {
max-width: 1440px
}
}
.membership-package-info .btn {
background-color: #fff
}
.membership-package-info .btn.unavailable:hover {
color: #263140
}
.content_renewal_extend {
position: absolute;
margin-top: 3rem;
left: 0;
padding: 0;
top: 100%;
width: 40rem
}
.content_renewal_extend h3,
.content_renewal_extend .h3 {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 1rem;
text-align: left
}
.content_renewal_extend .renewal-extend-wrapper {
padding: 1.5rem;
border-radius: .5rem;
box-shadow: 2px 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03);
background-color: #fff
}
@media(max-width:991.98px) {
.content_renewal_extend .renewal-extend-wrapper {
position: fixed !important;
padding: 1.5rem 1rem 1rem;
bottom: 0;
left: 0;
right: 0;
top: unset !important;
background-color: #fff;
box-shadow: 0px 5px 24px rgba(0, 0, 0, .07), 0px 2px 15px rgba(0, 0, 0, .03), 0px 1px 5px rgba(0, 0, 0, .03), 0px 1px 3px rgba(0, 0, 0, .05);
border-radius: 1.5rem 1.5rem 0 0;
z-index: 902
}
.content_renewal_extend .renewal-extend-wrapper:before {
content: "";
width: 30px;
height: 3px;
position: absolute;
top: 10px;
left: 50%;
background: #d3d3d3;
transform: translateX(-50%);
border-radius: 50px
}
}
.content_renewal_extend .renewal-extend-content {
padding: 1rem;
background-color: #f6f8f9;
border-radius: .5rem;
margin-bottom: 1rem;
font-size: .75rem
}
.content_renewal_extend .renewal-extend-title-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
font-size: .75rem;
font-weight: 600;
margin-bottom: 1rem
}
.content_renewal_extend .renewal-extend-product {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: .5rem
}
.content_renewal_extend .renewal-extend-product .form-check {
margin-bottom: 0
}
.content_renewal_extend .renewal-extend-product .form-check-label span:first-child {
flex: 0 0 12rem
}
.content_renewal_extend .renewal-extend-product .form-check-label span:last-child {
font-weight: 600
}
.content_renewal_extend .renewal-extend-product .form-group {
margin-bottom: 0
}
.content_renewal_extend .renewal-extend-product .form-type-select {
min-width: 15rem;
width: 100%
}
.content_renewal_extend .renewal-extend-product .select2-selection {
height: 2.375rem;
border-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03);
font-size: .75rem
}
.content_renewal_extend .renewal-extend-product .select2-selection .select2-selection__placeholder {
color: initial
}
.content_renewal_extend .renewal-extend-infos {
padding: 1rem;
background-color: #f6f8f9;
margin-bottom: 1rem;
border-radius: .5rem
}
.content_renewal_extend .renewal-extend-infos-seat {
display: flex;
margin-bottom: 1rem;
justify-content: center
}
.content_renewal_extend .renewal-extend-infos-seat span {
padding: .5rem 1rem;
background-color: #fff;
border-radius: .5rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.content_renewal_extend .renewal-extend-infos-seat span:before {
content: attr(data-title);
font-size: .625rem;
text-transform: uppercase;
color: #b4bbc2
}
.content_renewal_extend .renewal-extend-infos-seat span.renewal-edit-change-place {
text-decoration: underline
}
.content_renewal_extend .renewal-extend-infos-seat span:not(:first-child):not(:last-child) {
flex: 1
}
@media(max-width:991.98px) {
.content_renewal_extend .renewal-extend-infos-seat span {
flex: 1;
text-align: center
}
}
.content_renewal_extend .renewal-extend-infos-seat span:not(:last-child) {
margin-right: .5rem
}
@media(max-width:991.98px) {
.content_renewal_extend .renewal-extend-infos-seat .renewal-edit-product-venue,
.content_renewal_extend .renewal-extend-infos-seat .renewal-edit-access,
.content_renewal_extend .renewal-extend-infos-seat .renewal-extend-product-venue,
.content_renewal_extend .renewal-extend-infos-seat .renewal-extend-access {
display: none
}
.content_renewal_extend .renewal-extend-infos-seat .renewal-edit-row,
.content_renewal_extend .renewal-extend-infos-seat .renewal-extend-row {
margin-right: 0
}
}
.content_renewal_extend .renewal-extend-product-venue {
flex: 1
}
.content_renewal_extend .renewal-extend-actions {
display: flex;
margin-top: 1rem;
justify-content: space-between;
align-items: center
}
@media(max-width:991.98px) {
.content_renewal_extend .renewal-extend-actions {
flex-direction: column-reverse
}
.content_renewal_extend .renewal-extend-actions .btn {
width: 100%;
margin-bottom: 1rem
}
}
.content_renewal_extend .renewal-extend-actions .link-close {
text-decoration: underline
}
.content_renewal_extend .renewal-extend-actions .btn:last-child {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.content_renewal_extend .renewal-extend-actions .btn:last-child:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.membership-editorial {
position: relative;
overflow: visible
}
@media(max-width:767.98px) {
.membership-editorial {
text-align: center
}
}
@media(max-width:991.98px) {
.membership-editorial {
text-align: center
}
}
.membership-editorial>div {
position: relative
}
.membership-editorial .membership-package-list .slick-arrow {
top: 130px;
transform: none;
right: -15px
}
.membership-editorial .membership-package-list .slick-next:before {
content: ""
}
.membership-editorial .membership-package-list .slick-prev {
left: -18px;
right: auto
}
.membership-editorial .membership-package-list .slick-prev:before {
content: ""
}
.membership-editorial .membership-list.slick-slider {
overflow: hidden
}
.membership-editorial .membership-list .slick-list {
overflow: visible
}
.membership-editorial-header-image {
height: auto;
overflow: hidden;
width: 100vw
}
@media(min-width:1792px) {
.membership-editorial-header-image {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.membership-editorial-header-image {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.membership-editorial-header-image {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.membership-editorial-header-image {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.membership-editorial-header-image {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
.membership-editorial-header-image img {
position: relative;
max-width: none;
height: auto;
width: 100% !important
}
@media(min-width:992px)and (max-width:1199.98px) {
.membership-editorial-header-image img {
width: calc(100% + 6rem + 6rem) !important
}
}
@media(min-width:768px)and (max-width:991.98px) {
.membership-editorial-header-image img {
width: calc(100% + 3rem + 3rem) !important
}
}
@media(min-width:576px)and (max-width:767.98px) {
.membership-editorial-header-image img {
width: calc(100% + 1.5rem + 1.5rem) !important
}
}
@media(max-width:575.98px) {
.membership-editorial-header-image img {
width: calc(100% + 1rem + 1rem) !important
}
}
.membership-editorial-header {
padding: 1.5rem O
}
.membership-editorial-header h1,
.membership-editorial-header .h1 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 0
}
.membership-editorial-header h2,
.membership-editorial-header .h2 {
font-size: 1.5rem;
font-weight: normal;
margin-bottom: 1.5rem
}
@media(min-width:992px) {
.membership-editorial-header {
padding: 3rem 0rem
}
.membership-editorial-header h1,
.membership-editorial-header .h1 {
font-size: 3rem
}
}
.membership-editorial-description-block {
padding: 1.5rem;
margin-bottom: 2rem
}
@media(min-width:992px) {
.membership-editorial-description-block {
max-width: 54.5rem;
margin: 3rem auto;
padding: 0
}
}
.membership-editorial .slick-track {
display: flex
}
.membership-editorial .slick-prev,
.membership-editorial .slick-next {
top: 9rem
}
.membership-editorial .slick-prev {
left: 0
}
.membership-editorial .slick-next {
right: 0
}
.membership-editorial .slick-arrow {
height: 2rem;
width: 2rem;
border: 1px solid #dee2e6;
border-radius: 100%;
background-color: #fff;
color: #263140;
transition: all 300ms ease-out;
opacity: .1;
top: 50%;
z-index: 2;
transform: translateY(-50%)
}
.membership-editorial .slick-arrow:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
display: block;
color: inherit;
opacity: 1
}
.membership-editorial .slick-arrow.slick-disabled {
opacity: 0;
pointer-events: none
}
.membership-editorial .slick-arrow:hover {
color: #1882ff;
border-color: #1882ff;
box-shadow: 0px 2.767px 2.214px 0px rgba(0, 0, 0, .02), 0px 6.65px 5.32px 0px rgba(0, 0, 0, .03), 0px 12.522px 10.017px 0px rgba(0, 0, 0, .04), 0px 22.336px 17.869px 0px rgba(0, 0, 0, .04)
}
.membership-editorial .slick-next:before {
transform: rotate(180deg)
}
.membership-editorial .membership-list:hover .slick-arrow:not(.slick-disabled) {
opacity: 1
}
.membership-editorial .membership-package-wrapper:hover .slick-arrow:not(.slick-disabled) {
opacity: 1
}
.path-membership .membership-list-item {
box-shadow: none
}
.path-membership .membership-list-item-content {
background-color: #fff;
border-radius: 6px;
padding: 0;
border: 1px solid rgba(0, 0, 0, 0);
box-shadow: 0 0 4px 0px rgba(0, 0, 0, .03), 0 1px 1px 0px rgba(0, 0, 0, .05)
}
.path-membership .membership-list-item-content:hover {
border-color: #1882ff;
box-shadow: 0 5px 10px 1px rgba(0, 0, 0, .1)
}
.path-membership .membership-list-item-description {
border-top: none
}
.path-membership .membership-list-item-description .product-modal-description {
text-decoration: underline;
color: initial
}
.path-membership .membership-list-item-description .product-modal-description:hover {
color: #1882ff
}
.path-membership .membership-list-item-description .product-modal-description:after {
display: none
}
.hubber-membership-renewal-edit-form .renewal-extend-infos-offer,
.hubber-membership-renewal-edit-form .renewal-extend-infos-price,
.hubber-membership-renewal-extend-form .renewal-extend-infos-offer,
.hubber-membership-renewal-extend-form .renewal-extend-infos-price {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 0;
border-top: 1px solid #dee2e6
}
.hubber-membership-renewal-edit-form .renewal-extend-infos-offer .form-group,
.hubber-membership-renewal-edit-form .renewal-extend-infos-price .form-group,
.hubber-membership-renewal-extend-form .renewal-extend-infos-offer .form-group,
.hubber-membership-renewal-extend-form .renewal-extend-infos-price .form-group {
margin-bottom: 0
}
.hubber-membership-renewal-edit-form .renewal-extend-infos-offer .form-type-select,
.hubber-membership-renewal-edit-form .renewal-extend-infos-price .form-type-select,
.hubber-membership-renewal-extend-form .renewal-extend-infos-offer .form-type-select,
.hubber-membership-renewal-extend-form .renewal-extend-infos-price .form-type-select {
width: 15rem
}
.hubber-membership-renewal-edit-form .renewal-extend-infos-offer .select2-selection,
.hubber-membership-renewal-edit-form .renewal-extend-infos-price .select2-selection,
.hubber-membership-renewal-extend-form .renewal-extend-infos-offer .select2-selection,
.hubber-membership-renewal-extend-form .renewal-extend-infos-price .select2-selection {
height: 2.375rem;
border-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03);
font-size: .75rem
}
.hubber-membership-renewal-edit-form .renewal-extend-infos-offer .select2-selection .select2-selection__placeholder,
.hubber-membership-renewal-edit-form .renewal-extend-infos-price .select2-selection .select2-selection__placeholder,
.hubber-membership-renewal-extend-form .renewal-extend-infos-offer .select2-selection .select2-selection__placeholder,
.hubber-membership-renewal-extend-form .renewal-extend-infos-price .select2-selection .select2-selection__placeholder {
color: initial
}
.hubber-membership-renewal-edit-form .renewal-extend-infos-price,
.hubber-membership-renewal-extend-form .renewal-extend-infos-price {
padding-bottom: 0;
font-weight: 600
}
.hubber-membership-renewal-edit-form .renewal-extend-infos-price:empty,
.hubber-membership-renewal-extend-form .renewal-extend-infos-price:empty {
display: none
}
.hubber-membership-renewal-edit-form .form-actions,
.hubber-membership-renewal-extend-form .form-actions {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0
}
.hubber-membership-renewal-edit-form .form-actions .btn-secondary,
.hubber-membership-renewal-extend-form .form-actions .btn-secondary {
padding: 0;
border: 0;
color: initial !important;
text-decoration: underline;
box-shadow: none;
width: auto;
font-size: .75rem;
font-weight: normal
}
.hubber-membership-renewal-edit-form .form-actions .btn-primary,
.hubber-membership-renewal-extend-form .form-actions .btn-primary {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.hubber-membership-renewal-edit-form .form-actions .btn-primary:before,
.hubber-membership-renewal-extend-form .form-actions .btn-primary:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.hubber-membership-renewal-edit-form .renewal-extend-infos-offer {
font-weight: 600
}
@media(max-width:991.98px) {
.hubber-membership-renewal-edit-form .form-actions {
justify-content: center
}
}
.hubber-membership-add-new-renewal-form>.js-form-item {
margin-bottom: .75rem
}
.hubber-membership-add-new-renewal-form .form-submit {
display: inline-flex;
align-items: center;
margin-left: .5rem;
margin-top: 1.5rem;
float: right
}
.hubber-membership-add-new-renewal-form .form-submit:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.membership-editorial .membership-package-left {
flex: 0 0 320px;
margin-top: calc(3.5rem - 56px);
position: relative;
z-index: 100;
background-color: #fff;
border-radius: 8px;
border-top: 1px solid #e2e5e8;
border-bottom: 1px solid #e2e5e8;
border-left: 1px solid #e2e5e8;
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.membership-editorial .membership-package-left:before {
content: "";
background-color: #e2e5e8;
height: 100%;
width: 1px;
position: absolute;
top: 0;
right: 0;
z-index: 100
}
.membership-editorial .membership-package-left .package-visuel {
max-width: none
}
.membership-editorial .membership-package-left .package-visuel span {
display: block
}
.membership-editorial .membership-package-left .package-visuel span img {
height: 100%
}
.membership-editorial .membership-package-left .advantage-list:after {
display: none
}
.membership-editorial .membership-package-right .slick-slide {
display: block
}
.membership-editorial .membership-package-right .slick-arrow {
position: absolute;
top: 130px;
transform: none;
right: -1rem
}
.membership-editorial .membership-package-right .slick-arrow:before {
content: ""
}
.membership-editorial .membership-package-right .slick-prev {
left: -1rem;
right: auto;
z-index: 100
}
.membership-editorial .membership-package-right .membership-package-list {
width: 100%
}
@media(min-width:768px)and (max-width:991.98px) {
.membership-editorial .membership-package-right .membership-package-list {
display: flex;
flex-wrap: wrap;
gap: 1rem;
height: auto;
flex-direction: row
}
}
.membership-editorial .membership-package-right .membership-package-list .slick-list {
width: 100%;
display: inline-flex;
position: relative
}
.membership-editorial .membership-package-right .membership-package-list .slick-list .slick-track {
margin-left: 0
}
.membership-editorial .membership-package-right .membership-package-list:has(.slick-next) .slick-list:after {
content: "";
display: block;
height: calc(100% - 32px);
position: absolute;
width: 1px;
bottom: 0;
right: 0;
background-color: #dee2e6
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item {
margin-right: 0;
position: relative;
height: 100%;
width: 280px;
min-width: 280px
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:before {
background-color: #fff;
height: calc(100% - 32px);
bottom: 0;
left: 0;
width: 100%;
content: "";
position: absolute
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:has(.unavailable) {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:has(.unavailable) .membership-package-info {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:has(.unavailable) .membership-package-coche-list {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed
}
@media(max-width:991.98px) {
.membership-editorial .membership-package-right .membership-package-list .membership-package-item {
width: calc(50% - 1rem);
max-width: none;
border-radius: 24px;
border: 1px solid #dee2e6;
margin-bottom: 16px;
overflow: hidden
}
}
@media(max-width:767.98px) {
.membership-editorial .membership-package-right .membership-package-list .membership-package-item {
width: 100%
}
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:after {
content: "";
background-color: #e2e5e8;
right: 0;
top: 32px;
height: calc(100% - 32px);
width: 1px;
display: block;
position: absolute;
z-index: 11
}
@media(max-width:991.98px) {
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:after {
display: none
}
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:last-child .membership-package-coche-list span:nth-child(odd) {
border-top-right-radius: .5rem;
border-bottom-right-radius: .5rem
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:has(.active) .membership-package-info,
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:hover .membership-package-info {
background-color: var(--hb-cta-primary) !important;
color: var(--hb-cta-primary-text) !important
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:has(.active) .membership-package-info:before,
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:hover .membership-package-info:before {
display: none
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:has(.active) .membership-package-coche-list,
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:hover .membership-package-coche-list {
position: relative
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:has(.active) .membership-package-coche-list:after,
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:hover .membership-package-coche-list:after {
width: 100%;
background-color: var(--hb-cta-primary);
opacity: .2;
position: absolute;
z-index: 1;
display: block;
content: "";
left: 0;
top: calc(-1.5rem - 20px);
height: calc(100% + 1.5rem + 20px + 72px)
}
@media(max-width:991.98px) {
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:has(.active) .membership-package-coche-list:after,
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:hover .membership-package-coche-list:after {
display: none
}
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:has(.active):after,
.membership-editorial .membership-package-right .membership-package-list .membership-package-item:hover:after {
display: none
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-info {
height: 304px;
width: 100%;
position: relative
}
@media(max-width:991.98px) {
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-info {
background-color: var(--hb-cta-primary) !important;
color: var(--hb-cta-primary-text);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height: 200px;
margin-top: 0
}
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-info:before {
background-color: #dee2e6;
height: 1px;
width: 100%;
content: "";
position: absolute;
top: 32px;
left: 0
}
@media(max-width:991.98px) {
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-info:before {
display: none
}
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-info .btn {
position: absolute;
width: 170px;
left: 50%;
transform: translateX(-50%) !important;
bottom: 34px;
z-index: 2;
height: 3rem;
padding: 12px;
border-radius: 8px !important;
border: 1px solid #dee2e6
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-info .btn.unavailable {
color: var(--hb-text) !important
}
@media(max-width:991.98px) {
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-info .btn {
width: 100%;
justify-content: center
}
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-info .btn.available:hover {
background-color: #fff !important;
color: var(--hb-cta-primary) !important;
border-color: #fff !important
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-info .membership-package-price {
font-size: 3rem
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-info .membership-package-title {
margin-bottom: 24px
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-cta {
position: relative;
z-index: 2;
width: calc(100% - 48px);
left: 24px;
margin-bottom: 15px;
text-align: center
}
@media(max-width:991.98px) {
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-cta {
margin-bottom: 24px
}
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-cta .btn {
border-radius: 8px !important;
width: 170px;
padding: 12px;
background: #fff;
height: 3rem;
border: 1px solid #dee2e6
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-cta .btn.unavailable {
color: var(--hb-text) !important
}
@media(max-width:991.98px) {
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-cta .btn {
width: 100%;
justify-content: center
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-cta .btn.available {
background-color: var(--hb-cta-primary) !important;
color: var(--hb-cta-primary-text) !important;
border-color: var(--hb-cta-primary) !important
}
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-cta .btn.available:hover {
background-color: #fff !important;
color: var(--hb-cta-primary) !important;
border-color: #fff !important
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-coche-list {
width: 100%;
margin-right: 0;
margin-top: 0;
position: relative
}
@media(max-width:991.98px) {
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-coche-list span {
display: flex;
border-radius: 4px
}
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-coche-list:after {
background-color: #dee2e6;
height: 1px;
width: 100%;
content: "";
position: absolute;
bottom: -63px;
left: 0
}
@media(max-width:991.98px) {
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-coche-list:after {
display: none
}
}
@media(max-width:991.98px) {
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-coche-list {
padding: 24px 16px
}
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-coche-list span {
margin-bottom: 0
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-coche-list .advantage-actived {
margin-bottom: 0rem;
position: relative
}
.membership-editorial .membership-package-right .membership-package-list .membership-package-item .membership-package-coche-list .advantage-actived:before {
z-index: 10
}
.data-info-msg {
background-color: #f3f8ff;
border: 1px solid #1882ff;
color: #1882ff;
align-items: center;
padding: .5rem 1rem;
font-size: .75rem;
line-height: 1;
margin-bottom: .5rem;
border-radius: 6px;
display: flex
}
@media(min-width:992px) {
.data-info-msg {
margin-block: .5rem
}
}
.data-info-msg:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
margin-right: .5rem
}
.data-info-msg em {
margin: 0 .25rem
}
.data-info-msg em+em {
margin-left: 0
}
.data-warning-msg {
background-color: #F184001A;
border: 1px solid #f18400;
color: #f18400;
align-items: center;
padding: .5rem 1rem;
font-size: .75rem;
line-height: 1;
margin-bottom: .5rem;
border-radius: 6px;
display: flex;
font-size: .75rem
}
@media(min-width:992px) {
.data-warning-msg {
margin-block: .5rem
}
}
.data-warning-msg:before {
content: "";
font-family: "hubber8";
color: #f18400;
font-size: 2rem;
line-height: 2rem
}
.reservation-wrapper {
margin: 3rem auto;
padding: 0
}
@media(max-width:991.98px) {
.reservation-wrapper {
margin-bottom: 8rem
}
}
.reservation-wrapper .reservation-wrapper__title-wrapper {
margin-bottom: 2rem;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap
}
.reservation-wrapper .reservation-wrapper__title-wrapper .title {
font-weight: 600;
font-size: 2rem
}
@media(max-width:991.98px) {
.reservation-wrapper .reservation-wrapper__title-wrapper .title {
font-size: 1.5rem
}
}
.reservation-wrapper .reservation-wrapper__title-wrapper .btn {
background: #fff;
border: 1px solid #dee2e6;
color: #000;
transition: .4s
}
.reservation-wrapper .reservation-wrapper__title-wrapper .btn.btn-select-by-date {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.reservation-wrapper .reservation-wrapper__title-wrapper .btn.btn-select-by-date:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.reservation-wrapper .reservation-wrapper__title-wrapper .btn.btn-select-by-offer {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.reservation-wrapper .reservation-wrapper__title-wrapper .btn.btn-select-by-offer:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.reservation-wrapper .reservation-wrapper__title-wrapper .btn.btn-loading {
border: none;
background: none
}
.reservation-wrapper .slick-track {
display: flex;
align-items: stretch
}
@media(max-width:767.98px) {
.reservation-wrapper .slick-track {
margin-bottom: 2rem
}
}
.reservation-wrapper .slick-track .slick-slide {
height: auto
}
.reservation-wrapper .select2-filter-container .select2-container--hubber_reference8 .select2-selection {
border-radius: 4px;
height: 3.5rem !important
}
.reservation-step-wrapper {
border-radius: .5rem;
padding: 1.5rem 1rem;
background-color: #fff;
border: 1px solid #1882ff;
margin-bottom: 2rem
}
@media(min-width:992px) {
.reservation-step-wrapper {
padding: 1.5rem
}
}
.reservation-step-wrapper.disabled {
border-color: #76818d;
color: #76818d
}
.reservation-step-wrapper.disabled .reservation-calendar {
display: none
}
.reservation-step-wrapper .slick-slider .slick-arrow.slick-disabled {
display: none
}
.reservation-step-wrapper .msg-off {
font-size: 1rem
}
@media(max-width:991.98px) {
.reservation-step-wrapper .msg-off {
font-size: .75rem
}
}
.reservation-step-wrapper:not(.disabled) legend {
color: #1882ff
}
.reservation-step-wrapper .offer-sales-rule {
margin-top: auto;
padding: .5rem 1rem;
background-color: #fff;
border-radius: .5rem;
display: flex;
align-items: center;
font-size: .75rem;
color: #76818d;
margin-top: 1.5rem
}
@media(max-width:991.98px) {
.reservation-step-wrapper .offer-sales-rule {
margin-top: 0;
background-color: #f6f8f9
}
}
.reservation-step-wrapper .offer-sales-rule:before {
content: "";
font-family: "hubber8";
font-size: 2rem;
margin-right: 1rem;
flex-shrink: 0
}
.reservation-step-wrapper .fieldset-legend {
display: flex;
position: relative
}
.reservation-step-wrapper .group-type-price .card-event {
margin: .5rem .75rem 3rem;
min-width: unset;
height: calc(100% - 3rem);
cursor: pointer
}
.reservation-step-wrapper .group-type-price .card-event.card-show .card-event-content .event-type .badge {
background-color: #1882ff;
color: #fff;
margin-bottom: 0
}
.reservation-step-wrapper .group-type-price .card-event:hover {
outline-color: #1882ff
}
.reservation-step-wrapper .group-type-price .card-event .actions-wrapper {
padding: 0;
margin-top: 0
}
.reservation-step-wrapper .group-type-price .card-event .actions-wrapper .change-offer {
border-radius: 0 0 .5rem .5rem
}
.reservation-step-wrapper .group-type-price:not(.selected) .actions-wrapper {
padding: 0;
margin-top: 0
}
.reservation-step-wrapper .group-type-price:not(.selected) .change-offer {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.reservation-step-wrapper .group-type-price:not(.selected) .change-offer:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.reservation-step-wrapper .group-type-price:not(.selected) .selected-offer {
display: none
}
.reservation-step-wrapper .group-type-price.selected .card-event {
border: 1px solid #1882ff;
position: relative
}
.reservation-step-wrapper .group-type-price.selected .card-event:after {
content: "";
font-family: "hubber8";
font-size: 1.25rem;
height: 1.5rem;
width: 1.5rem;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background-color: #1882ff;
position: absolute;
right: .5rem;
top: .5rem
}
.reservation-step-wrapper .group-type-price.selected .visual-bg {
height: 14.5rem
}
.reservation-step-wrapper .group-type-price.selected .actions-wrapper {
height: 3rem
}
.reservation-step-wrapper .group-type-price.selected .actions-wrapper .change-offer {
display: none
}
.reservation-step-wrapper .group-type-price.selected .actions-wrapper .selected-offer {
opacity: 1;
transform: translateY(0);
font-style: italic;
display: inline-flex;
align-items: center;
margin-right: .5rem;
border-radius: 0 0 .5rem .5rem
}
.reservation-step-wrapper .group-type-price.selected .actions-wrapper .selected-offer:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.reservation-step-wrapper .group-type-price.selected .actions-wrapper .selected-offer:after {
display: none
}
.reservation-step-wrapper .group-type-price.disabled {
filter: grayscale(1);
opacity: .6
}
.reservation-step-wrapper .group-type-price.disabled:hover {
filter: grayscale(0);
opacity: 1
}
.reservation-step-wrapper .wrapper-filter {
text-align: center;
margin-bottom: 1rem
}
@media(max-width:991.98px) {
.reservation-step-wrapper .wrapper-filter .btn-group-toggle {
display: none
}
}
@media(min-width:992px) {
.reservation-step-wrapper .wrapper-filter .form-type-select2 {
display: none
}
}
.reservation-step-wrapper .btn-group-toggle {
background-color: rgba(226, 229, 232, .5);
padding: .125rem;
border-radius: .5rem
}
.reservation-step-wrapper .btn-group-toggle input[type=radio] {
display: none
}
.reservation-step-wrapper .btn-group-toggle .btn {
color: #76818d;
border-radius: .5rem !important;
font-weight: normal
}
.reservation-step-wrapper .btn-group-toggle .btn:has(input:checked) {
box-shadow: none !important;
background-color: #1882ff;
color: #fff !important;
font-weight: 600
}
.reservation-step-wrapper .btn-group-toggle .btn:has(input:checked):after {
background: #1882ff
}
.reservation-step-wrapper .btn-group-toggle .btn:has(input:checked):hover {
color: #fff !important
}
.reservation-step-wrapper .btn-group-toggle .btn:hover {
background: #fff;
color: #1882ff
}
.reservation-step-wrapper legend {
width: auto;
font-size: 1.5rem;
position: absolute;
padding: 0 .25rem;
top: 0;
transform: translateY(-50%)
}
@media(max-width:991.98px) {
.reservation-step-wrapper legend {
font-size: 1rem
}
}
.reservation-step-wrapper legend .fieldset-legend {
display: flex;
align-items: center
}
.reservation-step-wrapper legend:before {
content: "";
position: absolute;
top: calc(50% - 1px);
left: 0;
right: 0;
bottom: 0;
background: #fff
}
.reservation-step-wrapper legend .step {
font-size: 1rem;
margin-right: .5rem;
height: 1.5rem;
width: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid;
border-radius: 100%;
background-color: #fff;
flex-shrink: 0
}
@media(max-width:991.98px) {
.reservation-step-wrapper legend .step {
font-size: 1rem;
line-height: 1rem
}
}
.reservation-step-wrapper .offer-description p {
font-size: 1rem
}
@media(max-width:991.98px) {
.reservation-step-wrapper .offer-description p {
font-size: .75rem
}
}
@media(max-width:991.98px) {
.reservation-step-wrapper .offer-slider-wrapper {
margin-left: -1rem;
margin-right: -1rem
}
}
@media(max-width:767.98px) {
.reservation-step-wrapper .offer-slider-wrapper .slick-list {
padding-inline: 0 !important
}
}
.reservation-step-wrapper .offer-slider-wrapper .slick-slider .slick-arrow.slick-disabled {
display: none
}
.reservation-step-wrapper .offer-slider-wrapper .slick-arrow {
height: 2rem;
width: 2rem;
border: 1px solid #dee2e6;
border-radius: 100%;
background-color: #fff;
color: #263140;
transition: all 300ms ease-out
}
@media(max-width:991.98px) {
.reservation-step-wrapper .offer-slider-wrapper .slick-arrow {
bottom: -3rem;
position: absolute;
top: auto
}
}
.reservation-step-wrapper .offer-slider-wrapper .slick-arrow:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
color: inherit;
opacity: 1
}
.reservation-step-wrapper .offer-slider-wrapper .slick-arrow.slick-prev {
left: -2.5rem
}
@media(max-width:991.98px) {
.reservation-step-wrapper .offer-slider-wrapper .slick-arrow.slick-prev {
left: 1rem
}
}
.reservation-step-wrapper .offer-slider-wrapper .slick-arrow.slick-next {
right: -2.5rem
}
@media(max-width:991.98px) {
.reservation-step-wrapper .offer-slider-wrapper .slick-arrow.slick-next {
right: 1rem
}
}
.reservation-step-wrapper .offer-slider-wrapper .slick-arrow.slick-next:before {
content: ""
}
.reservation-step-wrapper .offer-slider-wrapper .slick-arrow:hover {
color: #1882ff;
border-color: #1882ff;
box-shadow: 0 8px 8px rgba(0, 0, 0, .05), 0 0 32px rgba(0, 0, 0, .03)
}
.reservation-step-wrapper .offer-slider-wrapper .slick-arrow:hover:before {
color: inherit
}
.reservation-step-wrapper .hubber-calendar {
padding: 0;
border: 0
}
.reservation-step-wrapper .calendar-info-summary {
border-radius: .5rem;
background-color: #f6f8f9;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
font-size: .875rem
}
@media(min-width:992px) {
.reservation-step-wrapper .calendar-info-summary {
flex: 1;
margin-left: .75rem
}
}
.reservation-step-wrapper .calendar-info-summary .calendar-info-description {
font-size: .75rem;
color: #76818d
}
.reservation-step-wrapper .calendar-info-summary.js-infos-off:before {
content: "";
font-family: "hubber8";
font-size: 3rem;
opacity: .5
}
@media(max-width:991.98px) {
.reservation-step-wrapper .calendar-info-summary.js-infos-off {
display: none
}
}
.reservation-step-wrapper .calendar-info-summary.js-infos-on {
align-items: stretch;
justify-content: stretch
}
@media(max-width:991.98px) {
.reservation-step-wrapper .calendar-info-summary.js-infos-on {
background: rgba(0, 0, 0, 0)
}
}
.reservation-step-wrapper .calendar-info-summary.js-infos-on .calendar-info-summary-container {
padding: 1.5rem;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between
}
.reservation-step-wrapper .calendar-info-summary.js-infos-on .is-h3 {
text-transform: uppercase;
font-size: .75rem;
margin-bottom: .5rem
}
.reservation-step-wrapper .calendar-info-summary.js-infos-on .selected-offer {
font-size: .75rem;
color: #76818d
}
.reservation-step-wrapper .calendar-info-summary.js-infos-on .selected-time {
font-size: .875rem;
font-weight: 600;
color: #1882ff
}
@media(min-width:992px) {
.reservation-step-wrapper.calendar-wrapper .fieldset-wrapper {
display: flex
}
}
.reservation-step-wrapper.step3 .price-info-wrapper .section {
margin-bottom: 1rem
}
@media(min-width:992px) {
.reservation-step-wrapper.step3 .price-info-wrapper {
display: flex
}
.reservation-step-wrapper.step3 .price-info-wrapper .section {
flex: 1;
margin-right: .75rem;
margin-bottom: 0
}
.reservation-step-wrapper.step3 .price-info-wrapper .event-selection-detail {
flex: 1;
margin-left: .75rem
}
}
.reservation-step-wrapper.step3 .price-summary {
border-radius: .5rem;
background-color: #f6f8f9;
display: flex;
align-items: center;
justify-content: center;
font-size: .875rem;
font-weight: normal;
margin-bottom: 0;
padding: 1.5rem;
height: 100%;
flex-direction: column
}
@media(max-width:991.98px) {
.reservation-step-wrapper.step3 .price-summary {
background: rgba(0, 0, 0, 0);
padding: 0
}
}
.reservation-step-wrapper.step3 .price-summary.price-selected {
flex-direction: column;
align-items: stretch;
justify-content: space-between
}
.reservation-step-wrapper.step3 .price-summary.price-selected .is-h3 {
text-transform: uppercase;
font-size: .75rem;
margin-bottom: .5rem
}
.reservation-step-wrapper.step3 .price-summary.price-selected .selected-offer,
.reservation-step-wrapper.step3 .price-summary.price-selected .selected-date {
font-size: .75rem;
color: #76818d
}
.reservation-step-wrapper.step3 .price-summary.price-selected .selected-price {
font-size: .875rem;
font-weight: 600;
color: #1882ff
}
@media(max-width:991.98px) {
.reservation-step-wrapper.step3 .price-summary.price-no-selected {
display: none !important
}
}
.reservation-step-wrapper.step3 .price-summary.price-no-selected:before {
content: "";
font-family: "hubber8";
font-size: 3rem;
opacity: .5
}
.reservation-step-wrapper.step3 .price-summary.price-no-selected .price-no-selected-description {
font-size: .75rem;
color: #76818d
}
.reservation-step-wrapper.step3 .ticket-content-wrapper {
height: 100%;
background: rgba(0, 0, 0, 0);
padding: 0
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .ticket-content {
width: auto;
height: auto;
background: rgba(0, 0, 0, 0);
overflow: visible
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .field__items {
margin-bottom: 0
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .category-footer {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
margin-top: 1rem;
padding-top: .5rem;
border-top: 1px solid #dee2e6;
font-size: .75rem;
color: #76818d
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .category-footer .total-price-amount {
font-size: 1rem
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode {
min-height: unset;
background: rgba(0, 0, 0, 0);
cursor: default;
border-radius: .5rem;
margin: 0 0 10px;
border: 1px solid #dee2e6;
background: rgba(0, 0, 0, 0)
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode.one-cat {
padding: 0;
margin: 0;
border: none
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode:before {
display: none !important
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode:hover {
box-shadow: none
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode.one-cat:before {
display: none
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode.has-unlocked-rate:before {
display: none
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode.active {
border-color: #1882ff;
list-style: none
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode.active:not(.one-cat):after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: #1882ff;
opacity: .1;
z-index: 0
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode.active:not(.one-cat)>div {
position: relative;
z-index: 1
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode>div:last-child {
margin-top: 10px
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode .category-wrapper {
align-items: flex-start;
justify-content: center;
gap: 4px;
padding-left: 0
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode .box {
display: none
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode .category-name {
padding: 0 0 0 1rem;
min-height: 36px;
display: flex;
flex-direction: column;
justify-content: center
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode .category-name .title {
font-size: 1rem;
font-weight: 600;
margin-bottom: 0;
color: inherit
}
@media(min-width:992px) {
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode .category-name .title {
font-size: 1.25rem
}
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode .category-details {
padding: 0;
min-height: 36px;
display: flex;
flex-direction: column;
justify-content: center
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode .category-details .category-price {
font-weight: 600;
font-family: inherit;
font-size: .875rem
}
@media(min-width:992px) {
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode .category-details .category-price {
font-size: 1rem
}
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode .category-details .category-stock {
display: none
}
@media(max-width:991.98px) {
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode .actions {
width: 2.25rem
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode .actions .show-details {
margin-left: 0 !important
}
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .quantity-selector-wrapper {
gap: 6px;
flex-wrap: wrap
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .quantity-selector-wrapper label {
flex: 1
}
@media(max-width:767.98px) {
.reservation-step-wrapper.step3 .ticket-content-wrapper .quantity-selector-wrapper label {
font-size: .75rem
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .quantity-selector-wrapper label .price-amount {
margin-right: 0
}
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .quantity-selector-wrapper.with-info {
display: flex
}
@media(max-width:991.98px) {
.reservation-step-wrapper.step3 .ticket-content-wrapper .quantity-selector-wrapper.with-info {
padding-left: .5rem
}
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .quantity-selector-wrapper.with-info label:hover:before,
.reservation-step-wrapper.step3 .ticket-content-wrapper .quantity-selector-wrapper.with-info label:hover .icon-information {
color: #1882ff
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .quantity-selector-wrapper.with-info:not(:has(.quantity-minus.disabled-button)) .info-details {
border-color: var(--custom-color)
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .quantity-selector-wrapper.with-info p:last-child {
margin-bottom: 0
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .quantity-list .form-group {
padding-top: .5rem;
padding-bottom: .5rem
}
@media(max-width:991.98px) {
.reservation-step-wrapper.step3 .ticket-content-wrapper .input-number-operators {
margin-left: auto
}
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .input-number-operators .form-number {
height: 34px;
min-width: 30px;
max-width: 3rem;
text-align: center;
font-weight: 600;
margin-right: 0
}
@media(min-width:992px) {
.reservation-step-wrapper.step3 .ticket-content-wrapper .input-number-operators .form-number {
border: 1px solid #dee2e6;
background-color: #fff
}
}
@media(max-width:991.98px) {
.reservation-step-wrapper.step3 .ticket-content-wrapper .input-number-operators .form-number .operator {
height: 2.25rem;
width: 2.25rem;
background: #fff !important;
border: 1px solid #dee2e6;
border-radius: .5rem;
color: #1882ff !important
}
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .input-number-operators .operator.less {
order: -1
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .input-number-operators .operator.less:after {
display: none
}
.reservation-step-wrapper.step3 .price-promo-locked {
background-color: rgba(0, 0, 0, 0);
padding: 0;
margin-top: .5rem;
margin-bottom: 0
}
.reservation-step-wrapper.step3 .price-promo-locked label span {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.reservation-step-wrapper.step3 .price-promo-locked label span:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.reservation-step-wrapper.step3 .price-promo-locked label span:before {
color: #1882ff
}
.reservation-step-wrapper.step3 .price-promo-locked label span a {
margin-right: auto;
width: auto
}
.reservation-step-wrapper.step3 .product-not-on-sale-info .unavailable-page-visual,
.reservation-step-wrapper.step3 .product-not-on-sale-info p,
.reservation-step-wrapper.step3 .product-not-on-sale-info a {
display: none
}
.reservation-step-wrapper.step3 .data-error-msg {
font-size: .75rem;
background-color: #c50808;
color: #fff;
line-height: 1;
display: flex;
align-items: center;
color: #c50808;
background: #fff4f4;
padding: .5rem;
border-top: 1px solid #c50808
}
.reservation-step-wrapper.step3 .data-error-msg:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
margin-right: .25rem
}
.reservation-step-wrapper.step3 .data-info-msg {
background-color: #f3f8ff;
border: 1px solid #1882ff;
color: #1882ff;
display: flex;
align-items: center;
padding: .5rem 1rem;
font-size: .75rem;
line-height: 1
}
@media(min-width:992px) {
.reservation-step-wrapper.step3 .data-info-msg {
margin-block: .5rem
}
}
.reservation-step-wrapper.step3 .data-info-msg:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
margin-right: .5rem
}
.reservation-step-wrapper.step3 .data-info-msg em {
margin: 0 .25rem
}
.reservation-step-wrapper.step3 .data-info-msg em+em {
margin-left: 0
}
.reservation-calendar {
margin-bottom: 1rem
}
@media(min-width:992px) {
.reservation-calendar {
flex: 1;
margin-right: .75rem;
margin-bottom: 0
}
}
.reservation-calendar .form-type-calendar {
margin-bottom: 0
}
.reservation-footer {
text-align: right
}
@media(min-width:992px) {
.reservation-footer {
position: relative;
top: 0;
right: 0;
width: auto;
background: rgba(0, 0, 0, 0);
box-shadow: none
}
}
@media(max-width:991.98px) {
.reservation-footer {
margin-bottom: 0;
padding-bottom: 1.5rem;
transform: translateY(0);
transition: all 300ms ease-out
}
.reservation-footer.disabled {
transform: translateY(100%)
}
.reservation-footer:not(.openRecap):not(.disabled) .js-mobile-cart {
display: none
}
.reservation-footer:not(.openRecap):not(.disabled) .event-action-wrapper .btn-info:before {
transform: rotate(180deg)
}
.reservation-footer .js-mobile-cart {
text-align: left;
padding-bottom: 1rem;
font-size: .75rem;
position: relative;
margin-bottom: 1rem
}
.reservation-footer .js-mobile-cart:after {
content: "";
height: 1px;
left: -1rem;
right: -1rem;
background-color: #dee2e6;
position: absolute;
bottom: 0
}
.reservation-footer .selected-title {
font-size: 1.75rem;
padding-bottom: .5rem;
border-bottom: 1px solid #dee2e6;
font-weight: 600;
margin-bottom: 1rem
}
.reservation-footer .selected-offer {
font-weight: 600
}
.reservation-footer .selected-date,
.reservation-footer .selected-price {
color: #76818d
}
.reservation-footer .event-action-wrapper {
display: flex
}
.reservation-footer .event-action-wrapper .btn-primary {
flex: 1;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.reservation-footer .event-action-wrapper .btn-primary:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.reservation-footer .event-action-wrapper .btn-info {
width: 3rem;
height: 3rem;
margin-left: 1rem;
border: 1px solid #dee2e6;
background: rgba(0, 0, 0, 0);
justify-content: center;
color: initial;
font-size: 0;
padding: 0;
flex-shrink: 0;
display: inline-flex;
align-items: center
}
.reservation-footer .event-action-wrapper .btn-info:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.reservation-footer .event-action-wrapper .btn-info:before {
margin: 0
}
}
@media(min-width:992px) {
.reservation-footer {
padding-top: 1rem;
border-top: 1px solid #dee2e6
}
.reservation-footer.disabled {
display: none
}
.reservation-footer .js-mobile-cart {
display: none
}
}
.reservation-footer legend {
display: none
}
.reservation-footer .reservation-footer-total {
font-weight: 600;
font-size: 1rem;
margin-bottom: .5rem
}
.reservation-footer .reservation-footer-total span {
font-size: 1.5rem;
font-weight: 800;
margin-left: .25rem
}
@media(min-width:992px) {
.reservation-footer .reservation-footer-total {
margin-bottom: 2.5rem
}
.reservation-footer .reservation-footer-total span {
font-size: 1.25rem
}
}
.reservation-footer .btn {
display: inline-flex;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.reservation-footer .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(min-width:992px) {
.reservation-footer.sticky {
position: fixed;
bottom: 0;
top: unset;
padding: .5rem 2.5rem;
width: 960px;
margin-bottom: .5rem
}
.reservation-footer.sticky:before {
content: "";
position: fixed;
background-color: #fff;
bottom: 0;
height: 6.9rem;
left: 0;
width: 100%
}
.reservation-footer.sticky .reservation-footer-total {
position: relative;
margin-bottom: 0
}
}
@media(min-width:1200px) {
.reservation-footer.sticky {
width: 1140px
}
}
@media(min-width:1440px) {
.reservation-footer.sticky {
width: 1280px
}
}
.scrolled .search-api-page .search-api-page--header {
position: fixed;
width: auto;
top: var(--main-content-top, 0);
left: var(--drupal-displace-offset-left, 0em);
right: 0;
z-index: 1;
background-color: #f6f8f9;
margin: 0;
border-bottom: 1px solid #e2e5e8;
padding-top: 1rem
}
@media(max-width:991.98px) {
.scrolled .search-api-page .search-api-page--header {
padding-top: .5rem
}
}
.scrolled .search-api-page .search-api-page--header p.no_of_result {
display: none
}
@media(min-width:1792px) {
.scrolled .search-api-page .search-form-wrapper:where(.scrolled .search-api-page .search-form-wrapper) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.scrolled .search-api-page .search-form-wrapper:where(.scrolled .search-api-page .search-form-wrapper) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.scrolled .search-api-page .search-form-wrapper:where(.scrolled .search-api-page .search-form-wrapper) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.scrolled .search-api-page .search-form-wrapper:where(.scrolled .search-api-page .search-form-wrapper) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.scrolled .search-api-page .search-form-wrapper:where(.scrolled .search-api-page .search-form-wrapper) {
padding-left: 1rem;
padding-right: 1rem
}
}
@media(max-width:991.98px) {
.scrolled .search-api-page form.search-block-form {
margin-bottom: .5rem
}
}
.search-api-page .search-api-page--header {
margin: 2.5rem auto 0 auto
}
@media(max-width:991.98px) {
.search-api-page .search-api-page--header {
margin-top: 1rem
}
}
.search-api-page .search-api-page--header p:first-of-type {
color: #263140;
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
line-height: 1.5rem;
margin-bottom: 2rem
}
@media(max-width:991.98px) {
.search-api-page .search-api-page--header p:first-of-type {
font-size: 1rem;
margin-bottom: 0
}
}
@media(max-width:991.98px) {
.search-api-page form.search-block-form {
margin-bottom: .5rem
}
}
.search-api-page .search-api-page--footer {
background-color: #fff
}
@media(min-width:1792px) {
.search-api-page .search-api-page--footer {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.search-api-page .search-api-page--footer {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.search-api-page .search-api-page--footer {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.search-api-page .search-api-page--footer {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.search-api-page .search-api-page--footer {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
.search-api-page .search-api-page--footer:has(>:nth-child(2)) {
display: flex;
justify-content: space-between;
align-items: center
}
.search-api-page .search-api-page--footer nav {
display: flex;
justify-content: flex-end
}
@media(min-width:1792px) {
.search-api-page .search-api-page--footer nav:where(.search-api-page .search-api-page--footer nav) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.search-api-page .search-api-page--footer nav:where(.search-api-page .search-api-page--footer nav) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.search-api-page .search-api-page--footer nav:where(.search-api-page .search-api-page--footer nav) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.search-api-page .search-api-page--footer nav:where(.search-api-page .search-api-page--footer nav) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.search-api-page .search-api-page--footer nav:where(.search-api-page .search-api-page--footer nav) {
padding-left: 1rem;
padding-right: 1rem
}
}
@media(max-width:767.98px) {
.search-api-page .search-api-page--footer nav {
justify-content: flex-start
}
}
.search-api-page h2,
.search-api-page .h2 {
margin-bottom: 0
}
.search-api-page .block-system-main-block {
position: relative
}
.search-api-page .block-system-main-block:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% - 221px + 58px);
background-color: #fff;
z-index: 0
}
.search-api-page .block-system-main-block .content {
position: relative;
z-index: 1;
padding-bottom: 48px
}
.search-api-page .block-system-main-block .content h3:first-child,
.search-api-page .block-system-main-block .content .h3:first-child {
margin-top: 35px;
padding-top: 48px
}
.search-api-page .search-api-page--body {
background-color: #fff;
padding: 0;
border-top: 1px solid #e2e5e8;
border-bottom: 1px solid #e2e5e8
}
@media(min-width:1792px) {
.search-api-page .search-api-page--body {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.search-api-page .search-api-page--body {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.search-api-page .search-api-page--body {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.search-api-page .search-api-page--body {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.search-api-page .search-api-page--body {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
.search-api-page .search-api-page--body .search-result .search-result-contain {
margin: 0 auto;
padding: 1rem 0;
display: flex;
align-items: center;
width: 100%;
position: relative;
overflow: hidden
}
@media(min-width:1792px) {
.search-api-page .search-api-page--body .search-result .search-result-contain:where(.search-api-page .search-api-page--body .search-result .search-result-contain) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.search-api-page .search-api-page--body .search-result .search-result-contain:where(.search-api-page .search-api-page--body .search-result .search-result-contain) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.search-api-page .search-api-page--body .search-result .search-result-contain:where(.search-api-page .search-api-page--body .search-result .search-result-contain) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.search-api-page .search-api-page--body .search-result .search-result-contain:where(.search-api-page .search-api-page--body .search-result .search-result-contain) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.search-api-page .search-api-page--body .search-result .search-result-contain:where(.search-api-page .search-api-page--body .search-result .search-result-contain) {
padding-left: 1rem;
padding-right: 1rem
}
}
.search-api-page .search-api-page--body .search-result .search-result-contain:not(:last-child):after {
content: "";
background-color: #e2e5e8;
height: 1px;
width: 999%;
position: absolute;
bottom: 0;
left: -999%;
right: -999%;
margin: auto
}
.search-api-page .search-api-page--body .search-result:hover {
background-color: #f6f8f9
}
.search-api-page .search-api-page--body .search-result:hover .actions span {
text-decoration: underline
}
@media(max-width:991.98px) {
.search-api-page .search-api-page--body .search-result {
flex-wrap: wrap;
align-items: flex-start
}
}
@media(max-width:991.98px) {
.search-api-page .search-api-page--body .search-result .actions {
align-self: center;
padding-left: 1rem
}
}
.search-api-page .search-api-page--body .search-result .actions span {
color: #263140;
text-align: right;
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 1.5rem
}
@media(max-width:991.98px) {
.search-api-page .search-api-page--body .search-result .actions span {
font-size: .75rem
}
}
.search-api-page .search-api-page--body .search-result .actions span:hover {
text-decoration: underline
}
.search-api-page .search-api-page--body .search-result .field--name-title,
.search-api-page .search-api-page--body .search-result .field--name-name {
color: #263140;
font-size: 1rem;
font-style: normal;
font-weight: 600
}
@media(max-width:991.98px) {
.search-api-page .search-api-page--body .search-result .field--name-title,
.search-api-page .search-api-page--body .search-result .field--name-name {
font-size: .75rem
}
}
.search-api-page .search-api-page--body .search-result .field--name-title>*,
.search-api-page .search-api-page--body .search-result .field--name-name>* {
font-size: inherit
}
.search-api-page .search-api-page--body .search-result .field--name-date,
.search-api-page .search-api-page--body .search-result .field--name-venue,
.search-api-page .search-api-page--body .search-result .field--name-field-stic-date-ow,
.search-api-page .search-api-page--body .search-result .field--name-field-stic-venue-ow {
color: #76818d;
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
display: flex;
flex-direction: row;
gap: .5rem
}
@media(max-width:991.98px) {
.search-api-page .search-api-page--body .search-result .field--name-date,
.search-api-page .search-api-page--body .search-result .field--name-venue,
.search-api-page .search-api-page--body .search-result .field--name-field-stic-date-ow,
.search-api-page .search-api-page--body .search-result .field--name-field-stic-venue-ow {
font-size: .625rem;
flex-direction: column;
gap: 0;
line-height: 1.35
}
}
.search-api-page .search-api-page--body .search-result .thumbnail {
width: 6rem;
height: 6rem;
margin-right: 1.5rem;
display: flex;
border-radius: 8px;
align-items: center;
justify-content: center
}
@media(max-width:991.98px) {
.search-api-page .search-api-page--body .search-result .thumbnail {
width: 3rem;
height: 3rem;
margin-right: 1rem
}
}
.search-api-page .search-api-page--body .search-result .thumbnail:not(:has(img)) {
border: 1px solid #e2e5e8;
position: relative
}
.search-api-page .search-api-page--body .search-result .thumbnail:not(:has(img)):before {
background-color: #e2e5e8;
opacity: .25;
height: 100%;
width: 100%;
content: "";
position: absolute;
top: 0;
left: 0
}
.search-api-page .search-api-page--body .search-result .thumbnail:not(:has(img)):after {
position: absolute;
height: 100%;
width: 100%;
content: "";
top: 0;
left: 0;
background: url(/themes/custom/hubber_reference8/images/cart_icons/billet.svg) no-repeat center center rgba(0, 0, 0, 0)
}
.search-api-page .search-api-page--body .search-result .thumbnail img {
max-width: 6rem;
max-height: 6rem;
height: auto;
width: auto
}
@media(max-width:991.98px) {
.search-api-page .search-api-page--body .search-result .thumbnail img {
max-width: 3rem;
max-height: 3rem
}
}
.search-api-page .search-api-page--body .search-result .snippet {
flex: 1
}
.search-api-page .search-api-page--body .search-result .snippet div:has(.field--name-date) {
color: #76818d
}
.search-api-page .search-api-page--body .search-result.membership .thumbnail:not(:has(img)):after {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/abo.svg)
}
.search-api-page .search-api-page--body .search-result.insurance .thumbnail:not(:has(img)):after {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/assurance.svg)
}
.search-api-page .search-api-page--body .search-result.gift-card .thumbnail:not(:has(img)):after {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/carte_cadeau.svg)
}
.search-api-page .search-api-page--body .search-result.donation .thumbnail:not(:has(img)):after {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/don.svg)
}
.search-api-page .search-api-page--body .search-result.merchandising .thumbnail:not(:has(img)):after {
background-image: url(/themes/custom/hubber_reference8/images/cart_icons/merch.svg)
}
.search-api-page .search-api-page--body .no_result {
padding-top: 1rem;
padding-bottom: 1rem;
margin: 0
}
@media(min-width:1792px) {
.search-api-page .search-api-page--body .no_result:where(.search-api-page .search-api-page--body .no_result) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.search-api-page .search-api-page--body .no_result:where(.search-api-page .search-api-page--body .no_result) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.search-api-page .search-api-page--body .no_result:where(.search-api-page .search-api-page--body .no_result) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.search-api-page .search-api-page--body .no_result:where(.search-api-page .search-api-page--body .no_result) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.search-api-page .search-api-page--body .no_result:where(.search-api-page .search-api-page--body .no_result) {
padding-left: 1rem;
padding-right: 1rem
}
}
form.search-block-form {
position: relative;
margin-bottom: 1.5rem
}
form.search-block-form .js-form-item.form-type-search {
width: 100%;
border-bottom: 1px solid #b4bbc2;
font-size: 1.5rem;
line-height: 38px
}
form.search-block-form .js-form-item.form-type-search .form-search {
background-color: rgba(0, 0, 0, 0) !important;
border: none;
width: 100%;
height: auto;
padding: 0;
color: #263140 !important;
font-size: 1.5rem !important;
font-style: normal;
font-weight: 600;
line-height: inherit
}
@media(max-width:991.98px) {
form.search-block-form .js-form-item.form-type-search .form-search {
font-size: .875rem !important
}
}
form.search-block-form .js-form-item.form-type-search .form-search__label {
visibility: hidden;
position: absolute;
top: .5rem;
left: 0rem;
pointer-events: none;
transition: transform .3s ease, opacity .3s ease;
font-size: 1.5rem;
font-weight: 600;
color: #76818d !important
}
@media(max-width:991.98px) {
form.search-block-form .js-form-item.form-type-search .form-search__label {
font-size: .875rem
}
}
form.search-block-form .js-form-item.form-type-search:has(input:not(.is-not-empty)) .form-search__label {
animation: fadeInLabel .3s ease forwards;
animation-delay: .75s
}
form.search-block-form .js-form-item.form-type-search:has(input.is-not-empty) .form-search__label {
transform: translateX(-100%);
opacity: 0;
animation: fadeInLabel .3s ease forwards;
animation-delay: 3s
}
form.search-block-form .js-form-item.form-type-search:has(input:focus) .form-search__label {
color: #76818d !important
}
@keyframes fadeInLabel {
to {
visibility: visible
}
}
form.search-block-form .form-actions.js-form-wrapper.form-wrapper {
position: absolute !important;
display: flex;
flex-direction: row;
right: 0;
padding: 0;
top: 0;
box-shadow: none;
border: 0;
margin: 0
}
form.search-block-form .form-actions.js-form-wrapper.form-wrapper button.btn {
background-color: rgba(0, 0, 0, 0) !important;
font-size: 0;
border: none;
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
padding: 0 0 0 1rem
}
@media(max-width:991.98px) {
form.search-block-form .form-actions.js-form-wrapper.form-wrapper button.btn {
padding: 0
}
}
form.search-block-form .form-actions.js-form-wrapper.form-wrapper button.btn.search-form__reset {
display: inline-flex;
align-items: center;
border: 0;
font-size: 0
}
form.search-block-form .form-actions.js-form-wrapper.form-wrapper button.btn.search-form__reset:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
form.search-block-form .form-actions.js-form-wrapper.form-wrapper button.btn.search-form__reset:before {
color: #949da6
}
form.search-block-form .form-actions.js-form-wrapper.form-wrapper button.btn.search-form__submit {
display: inline-flex;
align-items: center;
border: 0;
font-size: 0
}
form.search-block-form .form-actions.js-form-wrapper.form-wrapper button.btn.search-form__submit:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
form.search-block-form .form-actions.js-form-wrapper.form-wrapper button.btn.search-form__submit:before {
color: #000
}
form.search-block-form .form-actions.js-form-wrapper.form-wrapper button.btn:before {
display: flex;
width: 100%;
height: 100%;
font-size: 2rem !important
}
form.search-block-form .form-actions.js-form-wrapper.form-wrapper button.btn:hover {
border: none;
box-shadow: none !important
}
.ui-dialog.search-modal {
width: 100vw !important;
max-width: none;
border-radius: 0;
max-height: 100% !important
}
.ui-dialog.search-modal.bottom-anim-init {
transform: translateY(-200%) translateX(0%)
}
.ui-dialog.search-modal.bottom-anim-on {
transform: translateY(0%) translateX(0%);
transition: transform .5s ease-in-out;
top: 0% !important;
left: 0% !important
}
.ui-dialog.search-modal.bottom-anim-close {
transform: translateY(-200%) translateX(0%);
transition: transform .5s ease-in-out
}
.ui-dialog.search-modal .js-search-form {
padding: 0 !important;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
overflow: hidden
}
.ui-dialog.search-modal .ui-dialog-titlebar {
position: absolute;
width: 100%;
margin-top: .5rem
}
.ui-dialog.search-modal .search-form-wrapper {
width: 100%;
height: 6rem;
display: flex;
align-items: center;
width: 100%
}
@media(min-width:1792px) {
.ui-dialog.search-modal .search-form-wrapper:where(.ui-dialog.search-modal .search-form-wrapper) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.ui-dialog.search-modal .search-form-wrapper:where(.ui-dialog.search-modal .search-form-wrapper) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.ui-dialog.search-modal .search-form-wrapper:where(.ui-dialog.search-modal .search-form-wrapper) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.ui-dialog.search-modal .search-form-wrapper:where(.ui-dialog.search-modal .search-form-wrapper) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.ui-dialog.search-modal .search-form-wrapper:where(.ui-dialog.search-modal .search-form-wrapper) {
padding-left: 1rem;
padding-right: 1rem
}
}
@media(max-width:991.98px) {
.ui-dialog.search-modal .search-form-wrapper {
height: 5rem
}
}
.ui-dialog.search-modal .search-form-wrapper .search-block-form {
margin: auto;
width: 100%;
margin-right: 3rem
}
.ui-dialog.search-modal .search-form-wrapper .form-type-search .form-search__label {
animation-delay: 0s
}
.ui-dialog.search-modal .show-results {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.ui-dialog.search-modal .show-results:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ui-dialog.search-modal .search-api-page--header {
display: none
}
.ui-dialog.search-modal .search-api-page--body {
overflow: auto;
max-height: calc(100vh - 6rem - 6rem);
margin: auto;
width: auto
}
@media(max-width:991.98px) {
.ui-dialog.search-modal .search-api-page--body {
max-height: calc(100vh - 5rem - 5rem)
}
}
.ui-dialog.search-modal .search-api-page--footer {
width: 100%;
height: 6rem;
margin: auto;
display: flex;
align-items: center
}
@media(min-width:1792px) {
.ui-dialog.search-modal .search-api-page--footer:where(.ui-dialog.search-modal .search-api-page--footer) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.ui-dialog.search-modal .search-api-page--footer:where(.ui-dialog.search-modal .search-api-page--footer) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.ui-dialog.search-modal .search-api-page--footer:where(.ui-dialog.search-modal .search-api-page--footer) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.ui-dialog.search-modal .search-api-page--footer:where(.ui-dialog.search-modal .search-api-page--footer) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.ui-dialog.search-modal .search-api-page--footer:where(.ui-dialog.search-modal .search-api-page--footer) {
padding-left: 1rem;
padding-right: 1rem
}
}
@media(max-width:991.98px) {
.ui-dialog.search-modal .search-api-page--footer {
height: 5rem
}
}
.ui-dialog.search-modal .search-api-page--footer>p {
margin: 0
}
#hubberMenu form.search-form {
background-color: #f6f8f9;
margin: 0;
border-bottom: 1px solid #e2e5e8;
border-top: 1px solid #e2e5e8;
padding: 1rem 1.5rem;
min-height: 4rem;
display: flex;
align-items: center
}
@media(min-width:992px) {
#hubberMenu form.search-form {
display: none
}
}
#hubberMenu form.search-form input.form-search,
#hubberMenu form.search-form .form-search__label {
font-size: 1rem !important
}
#hubberMenu form.search-form .form-actions.js-form-wrapper.form-wrapper {
right: 1.5rem;
top: 1.5rem
}
#hubberMenu form.search-form .form-actions.js-form-wrapper.form-wrapper button:before {
font-size: 1.5rem !important
}
.page-view-hubber-shop .block-content-header_image_block_type .layout-builder__header .content {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 100%;
padding-block: inherit
}
.page-view-hubber-shop .block-content-header_image_block_type .layout-builder__header .adaptive-picture img {
width: 100%
}
.page-view-hubber-shop main {
padding-inline: 0
}
.page-view-hubber-shop .select2-container--hubber_reference8 .select2-dropdown.select2-dropdown--below {
margin-top: 1rem
}
.page-view-hubber-shop #main-wrapper.layout-main-wrapper {
overflow: visible;
background-color: var(--hb-merch-and-homepage-bg-color)
}
.page-view-hubber-shop .views-exposed-form {
max-width: 30rem;
margin-left: auto;
margin-top: -5rem
}
.page-view-hubber-shop .views-exposed-form .btn-filter-count {
font-size: .625rem;
color: #fff;
background-color: #c50808;
height: 1rem;
min-width: 1rem;
border-radius: 100%;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0;
top: 0
}
.page-view-hubber-shop .views-exposed-form .form-row {
margin-left: auto;
display: flex;
justify-content: flex-end;
gap: 1rem
}
@media(max-width:991.98px) {
.page-view-hubber-shop .views-exposed-form .form-row {
justify-content: flex-end
}
.page-view-hubber-shop .views-exposed-form .form-row .form-item-sort-by,
.page-view-hubber-shop .views-exposed-form .form-row .js-filter-reset {
display: none
}
.page-view-hubber-shop .views-exposed-form .form-row .btn-filter {
font-size: 0;
margin: 0;
padding: 0;
width: 3rem;
justify-content: center
}
.page-view-hubber-shop .views-exposed-form .form-row .btn-filter:before {
margin-right: 0
}
}
.page-view-hubber-shop .views-exposed-form .js-form-item-items-per-page {
display: none
}
.page-view-hubber-shop .views-exposed-form .form-actions {
display: flex;
align-items: center;
font-size: .75rem;
justify-content: space-between;
gap: .75rem;
margin-top: .75rem
}
@media(min-width:992px) {
.page-view-hubber-shop .views-exposed-form .form-actions {
display: none
}
}
.page-view-hubber-shop .views-exposed-form .form-actions .js-filter-cancel {
padding: .5rem 0;
text-decoration: underline;
margin-right: auto
}
.page-view-hubber-shop .views-exposed-form .form-actions .btn {
display: inline-flex;
align-items: center
}
.page-view-hubber-shop .views-exposed-form .form-actions .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-view-hubber-shop .views-exposed-form .form-actions .btn+.btn {
display: inline-flex;
align-items: center;
width: 3rem;
height: 3rem;
border-radius: 100%;
font-size: 0;
padding: 0;
border: 1px solid #dee2e6;
justify-content: center;
display: inline-flex;
align-items: center
}
.page-view-hubber-shop .views-exposed-form .form-actions .btn+.btn:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:991.98px) {
.page-view-hubber-shop .views-exposed-form .form-actions [id^=edit-reset] {
display: none !important
}
}
.page-view-hubber-shop .views-exposed-form .select2-container--hubber_reference8.select2-container--open .select2-selection--single,
.page-view-hubber-shop .views-exposed-form .select2-container--hubber_reference8.select2-container--focus .select2-selection--single {
box-shadow: 0 12px 24px rgba(0, 0, 0, .03), 0 7.5px 15px rgba(0, 0, 0, .03), 0 2.5px 5px rgba(0, 0, 0, .025), 0 1.5px 3px rgba(0, 0, 0, .015)
}
.page-view-hubber-shop .views-exposed-form .select2-container--hubber_reference8 .select2-selection {
border-radius: 3rem;
color: #263140
}
@media(max-width:991.98px) {
.page-view-hubber-shop .views-exposed-form .select2-container--hubber_reference8 .select2-selection {
max-width: 3rem;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto
}
.page-view-hubber-shop .views-exposed-form .select2-container--hubber_reference8 .select2-selection:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-view-hubber-shop .views-exposed-form .select2-container--hubber_reference8 .select2-selection .select2-selection__rendered,
.page-view-hubber-shop .views-exposed-form .select2-container--hubber_reference8 .select2-selection .select2-selection__arrow {
display: none
}
}
.page-view-hubber-shop .views-exposed-form .active .btn-filter {
background: #fff
}
.page-view-hubber-shop .views-exposed-form .btn-filter {
display: inline-flex;
align-items: center;
margin-left: .5rem;
background-color: #f6f8f9;
padding-right: .75rem;
padding-left: 1.5rem;
font-size: .875rem;
font-size: 1rem;
overflow: unset;
margin-right: 0
}
.page-view-hubber-shop .views-exposed-form .btn-filter:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-view-hubber-shop .views-exposed-form .btn-filter:hover {
background: #fff
}
@media(max-width:991.98px) {
.page-view-hubber-shop .views-exposed-form .btn-filter:after {
margin-left: 0 !important
}
}
.page-view-hubber-shop .views-exposed-form .js-filter-reset {
display: inline-flex;
align-items: center;
width: 3rem;
flex: 0 0 3rem;
height: 3rem;
border-radius: 100%;
font-size: 0;
align-items: center;
padding: 0;
border: 1px solid #dee2e6;
justify-content: center;
background-color: #fff
}
.page-view-hubber-shop .views-exposed-form .js-filter-reset:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-view-hubber-shop .views-exposed-form .js-filter-reset:before {
transition: all ease-out 300ms
}
.page-view-hubber-shop .views-exposed-form .js-filter-reset.disabled {
color: #fff
}
.page-view-hubber-shop .views-exposed-form .js-filter-reset:hover {
background-color: #c50808;
border-color: #c50808;
color: #fff;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.page-view-hubber-shop .views-exposed-form .js-filter-reset:hover:before {
transform: rotate(-180deg)
}
.page-view-hubber-shop .views-exposed-form .filters.show .btn-filter {
z-index: 1
}
@media(min-width:768px) {
.page-view-hubber-shop .views-exposed-form .filters.show .btn-filter {
display: inline-flex;
align-items: center;
margin-left: .5rem
}
.page-view-hubber-shop .views-exposed-form .filters.show .btn-filter:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
}
.page-view-hubber-shop .views-exposed-form .filters.show .btn-filter:before {
display: none
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper {
display: flex;
gap: 2rem;
padding: 1.5rem;
background: #fff;
border-radius: .5rem;
position: absolute;
right: 1.5rem;
left: 1.5rem;
margin-top: 1rem;
box-shadow: 0 0 4px 0px rgba(0, 0, 0, .03), 0 1px 1px 0px rgba(0, 0, 0, .05);
z-index: 2
}
@media(max-width:991.98px) {
.page-view-hubber-shop .views-exposed-form .filters-wrapper {
flex-direction: column;
width: 100%;
position: fixed;
left: 0;
right: 0;
bottom: 0;
padding: 1.5rem 1rem 1rem;
background-color: #fff;
display: block;
margin: 0;
border-radius: 1rem 1rem 0 0;
z-index: 9;
box-shadow: 0 -1px 11px 0 rgba(0, 0, 0, .1)
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper:before {
content: "";
background-color: #dee2e6;
height: 3px;
width: 30px;
display: block;
border-radius: .5rem;
position: absolute;
top: .75rem;
left: 50%;
transform: translateX(-50%)
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper .js-filter-reset {
display: flex;
margin-block: .75rem;
width: 100%;
font-size: .875rem;
border-radius: 4px
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper .js-form-wrapper {
margin-bottom: 0;
max-height: unset
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper .js-form-wrapper:not(:last-child) {
border-bottom: 1px solid #dee2e6
}
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper .filter-title {
font-weight: 600;
color: #000;
font-size: calc(1.325rem + .9vw)
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper .filter-close {
display: inline-flex;
align-items: center;
position: absolute;
top: 0;
right: 0;
left: 0;
font-size: 0;
color: #76818d
}
@media(min-width:992px) {
.page-view-hubber-shop .views-exposed-form .filters-wrapper .js-filter-reset {
display: none
}
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper .filter-price-wrapper {
padding-inline: 1.5rem;
background-color: #f1f2f4;
padding-bottom: 1rem;
border-radius: .5rem
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper .filter-price-wrapper .price-labels-wrapper input {
max-width: 4rem;
margin-left: .5rem
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper .js-form-item {
flex: 1;
max-height: 15rem;
overflow: auto;
overflow-x: hidden
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper .accordion-button {
background: rgba(0, 0, 0, 0);
color: initial;
font-size: .875rem;
font-weight: 600;
padding-block: .75rem;
box-shadow: none;
padding-left: 0
}
@media(min-width:992px) {
.page-view-hubber-shop .views-exposed-form .filters-wrapper .accordion-button {
padding-inline: 0
}
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper .accordion-button:after {
content: "";
font-family: "hubber8";
background: rgba(0, 0, 0, 0);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: calc(100vw - 54px);
top: 50%;
transform: translateY(-50%);
font-size: 1.5rem
}
@media(min-width:992px) {
.page-view-hubber-shop .views-exposed-form .filters-wrapper .accordion-button:after {
display: none
}
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-size--] .checkbox {
background: rgba(0, 0, 0, 0);
gap: .5rem;
position: relative;
display: flex;
flex-wrap: wrap;
padding-block-end: .75rem
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-size--] .checkbox .form-check-label {
padding: .5rem 1rem;
color: #263140;
border: 1px solid #dee2e6;
border-radius: .5rem;
width: 100%;
justify-content: center;
cursor: pointer;
font-weight: 600
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-size--] .checkbox .form-check-label:before,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-size--] .checkbox .form-check-label:after {
display: none
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-size--] .checkbox .form-check {
flex: 0 0 auto;
min-width: 4rem;
padding: 0;
margin: 0
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-size--] .checkbox .form-check:before {
content: "";
border-radius: .5rem;
opacity: 0;
background-color: #1882ff;
transition: all 200ms ease-in-out;
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
pointer-events: none
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-size--] .checkbox .form-check:hover:before {
opacity: .1
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-size--] .checkbox .form-check.is-checked .form-check-label {
color: #fff;
background-color: #1882ff;
border-color: #1882ff
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox {
background: rgba(0, 0, 0, 0);
gap: .5rem;
position: relative
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox .form-check,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check {
padding-block: .5rem;
margin-bottom: .5rem;
border-radius: .5rem;
padding-left: .5rem;
padding-right: 2rem
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox .form-check:before,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check:before {
content: "";
border-radius: .5rem;
opacity: .1;
background-color: #76818d;
transition: all 200ms ease-in-out;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox .form-check .form-check-label,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check .form-check-label {
font-weight: 600
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox .form-check .form-check-label:before,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox .form-check .form-check-label:after,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check .form-check-label:before,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check .form-check-label:after {
right: .5rem;
left: auto;
top: 50%;
transform: translateY(-50%)
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox .form-check:hover:before,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check:hover:before {
background-color: #1882ff
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox .form-check:hover .form-check-label,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check:hover .form-check-label {
color: #1882ff
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox .form-check:hover .form-check-label:before,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check:hover .form-check-label:before {
border-color: #1882ff
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox .form-check:hover .form-check-label:after,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check:hover .form-check-label:after {
position: absolute;
display: block;
width: auto;
height: auto;
content: "";
font-family: "hubber8";
background-color: rgba(0, 0, 0, 0);
color: #ccd2d9;
line-height: 1;
font-size: 1.5rem
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox .form-check:hover .form-check:not(.custom-switch) .form-check-input:checked~.form-check-label:after,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check:hover .form-check:not(.custom-switch) .form-check-input:checked~.form-check-label:after {
color: #fff !important
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox .form-check.is-checked .custom-control-label,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check.is-checked .custom-control-label {
color: initial;
border-color: #1882ff
}
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox .form-check *,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check * {
cursor: pointer
}
.page-view-hubber-shop .views-exposed-form .filters.show {
z-index: 2
}
.page-view-hubber-shop .views-exposed-form .filters.show:after {
content: "";
position: fixed;
background-color: rgba(0, 0, 0, .5);
bottom: 0;
top: 0;
left: 0;
right: 0;
z-index: 1
}
.page-view-hubber-shop .block-page-title-block {
margin: 4rem 0 2rem
}
.page-view-hubber-shop .block-page-title-block .title {
max-width: 540px;
font-size: 1.5rem !important;
font-weight: 600
}
@media(min-width:768px) {
.page-view-hubber-shop .block-page-title-block .title {
font-size: 2rem !important
}
}
.page-view-hubber-shop .menu--menu-shop .nav {
display: grid;
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
margin-right: auto;
margin-left: auto;
width: 100%;
gap: 1.5rem
}
@media(min-width:768px) {
.page-view-hubber-shop .menu--menu-shop .nav {
grid-template-columns: repeat(2, 1fr)
}
}
@media(min-width:992px) {
.page-view-hubber-shop .menu--menu-shop .nav {
grid-template-columns: repeat(4, 1fr)
}
}
.page-view-hubber-shop .menu--menu-shop .nav>.nav-item {
flex: 1
}
.page-view-hubber-shop .menu--menu-shop .nav>.nav-item>.nav-link {
color: initial
}
.page-view-hubber-shop .menu--menu-shop .nav>.nav-item .menu .nav-link {
color: #485462
}
.page-view-hubber-shop .container {
position: relative
}
@media(min-width:992px) {
.page-view-hubber-shop #edit-color--wrapper+.js-filter-reset {
display: none
}
}
@media(max-width:991.98px) {
.page-view-hubber-shop #edit-color--wrapper+.js-filter-reset {
font-size: .875rem;
font-weight: normal;
width: 100%;
display: flex;
margin-block: .75rem;
border-radius: 4px
}
}
.page-view-hubber-shop [data-drupal-selector=edit-sort-by].active+.select2 .select2-selection {
color: #1882ff;
border-color: #1882ff
}
.menu--shop {
position: sticky;
z-index: 1;
background-color: var(--hb-merch-and-homepage-bg-color);
top: 0
}
@media(min-width:992px) {
.menu--shop {
top: 88px
}
}
.menu--shop .nav {
flex: 1;
width: calc(100% - 12rem)
}
.menu--shop .nav .nav-link {
color: initial;
padding: .75rem 0;
margin-inline: 1rem;
position: relative
}
.menu--shop .nav .nav-link:after {
content: "";
height: 3px;
width: 0;
transition: width 200ms ease-in-out;
background-color: #1882ff;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.menu--shop .nav .nav-link:hover:after {
width: 100%
}
.menu-shop--separator+.menu-shop--nav .nav-link {
font-size: .875rem;
font-weight: normal
}
.menu-shop--separator+.menu-shop--nav .nav-link:after {
display: none
}
.menu-shop--separator+.menu-shop--nav .nav-link:hover {
text-decoration: underline
}
#menu-shop {
display: flex;
align-items: center;
gap: .75rem;
padding-inline: 0
}
#menu-shop.menu-shop--has-parent {
margin-top: 1rem
}
@media(max-width:991.98px) {
#menu-shop {
flex-wrap: wrap
}
}
#menu-shop .menu-shop--link-back .btn-back {
display: inline-flex;
align-items: center;
padding: 0;
height: 2rem;
width: 2rem
}
#menu-shop .menu-shop--link-back .btn-back:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
#menu-shop .menu-shop--link-current {
font-weight: 600;
padding: .75rem 0;
position: relative
}
#menu-shop .menu-shop--link-current:after {
content: "";
height: 3px;
width: 100%;
transition: width 200ms ease-in-out;
background-color: #1882ff;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
#menu-shop .nav-link.active {
color: #1882ff
}
.region-featured-top.row>* {
padding-inline: 0 !important
}
.path-sitemap #block-hubber-reference8-page-title {
margin-top: 1.5rem
}
.path-sitemap #block-hubber-reference8-content {
margin: 1rem 1.5rem 1.5rem
}
.path-sitemap #block-hubber-reference8-content .sitemap-item h2,
.path-sitemap #block-hubber-reference8-content .sitemap-item .h2 {
display: flex;
align-items: center;
gap: 10px
}
.path-sitemap #block-hubber-reference8-content .sitemap-item h2:before,
.path-sitemap #block-hubber-reference8-content .sitemap-item .h2:before {
content: "-";
display: flex
}
.path-sitemap #block-hubber-reference8-content .sitemap-item div {
margin-left: 1.5rem
}
.path-sitemap #block-hubber-reference8-content .sitemap-item div a {
display: flex;
align-items: center;
gap: 5px
}
.path-sitemap #block-hubber-reference8-content .sitemap-item div a:before {
content: "-";
display: flex;
margin-right: 5px
}
.path-sitemap #block-hubber-reference8-content .sitemap-item div a:after {
position: static;
transform: none;
margin-left: 0
}
.path-tfa .row #content.main-content {
max-width: 612px;
margin: 3rem auto
}
.path-tfa .block-page-title-block {
text-align: center
}
.path-tfa .block-page-title-block h1,
.path-tfa .block-page-title-block .h1 {
font-size: 32px
}
.path-tfa #page-wrapper form.email-tfa-verify-code :not(:has(.filter)) div.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required):after {
display: none
}
.path-tfa .email-tfa-verify-code {
text-align: center
}
.path-tfa .email-tfa-verify-code .alert {
display: block;
padding-inline: .5rem
}
.path-tfa .email-tfa-verify-code .alert:before {
display: none
}
.path-tfa .email-tfa-verify-code p {
margin-bottom: 3rem
}
.path-tfa .email-tfa-verify-code [id^=edit-security-code] {
display: flex;
flex-wrap: wrap;
gap: 1rem;
background: #fff;
border-radius: 8px;
padding: 24px;
border: 1px solid #dee2e6;
justify-content: center
}
.path-tfa .email-tfa-verify-code [id^=edit-security-code] :not(:has(.filter)) div.js-form-item.form-type-textfield:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required):after {
display: none
}
.path-tfa .email-tfa-verify-code [id^=edit-security-code] .js-form-item {
width: 40px
}
.path-tfa .email-tfa-verify-code [id^=edit-security-code] .js-form-item input {
text-align: center
}
.path-tfa .email-tfa-verify-code [id^=edit-security-code] .button {
margin-top: .5rem;
width: 100%
}
.path-tfa [id^=edit-resend] {
margin-top: 1.5rem
}
.path-tfa [id^=edit-resend] p {
margin-bottom: 0
}
.path-tfa [id^=edit-resend] .btn-link {
padding: 0;
font-size: 1rem;
text-decoration: underline;
font-weight: normal;
color: initial
}
.page-product-ticketing .main-content,
.page-product-membership .main-content,
.page-product-resale .main-content {
padding: 0
}
.page-product-ticketing .ticket-content-filters .filter.hide-type-price-filter .filter-info.has-unlocked-rate,
.page-product-membership .ticket-content-filters .filter.hide-type-price-filter .filter-info.has-unlocked-rate,
.page-product-resale .ticket-content-filters .filter.hide-type-price-filter .filter-info.has-unlocked-rate {
background-color: #fff
}
.page-product-ticketing .field--type-entity-reference,
.page-product-membership .field--type-entity-reference,
.page-product-resale .field--type-entity-reference {
margin-bottom: 0
}
.page-product-ticketing .map-togglers__mobile,
.page-product-membership .map-togglers__mobile,
.page-product-resale .map-togglers__mobile {
bottom: 4rem
}
.page-product-ticketing .layout-main-wrapper,
.page-product-membership .layout-main-wrapper,
.page-product-resale .layout-main-wrapper {
overflow: visible;
position: relative
}
.page-product-ticketing .btn-back,
.page-product-membership .btn-back,
.page-product-resale .btn-back {
background-color: #fff;
height: 2.25rem;
width: 2.25rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
margin-right: .75rem
}
.page-product-ticketing .message-alert,
.page-product-membership .message-alert,
.page-product-resale .message-alert {
border-radius: 4px;
padding: .5rem;
margin: .5rem 0;
color: #fff;
background-color: #c50808
}
.page-product-ticketing .message-alert.seat_tooltip_singlette,
.page-product-membership .message-alert.seat_tooltip_singlette,
.page-product-resale .message-alert.seat_tooltip_singlette {
margin: -0.75rem -0.75rem .5rem;
border-radius: 0
}
.page-product-ticketing .message-alert h5,
.page-product-ticketing .message-alert .h5,
.page-product-membership .message-alert h5,
.page-product-membership .message-alert .h5,
.page-product-resale .message-alert h5,
.page-product-resale .message-alert .h5 {
font-size: .75rem;
margin-bottom: .25rem
}
.page-product-ticketing .message-alert p,
.page-product-membership .message-alert p,
.page-product-resale .message-alert p {
margin: 0;
font-size: .625rem;
line-height: 1.2
}
.page-product-ticketing #edit-actions,
.page-product-membership #edit-actions,
.page-product-resale #edit-actions {
margin-bottom: 0
}
.page-product-ticketing .js-hvsc-vscart,
.page-product-membership .js-hvsc-vscart,
.page-product-resale .js-hvsc-vscart {
padding: 1.5rem 0
}
.page-product-ticketing .js-hvsc-vscart-title,
.page-product-membership .js-hvsc-vscart-title,
.page-product-resale .js-hvsc-vscart-title {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 1.5rem;
padding: 0 1rem
}
@media(min-width:992px) {
.page-product-ticketing .js-hvsc-vscart-title,
.page-product-membership .js-hvsc-vscart-title,
.page-product-resale .js-hvsc-vscart-title {
padding: 0 1.5rem
}
}
.page-product-ticketing .js-hvsc-vscart-title span,
.page-product-membership .js-hvsc-vscart-title span,
.page-product-resale .js-hvsc-vscart-title span {
font-size: .75rem;
font-weight: normal
}
.page-product-ticketing .hubber-ticketing-add-to-cart-form-commerce-product .form-actions,
.page-product-membership .hubber-ticketing-add-to-cart-form-commerce-product .form-actions,
.page-product-resale .hubber-ticketing-add-to-cart-form-commerce-product .form-actions {
margin-bottom: 0
}
@media(min-width:992px) {
.page-product-ticketing .dataTables_wrapper,
.page-product-membership .dataTables_wrapper,
.page-product-resale .dataTables_wrapper {
overflow-y: auto;
margin-left: -1rem;
padding-left: 1rem;
padding-right: .5rem;
max-height: calc(100vh - 84px - 68px - 132px);
padding-bottom: 4.5rem
}
.page-product-ticketing .js-hvsc-vscart:not(.all-prices-missing) .js-hvsc-vscart-contents-wrapper .data-error-msg,
.page-product-ticketing .js-hvsc-vscart:not(.all-prices-missing) .js-hvsc-vscart-contents-wrapper .data-info-msg,
.page-product-membership .js-hvsc-vscart:not(.all-prices-missing) .js-hvsc-vscart-contents-wrapper .data-error-msg,
.page-product-membership .js-hvsc-vscart:not(.all-prices-missing) .js-hvsc-vscart-contents-wrapper .data-info-msg,
.page-product-resale .js-hvsc-vscart:not(.all-prices-missing) .js-hvsc-vscart-contents-wrapper .data-error-msg,
.page-product-resale .js-hvsc-vscart:not(.all-prices-missing) .js-hvsc-vscart-contents-wrapper .data-info-msg {
display: none !important
}
}
@media(min-width:992px) {
.page-product-ticketing .ticket-form-footer,
.page-product-membership .ticket-form-footer,
.page-product-resale .ticket-form-footer {
background-color: #fff;
position: fixed;
padding: 1rem;
bottom: 0;
right: 0;
border-top: 1px solid #dee2e6;
text-align: right;
margin-bottom: 0;
z-index: 1
}
}
@media(min-width:992px) {
.page-product-ticketing .ticket-form-footer,
.page-product-membership .ticket-form-footer,
.page-product-resale .ticket-form-footer {
width: 512px
}
}
@media(min-width:1200px) {
.page-product-ticketing .ticket-form-footer,
.page-product-membership .ticket-form-footer,
.page-product-resale .ticket-form-footer {
width: 600px
}
}
.page-product-ticketing .ticket-form-footer-container,
.page-product-membership .ticket-form-footer-container,
.page-product-resale .ticket-form-footer-container {
margin: 0 auto
}
.page-product-ticketing .ticket-content-wrapper.no-map .ticket-form-footer,
.page-product-membership .ticket-content-wrapper.no-map .ticket-form-footer,
.page-product-resale .ticket-content-wrapper.no-map .ticket-form-footer {
right: 0
}
.page-product-ticketing .action-wrapper,
.page-product-membership .action-wrapper,
.page-product-resale .action-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: .5rem
}
.page-product-ticketing .action-wrapper .btn-link,
.page-product-membership .action-wrapper .btn-link,
.page-product-resale .action-wrapper .btn-link {
padding: 0;
font-weight: normal;
color: initial;
text-decoration: underline
}
.page-product-ticketing .action-wrapper .btn-primary,
.page-product-membership .action-wrapper .btn-primary,
.page-product-resale .action-wrapper .btn-primary {
flex: 1
}
@media(min-width:992px) {
.page-product-ticketing.toolbar-fixed .dataTables_wrapper,
.page-product-membership.toolbar-fixed .dataTables_wrapper,
.page-product-resale.toolbar-fixed .dataTables_wrapper {
max-height: calc(100vh - 372px)
}
}
.page-product-ticketing .select2-container--open .select2-selection__rendered,
.page-product-membership .select2-container--open .select2-selection__rendered,
.page-product-resale .select2-container--open .select2-selection__rendered {
color: #1882ff
}
.page-product-ticketing .select2-container .select2-selection span.interactive-map-price-selected,
.page-product-membership .select2-container .select2-selection span.interactive-map-price-selected,
.page-product-resale .select2-container .select2-selection span.interactive-map-price-selected {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
position: relative;
overflow: hidden
}
.page-product-ticketing .select2-container .select2-selection span.interactive-map-price-selected .price,
.page-product-membership .select2-container .select2-selection span.interactive-map-price-selected .price,
.page-product-resale .select2-container .select2-selection span.interactive-map-price-selected .price {
font-weight: 600
}
.page-product-ticketing .select2-results li.select2-results__option:after,
.page-product-membership .select2-results li.select2-results__option:after,
.page-product-resale .select2-results li.select2-results__option:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #1882ff;
opacity: 0;
transition: background-color 200ms ease-in-out;
border-radius: .25rem
}
.page-product-ticketing .select2-results li.select2-results__option:hover,
.page-product-membership .select2-results li.select2-results__option:hover,
.page-product-resale .select2-results li.select2-results__option:hover {
background-color: rgba(0, 0, 0, 0)
}
.page-product-ticketing .select2-results li.select2-results__option:hover:after,
.page-product-membership .select2-results li.select2-results__option:hover:after,
.page-product-resale .select2-results li.select2-results__option:hover:after {
opacity: .1
}
.page-product-ticketing .select2-results li.select2-results__option span.interactive-map-price-selection,
.page-product-membership .select2-results li.select2-results__option span.interactive-map-price-selection,
.page-product-resale .select2-results li.select2-results__option span.interactive-map-price-selection {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
position: relative;
border-radius: .25rem;
overflow: hidden
}
.page-product-ticketing .select2-results li.select2-results__option span.interactive-map-price-selection .price,
.page-product-membership .select2-results li.select2-results__option span.interactive-map-price-selection .price,
.page-product-resale .select2-results li.select2-results__option span.interactive-map-price-selection .price {
font-weight: 600
}
.page-product-ticketing .select2-results li.select2-results__option.select2-results__option--highlighted span.interactive-map-price-selection:hover:before,
.page-product-membership .select2-results li.select2-results__option.select2-results__option--highlighted span.interactive-map-price-selection:hover:before,
.page-product-resale .select2-results li.select2-results__option.select2-results__option--highlighted span.interactive-map-price-selection:hover:before {
opacity: 1;
background-color: #fff !important;
border-color: #1882ff;
box-shadow: none
}
.btn-select-mode {
align-items: center;
background-color: rgba(0, 0, 0, 0);
border-radius: .5rem;
border: 1px solid;
border-color: #dee2e6;
color: inherit;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
display: inline-flex;
align-items: center;
margin-right: .5rem;
width: 100%;
height: 3rem;
margin-bottom: 2rem;
margin-top: .5rem;
display: none
}
@media(min-width:768px) {
.btn-select-mode {
display: inline-flex
}
}
.btn-select-mode:hover {
transform: none;
color: #1882ff;
background-color: #fff;
border-color: #fff
}
.btn-select-mode:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.btn-select-mode:hover {
box-shadow: 0 8px 8px rgba(0, 0, 0, .05), 0 0 32px rgba(0, 0, 0, .03)
}
.ticket-content {
width: 100%;
padding: 1.5rem 0
}
.ticket-content .btn-link {
text-decoration: underline
}
.ticket-content #commerce-product-resale-form .product-not-on-sale-info {
margin-top: 3rem
}
@media(max-width:991.98px) {
.ticket-content-filters {
padding-top: 1rem
}
.ticket-content-list {
margin-bottom: 1rem
}
}
@media(min-width:992px) {
.ticket-content {
width: 512px
}
}
@media(min-width:1200px) {
.ticket-content {
width: 600px
}
}
@media(min-width:992px) {
.ticket-content {
height: 100%;
overflow-y: auto;
padding: 1rem 0
}
.ticket-content #commerce-product-resale-form .product-not-on-sale-info {
margin-top: 8rem
}
.ticket-content .ticket-category-list li {
border-radius: 0
}
}
@media(min-width:1440px) {
.ticket-content {
padding: 2rem 0
}
}
.ticket-content-wrapper {
background-color: rgba(0, 0, 0, 0);
color: #263140
}
@media(min-width:992px) {
.ticket-content-wrapper {
display: flex;
justify-content: center;
overflow: hidden
}
.ticket-content-wrapper .plan {
background-color: #fff
}
.ticket-content-wrapper:not(.only-map) {
height: calc(100vh - var(--main-content-top))
}
.ticket-content-wrapper.css-seat-mode.only-map {
flex-wrap: wrap
}
.ticket-content-wrapper .toolbar-fixed {
height: calc(100vh - 17rem)
}
.ticket-content-wrapper .js-hvsc-vscart-detail {
margin-bottom: 11rem
}
}
.ticket-content-wrapper.no-map {
padding-top: 2rem
}
.ticket-content-wrapper.no-map .ticket-content {
flex: auto;
padding: 0;
max-width: unset
}
.ticket-content-wrapper.no-map .ticket-content-container {
margin: 0 auto;
max-width: min(50rem, 100vw - 2rem)
}
@media(min-width:992px) {
.ticket-content-wrapper.no-map .ticket-content-list .category-cta {
margin: 1rem auto 0
}
.ticket-content-wrapper.no-map .ticket-content-list .category-cta-wrapper {
width: 100%
}
}
.ticket-content-wrapper.no-map .ticket-form-footer {
width: 100%
}
.ticket-content-wrapper.no-map .ticket-form-footer-container {
margin: 0 auto;
max-width: min(50rem, 100vw - 2rem)
}
@media(min-width:992px) {
.ticket-content-wrapper.no-map .ticket-form-footer:before {
content: "";
background-color: #fff;
position: fixed;
left: 0;
right: 0;
bottom: 0;
height: 6.25rem;
z-index: -1
}
}
.ticket-content-wrapper.no-map #commerce-product-add-to-cart-form .category-cta-wrapper .category-footer,
.ticket-content-wrapper.no-map #commerce-product-add-to-cart-form .category-cta-wrapper .category-cta {
max-width: min(50rem, 100vw - 2rem)
}
.ticket-content-wrapper .plan {
z-index: 2
}
@media(min-width:992px) {
.ticket-content-wrapper .plan {
flex: 1;
justify-content: stretch;
height: calc(100vh - var(--main-content-top))
}
.ticket-content-wrapper .plan.hide {
flex: 0 0 3.75rem;
z-index: 1
}
.ticket-content-wrapper .plan.hide #commerce-product-ticketing-plan {
display: none
}
.ticket-content-wrapper .plan.hide+.ticket-content {
flex: 1;
max-width: unset
}
.ticket-content-wrapper .plan.hide+.ticket-content .ticket-content-container {
margin: 0 auto;
max-width: 50rem;
flex: 0 0 50rem
}
.ticket-content-wrapper .plan.hide+.ticket-content .ticket-form-footer {
width: calc(100vw - 3rem)
}
.ticket-content-wrapper .plan.hide+.ticket-content .ticket-form-footer .ticket-form-footer-container {
max-width: 50rem
}
.ticket-content-wrapper .plan.full {
flex: 0 0 100vw
}
.ticket-content-wrapper .plan.full #commerce-product-ticketing-plan {
max-width: unset;
width: 100%
}
.ticket-content-wrapper .plan.full #commerce-product-ticketing-plan img {
width: 100%;
height: auto
}
.ticket-content-wrapper .plan.full+.ticket-content .ticket-content-container {
flex: 0 0 98vw
}
.ticket-content-wrapper .plan #commerce-product-ticketing-bloc-content-auto,
.ticket-content-wrapper .plan #commerce-product-ticketing-plan,
.ticket-content-wrapper .plan .map-togglers-wrapper {
height: 100%
}
.ticket-content-wrapper .plan #commerce-product-ticketing-plan {
height: 100%;
overflow: auto
}
}
@media(max-width:991.98px) {
body.map-fullscreen .ticket-content-wrapper .plan {
height: 100vh;
border-radius: 0;
background-color: #000
}
body.map-fullscreen .ticket-content-wrapper .plan .seat-mode-content {
height: calc(100% - 3rem)
}
body.map-fullscreen .ticket-content-wrapper .plan #commerce-product-ticketing-bloc-content-auto {
height: 100%
}
body.map-fullscreen .ticket-content-wrapper .plan #commerce-product-ticketing-bloc-content-auto #commerce-product-ticketing-plan {
height: 100%
}
body.map-fullscreen.page-product-resale.map-block-selection .ticket-content-wrapper .plan {
height: unset !important
}
}
.ticket-content-wrapper .plan-toggler {
align-items: center;
background-color: #fff;
border-radius: .5rem;
border: 1px solid;
border-color: #fff;
color: #263140;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
padding: 0;
width: 38px;
position: absolute;
right: .5rem;
top: .5rem;
z-index: 1
}
@media(min-width:768px) {
.ticket-content-wrapper .plan-toggler {
display: inline-flex
}
}
.ticket-content-wrapper .plan-toggler:hover {
color: #263140;
background-color: #fff;
transform: none;
box-shadow: none
}
.ticket-content-wrapper .plan-toggler:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ticket-content-wrapper .plan-toggler.open:before {
transform: rotate(180deg)
}
@media(max-width:991.98px) {
.ticket-content-wrapper .plan-toggler {
display: none
}
}
.ticket-content-wrapper .plan #commerce-product-ticketing-plan .field__items,
.ticket-content-wrapper .plan #commerce-product-ticketing-plan .field__item {
height: 100%
}
.ticket-content-wrapper .plan #commerce-product-ticketing-plan .view-cam-wrapper {
overflow: unset
}
.ticket-content-wrapper .plan #commerce-product-ticketing-plan img {
width: 100%;
height: 100%;
margin: 0;
object-fit: cover
}
.ticket-content-wrapper .plan #commerce-product-ticketing-plan img.error {
width: 100%;
height: 100%
}
.ticket-content-wrapper .plan #commerce-product-ticketing-plan img.error:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: no-repeat center/50% 50%;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 54' style='enable-background:new 0 0 60 54;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23A0A0A0' d='M58,34.1V1c0-0.6-0.4-1-1-1H1C0.4,0,0,0.4,0,1v44c0,0.6,0.4,1,1,1h34c2,4.7,6.6,8,12,8c7.2,0,13-5.8,13-13 C60,38.5,59.3,36.1,58,34.1z M34.4,44H2V2h54v29.6c-0.2-0.2-0.4-0.3-0.5-0.5c-0.1-0.1-0.2-0.2-0.3-0.2c-0.2-0.2-0.5-0.4-0.7-0.5 c-0.1-0.1-0.2-0.1-0.3-0.2c-0.2-0.2-0.5-0.3-0.8-0.5c-0.1-0.1-0.2-0.1-0.3-0.2c-0.1,0-0.2-0.1-0.2-0.1c0.2-0.4,0.1-0.9-0.2-1.2 l-12-11C40.5,17.1,40.2,17,40,17c-0.3,0-0.5,0.1-0.7,0.3l-9.8,10.7l-4.7-4.7c-0.4-0.4-1-0.4-1.4,0l-17,15c-0.4,0.4-0.5,1-0.1,1.4 C6.4,39.9,6.7,40,7,40c0.2,0,0.5-0.1,0.7-0.2L24,25.4l10.3,10.3c0.2,0.2,0.5,0.3,0.7,0.3c-0.7,1.5-1,3.2-1,5c0,0.5,0,1,0.1,1.5 c0,0.1,0,0.1,0,0.2C34.2,43.1,34.3,43.5,34.4,44C34.4,44,34.4,44,34.4,44z M48.8,28.1c-0.2,0-0.3-0.1-0.5-0.1 C47.9,28,47.4,28,47,28c-4.8,0-8.9,2.6-11.2,6.4c0-0.1-0.1-0.1-0.1-0.2l-4.8-4.8l9.2-10.1l9.7,8.9c-0.1,0-0.1,0-0.2,0 C49.3,28.2,49,28.2,48.8,28.1z M47,52c-4.8,0-8.9-3.1-10.4-7.4c-0.1-0.3-0.2-0.5-0.2-0.8c0-0.1,0-0.1,0-0.2 c-0.1-0.2-0.1-0.5-0.2-0.7c0-0.1,0-0.3-0.1-0.4c0-0.2-0.1-0.4-0.1-0.5c0-0.3-0.1-0.7-0.1-1c0-6.1,4.9-11,11-11c0.4,0,0.8,0,1.3,0.1 c0.1,0,0.2,0,0.4,0.1c0.3,0,0.6,0.1,0.9,0.2c0.1,0,0.3,0.1,0.4,0.1c0.3,0.1,0.5,0.2,0.8,0.3c0.1,0,0.3,0.1,0.4,0.1 c0.3,0.1,0.6,0.3,0.9,0.4c0.1,0,0.2,0.1,0.3,0.1c0.3,0.2,0.7,0.4,1,0.6c0.1,0.1,0.3,0.2,0.4,0.3c0.2,0.2,0.4,0.3,0.6,0.5 c0.1,0.1,0.3,0.2,0.4,0.3c0.2,0.2,0.4,0.4,0.6,0.6c0.1,0.1,0.2,0.2,0.3,0.3c0.3,0.3,0.5,0.6,0.7,1c1.2,1.7,1.9,3.8,1.9,6.1 C58,47.1,53.1,52,47,52z'/%3E%3Cpath fill='%23A0A0A0' d='M52,36.1c-0.4-0.4-1-0.4-1.4,0L47,39.6l-3.5-3.5c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l3.5,3.5L42,44.5 c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l3.5-3.5l3.5,3.5c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L48.4,41l3.5-3.5C52.3,37.1,52.3,36.4,52,36.1z'/%3E%3Cpath fill='%23A0A0A0' d='M16,22.1c3.1,0,5.6-2.5,5.6-5.6c0-3.1-2.5-5.6-5.6-5.6s-5.6,2.5-5.6,5.6S12.9,22.1,16,22.1z M16,13 c2,0,3.6,1.6,3.6,3.6S18,20.1,16,20.1s-3.6-1.6-3.6-3.6S14,13,16,13z'/%3E%3C/g%3E%3C/svg%3E");
background-color: #e2e5e8;
color: rgba(0, 0, 0, 0)
}
@media(min-width:992px) {
.ticket-content-wrapper .plan #commerce-product-ticketing-plan:hover .controls {
opacity: 1;
visibility: visible
}
}
@media(min-width:992px) {
.ticket-content-wrapper .plan #commerce-product-ticketing-bloc-content-auto:hover .map-togglers {
opacity: 1;
visibility: visible
}
}
.ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto {
position: relative
}
@media(min-width:992px) {
.ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto {
width: 100%
}
}
.ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto .map-togglers {
opacity: 0;
visibility: hidden;
transition: all ease-in-out 200ms
}
.ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto .controls {
position: absolute;
top: .5rem;
left: .75rem;
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 0 4px 0px rgba(0, 0, 0, .03), 0 1px 1px 0px rgba(0, 0, 0, .05);
border-radius: .5rem;
overflow: hidden
}
@media(max-width:991.98px) {
body:not(.map-fullscreen) .ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto .controls {
display: none
}
}
@media(min-width:992px) {
.ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto .controls {
opacity: 0;
visibility: hidden;
transition: all ease-in-out 200ms
}
}
.ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto .controls .btn-to-main-map {
display: block;
height: 2.625rem;
width: 2.625rem;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: .25rem .5rem;
text-align: center;
background-color: #fff;
border-radius: .5rem;
margin-bottom: 1rem
}
.ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto .controls .btn-to-main-map:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:991.98px) {
.ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto .controls .btn-to-main-map {
display: none
}
}
.ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto .controls .zoom-controls {
background-color: #fff;
border-radius: .5rem
}
.ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto .controls .zoom-controls .in_out {
display: block;
text-align: center;
cursor: pointer;
padding: .25rem .5rem
}
.ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto .controls .zoom-controls .in_out.zoom-in {
border-bottom: 1px solid #dee2e6;
display: flex;
align-items: center;
justify-content: center
}
.ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto .controls .zoom-controls .in_out.zoom-in:after {
content: "";
font-size: 1.5rem;
font-family: "hubber8"
}
.ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto .controls .zoom-controls .in_out.zoom-out {
display: flex;
align-items: center;
justify-content: center
}
.ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto .controls .zoom-controls .in_out.zoom-out:after {
content: "";
font-size: 1.5rem;
font-family: "hubber8"
}
.ticket-content-wrapper .plan.hide #commerce-product-ticketing-bloc-content-auto {
min-width: unset
}
.ticket-content-filters {
display: flex;
margin-bottom: 1rem;
padding: 0 1rem
}
@media screen and (max-width:450px) {
.ticket-content-filters {
padding: 0 .5rem
}
}
@media(min-width:992px) {
.plan:not(.hide)+.ticket-content .ticket-content-filters.sticky {
position: fixed;
z-index: 1;
background: #fff;
width: 512px;
padding: 1rem 1.5rem;
margin: -1.5rem 0;
box-shadow: 0px 1px 3px #dee2e6;
right: 0
}
}
@media(min-width:1200px) {
.plan:not(.hide)+.ticket-content .ticket-content-filters.sticky {
width: 600px
}
}
@media(min-width:1440px) {
.plan:not(.hide)+.ticket-content .ticket-content-filters.sticky {
margin: -2.5rem 0
}
}
.ticket-content-filters [data-drupal-selector=edit-prices] {
padding: .5rem 1rem .5rem 1.5rem;
font-weight: 600;
position: relative;
height: 3rem;
border-radius: 3rem;
display: flex;
border: 1px solid #dee2e6;
align-items: center;
justify-content: space-between;
margin-right: 1rem;
background: #f7f9fa
}
.ticket-content-filters [data-drupal-selector=edit-prices] .small-label {
display: none
}
@media screen and (max-width:400px) {
.ticket-content-filters [data-drupal-selector=edit-prices] {
padding: .5rem .8rem;
margin-right: .3rem
}
.ticket-content-filters [data-drupal-selector=edit-prices] .small-label {
display: inline
}
.ticket-content-filters [data-drupal-selector=edit-prices] .normal-label {
display: none
}
}
@media screen and (min-width:992px)and (max-width:1199px) {
.ticket-content-wrapper:not(.no-map):has(.hide-type-price-filter) .ticket-content-filters [data-drupal-selector=edit-prices] {
padding: .5rem .8rem;
margin-right: .3rem
}
.ticket-content-wrapper:not(.no-map):has(.hide-type-price-filter) .ticket-content-filters [data-drupal-selector=edit-prices] .small-label {
display: inline
}
.ticket-content-wrapper:not(.no-map):has(.hide-type-price-filter) .ticket-content-filters [data-drupal-selector=edit-prices] .normal-label {
display: none
}
}
.ticket-content-filters [data-drupal-selector=edit-prices]:hover {
background-color: #fff;
box-shadow: 0 12px 24px rgba(0, 0, 0, .03), 0 7.5px 15px rgba(0, 0, 0, .03), 0 2.5px 5px rgba(0, 0, 0, .025), 0 1.5px 3px rgba(0, 0, 0, .015)
}
.ticket-content-filters [data-drupal-selector=edit-prices] .quantity-selector-wrapper {
background: rgba(0, 0, 0, 0);
margin-bottom: 0 !important;
padding: 0;
border: 0 !important
}
.ticket-content-filters [data-drupal-selector=edit-prices] .quantity-minus:after {
display: none
}
.ticket-content-filters [data-drupal-selector=edit-prices] .js-quantity-button {
padding: .25rem;
border-radius: 100%
}
.ticket-content-filters [data-drupal-selector=edit-prices] .js-hubber-quantity {
text-align: center;
font-size: .875rem;
height: auto;
width: 2rem;
padding: .5rem;
background: rgba(0, 0, 0, 0);
box-shadow: none
}
.ticket-content-filters [data-drupal-selector=edit-prices] .js-hubber-quantity:not(:focus) {
border-color: rgba(0, 0, 0, 0)
}
.ticket-content-filters [data-drupal-selector=edit-prices] .js-hubber-quantity:not(:focus):hover {
border-color: #263140 !important
}
.ticket-content-filters.filtered_qty [data-drupal-selector=edit-prices] {
background-color: #fff;
border-color: #1882ff
}
.ticket-content .btn-filter {
border: 1px solid #dee2e6;
border-radius: 2rem;
text-transform: none;
margin-right: .75rem;
display: flex;
align-items: center;
overflow: hidden;
white-space: nowrap;
height: 3rem;
background-color: #f6f8f9;
font-size: 1rem
}
@media screen and (max-width:450px) {
.ticket-content .btn-filter {
margin-right: .3rem
}
}
@media(min-width:992px) {
.ticket-content .btn-filter {
padding-right: 2.5rem
}
.page-product-resale .ticket-content .btn-filter {
margin-right: .2rem
}
}
@media(min-width:992px)and (min-width:1200px) {
.page-product-resale .ticket-content .btn-filter {
margin-right: .75rem
}
}
.ticket-content .btn-filter.selected {
color: #64bf18;
border-color: inherit;
background: #fff
}
.ticket-content .btn-filter:not(.selected):hover {
background-color: #fff;
box-shadow: 0 12px 24px rgba(0, 0, 0, .03), 0 7.5px 15px rgba(0, 0, 0, .03), 0 2.5px 5px rgba(0, 0, 0, .025), 0 1.5px 3px rgba(0, 0, 0, .015)
}
.ticket-content .btn-filter em {
margin-right: .25rem
}
.ticket-content-list .select-category-wrapper {
margin-bottom: 1rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 1rem
}
.ticket-content-list .select-category-wrapper .btn-link {
font-weight: normal;
margin-left: auto;
text-decoration: underline;
font-size: .875rem;
padding: 0;
border: 0
}
.ticket-content-list .select-category-wrapper small,
.ticket-content-list .select-category-wrapper .small {
font-size: .75rem;
margin: 0 .5rem
}
.ticket-content-list .select-category-hint {
font-size: 1rem;
font-weight: 600;
display: block
}
@media(max-width:991.98px) {
.ticket-content-list .select-category-hint {
font-size: .875rem
}
}
.ticket-content-list .css-category-choose:disabled {
background: #e2e5e8 !important;
color: #76818d !important;
border-color: #e2e5e8 !important
}
.ticket-content-list .category-footer {
margin: auto;
padding-bottom: 1rem;
text-align: right
}
.ticket-content-list .category-footer .total-price-amount {
font-weight: 800;
font-size: 1.25rem;
margin-left: .25rem
}
.ticket-content-list .category-footer .category-total.empty {
color: #76818d
}
@media(min-width:992px) {
.ticket-content-list .has-dispatched {
height: calc(100vh - 26rem);
overflow: auto
}
}
.ticket-content-list .has-dispatched .js-hvsc-vscart-detail {
margin-bottom: 0
}
@media(max-width:991.98px) {
.ticket-content-list .has-dispatched.closed .js-hvsc-vscart-dispatch-full {
display: none
}
.ticket-content-list .has-dispatched .js-hvsc-vscart-dispatch-full .js-hvsc-vscart-contents-wrapper {
max-height: 36vh;
overflow: auto
}
}
@media(max-width:991.98px)and (max-width:767.98px) {
.ticket-content-list .has-dispatched .js-hvsc-vscart-dispatch-full .js-hvsc-vscart-contents-wrapper {
max-height: 24vh
}
}
@media(min-width:992px) {
.ticket-content-list .category-cta-wrapper .category-cta {
display: flex;
width: 100%
}
.ticket-content-list .category-cta-wrapper .css-category-choose {
margin-right: .5rem
}
}
@media(max-width:991.98px) {
.ticket-content-list .category-cta-wrapper .category-cta {
display: inline-grid;
width: 100%;
gap: .5rem
}
.ticket-content-list .category-cta-wrapper .css-category-choose {
order: 1
}
.ticket-content-list .ticket-content-footer-container .data-error-msg,
.ticket-content-list .ticket-content-footer-container .data-info-msg {
display: none !important
}
}
.ticket-content-list .seat-select-empty {
font-size: .875rem;
padding: 0 1rem
}
@media(min-width:992px) {
.ticket-content-list .seat-select-empty {
padding: max(3rem, 10%);
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0
}
.ticket-content-list .seat-select-empty:before {
content: "";
font-family: "hubber8";
font-size: 2rem
}
}
.ticket-content-list .seat-select-empty h2,
.ticket-content-list .seat-select-empty .h2 {
font-size: .875rem;
font-weight: normal;
color: inherit;
margin: 0;
padding-bottom: 1.75rem
}
@media(max-width:991.98px) {
.ticket-content-list .seat-select-empty h2:before,
.ticket-content-list .seat-select-empty .h2:before {
content: "";
font-family: "hubber8";
font-size: 1.25rem;
margin-inline-end: .25rem;
transform: translateY(3px);
display: inline-block
}
}
.ticket-content-list .seat-select-empty p {
color: #76818d
}
.ticket-content-list .seat__selected-title {
font-size: 1.5rem;
font-weight: 600;
display: flex;
justify-content: space-between;
flex-direction: column
}
@media(min-width:992px) {
.ticket-content-list .seat__selected-title {
font-size: 1.125rem
}
.ticket-content-list .seat__selected-title .vscart-title-closed {
display: none
}
}
@media(min-width:1200px) {
.ticket-content-list .seat__selected-title {
align-items: center;
flex-direction: row
}
}
@media(max-width:575.98px) {
.ticket-content-list .seat__selected-title {
font-size: 1.125rem
}
}
.ticket-content-list .seat__selected-title.js-hvsc-vscart-dispatch-title {
padding: .75rem 1rem
}
@media(max-width:991.98px) {
.ticket-content-list .seat__selected-title.js-hvsc-vscart-dispatch-title {
font-size: 1rem
}
}
.ticket-content-list .seat__selected-title span {
font-size: .75rem;
font-weight: normal
}
.ticket-content-list .seat__selected-title .btn-link {
padding: 0;
text-decoration: underline;
font-size: .875rem
}
.ticket-content-list .seat__selected-item {
padding: 1rem;
position: relative
}
.ticket-content-list .seat__selected-item:not(:first-child) {
border-top: 1px solid #dee2e6
}
@media(max-width:991.98px) {
.ticket-content-list .seat__selected-item {
font-size: .75rem;
margin-top: 0
}
}
@media(min-width:992px) {
.ticket-content-list .seat__selected-item .view-cam-wrapper {
width: 6.5rem;
height: 6.5rem
}
}
.ticket-content-list .seat__selected-item .category-title {
display: flex;
align-items: center;
margin-bottom: 1.5rem
}
.ticket-content-list .seat__selected-item .category-title .box {
height: 1.5rem;
width: .5rem;
border-radius: .25rem;
margin-right: .5rem;
background-color: #76818d
}
.ticket-content-list .seat__selected-item .price-info {
align-items: flex-start
}
.ticket-content-list .seat__selected-item-info {
display: flex;
justify-content: space-between;
padding-right: 3rem;
align-items: flex-start
}
.ticket-content-list .seat__selected-item-info .js-hvsc-vscart-item-seat-type-price-desc {
margin-right: 3rem
}
.ticket-content-list .seat__selected-item-info .hvsc-vscart-item-wrapper {
flex: 1
}
@media(max-width:991.98px) {
.ticket-content-list .seat__selected-item-info .hvsc-vscart-item-wrapper {
width: 100%
}
}
.ticket-content-list .seat__selected-item-info .js-hvsc-vscart-item-seat-info {
display: flex;
align-items: center;
gap: 4px
}
.ticket-content-list .seat__selected-item-info .js-hvsc-vscart-item-seat-info .row {
padding: 0
}
.ticket-content-list .seat__selected-item-info .js-hvsc-vscart-item-seat-info {
margin-top: .75rem;
font-size: .875rem
}
.ticket-content-list .seat__selected-item-info .js-hvsc-vscart-item-type-price {
border-radius: .25rem;
margin-top: 1.5rem;
margin-right: -3rem;
overflow: hidden
}
.ticket-content-list .seat__selected-item-info .js-hvsc-vscart-item-type-price .js-form-item {
margin-bottom: 0 !important
}
.ticket-content-list .seat__selected-item-info .js-hvsc-vscart-item-type-price .select2-container--disabled .select2-selection__rendered {
padding-right: .75rem !important
}
.ticket-content-list .seat__selected-item-info .js-hvsc-vscart-item-type-price .select2-selection__rendered {
font-weight: 600;
width: 100%
}
@media(max-width:991.98px) {
.ticket-content-list .seat__selected-item-info {
flex-direction: column;
align-items: flex-start
}
}
.ticket-content-list .seat__selected-item-info .select2-container--hubber_reference8.placeholder-state {
background-color: #f6f8f9
}
.ticket-content-list .seat__selected-item-info .select2-container--hubber_reference8.placeholder-state .select2-selection__placeholder,
.ticket-content-list .seat__selected-item-info .select2-container--hubber_reference8.placeholder-state .select2-selection__arrow {
color: #c50808
}
.ticket-content-list .seat__selected-item-info .select2-container--hubber_reference8.placeholder-state .select2-selection__rendered:after {
content: "";
font-family: "hubber8";
color: #c50808;
position: absolute;
right: 3rem;
font-size: 2.2rem;
height: 100%;
top: 0px
}
@media(max-width:767.98px) {
.ticket-content-list .seat__selected-item-info .select2-container--hubber_reference8.placeholder-state .select2-selection__rendered:after {
top: -7px
}
}
.ticket-content-list .seat__selected-item-info .select2-container--hubber_reference8 .select2-selection {
border: 1px solid #dee2e6;
padding: .25rem;
height: auto;
font-weight: normal;
background-color: rgba(0, 0, 0, 0)
}
.ticket-content-list .seat__selected-item-info .select2-container--hubber_reference8 .select2-selection[aria-expanded=true] {
border-color: #1882ff
}
.ticket-content-list .seat__selected-item-info .select2-container--hubber_reference8 .select2-selection .select2-selection__arrow {
right: 2rem
}
@media(max-width:991.98px) {
.ticket-content-list .seat__selected-item-info .select2-container--hubber_reference8 .select2-selection__rendered {
font-size: .75rem
}
}
.ticket-content-list .seat__selected-item-info .price {
font-weight: 600;
text-align: right;
line-height: 1
}
.ticket-content-list .seat__selected-item-info select {
font-size: .875rem;
border: 0
}
.ticket-content-list .seat__selected-item-info .hvsc-vscart-item-actions {
position: absolute;
top: 1rem;
right: 1rem;
display: flex;
justify-content: center;
gap: .5rem
}
.ticket-content-list .seat__selected-item-info .hvsc-vscart-item-actions .hvsc-vscart-item-action {
font-size: 0;
height: 2.5rem;
width: 2.5rem;
border: 1px solid #dee2e6;
border-radius: .5rem;
color: #76818d;
display: flex;
background-color: #fff
}
.ticket-content-list .seat__selected-item-info .hvsc-vscart-item-actions .hvsc-vscart-item-action:disabled {
color: #76818d
}
.ticket-content-list .seat__selected-item-info .hvsc-vscart-item-actions .view-cam-wrapper:after {
width: 100%;
height: 100%
}
.ticket-content-list .seat__selected-item-info .hvsc-vscart-item-actions .seat-selector:before {
content: "";
font-family: "hubber8";
width: 100%;
background: rgba(0, 0, 0, 0) !important;
font-size: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
line-height: 1
}
.ticket-content-list .seat__selected-item-info .hvsc-vscart-item-actions .seat-selector.js-hvsc-vscart-item-delete:hover {
color: #c50808;
border-color: #c50808
}
.ticket-content-list .seat__selected-total {
text-align: right;
font-weight: normal;
font-size: .875rem;
margin-bottom: 1.5rem;
padding-bottom: .5rem;
border-bottom: 1px solid #dee2e6
}
@media(max-width:991.98px) {
.ticket-content-list .seat__selected-total {
margin-bottom: 0;
border-bottom: 0
}
}
.ticket-content-list .seat__selected-total em {
font-size: 1.25rem;
font-weight: 800
}
.ticket-content-list .seat__selected .seat-cart-header,
.ticket-content-list .seat__selected .seat-cart-header-dispatch {
display: flex;
align-items: center;
padding: 1rem 1rem 1rem 1.25rem;
background-color: #fff
}
@media(max-width:991.98px) {
.ticket-content-list .seat__selected .seat-cart-header,
.ticket-content-list .seat__selected .seat-cart-header-dispatch {
font-size: .875rem
}
}
.ticket-content-list .seat__selected .seat-cart-header .js-price-left-wrapper,
.ticket-content-list .seat__selected .seat-cart-header-dispatch .js-price-left-wrapper {
margin-left: auto;
text-align: right
}
.ticket-content-list .seat__selected .seat-cart-header .js-nb-tickets-info,
.ticket-content-list .seat__selected .seat-cart-header-dispatch .js-nb-tickets-info {
font-weight: 600
}
.ticket-content-list .seat__selected .seat-cart-header .js-nb-tickets-info .separator,
.ticket-content-list .seat__selected .seat-cart-header-dispatch .js-nb-tickets-info .separator {
font-weight: normal;
margin-right: .25rem
}
.ticket-content-list .seat__selected .seat-cart-details .js-hvsc-vscart-item-seat-info {
display: initial
}
.ticket-content-list .seat__selected .action-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
position: relative
}
.ticket-content-list .seat__selected .action-wrapper .btn-link {
font-size: .875rem;
font-weight: normal;
padding: 0;
text-decoration: underline;
color: initial;
text-transform: none
}
@media(max-width:991.98px) {
.ticket-content-list .seat__selected .action-wrapper .btn-link {
position: absolute;
top: -2rem
}
}
.ticket-content-list .seat__selected .action-wrapper .btn-primary {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.ticket-content-list .seat__selected .action-wrapper .btn-primary:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:991.98px) {
.ticket-content-list .seat__selected .action-wrapper .btn-primary {
width: 100%
}
}
.ticket-category-wrapper .ticket-category-body ul li {
position: relative
}
.ticket-category-wrapper .ticket-category-body ul li:before {
content: "";
background: #1882ff;
display: block;
height: 100%;
width: .25rem;
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: opacity 300ms ease-in-out
}
.ticket-category-wrapper .ticket-category-body ul li:hover:before {
opacity: 1
}
.ticket-category-wrapper .ticket-category-body ul li .show-details:after {
transform: rotate(-90deg)
}
.ticket-category-wrapper .ticket-category-body ul li .block-infos-part-l-t {
display: flex;
align-items: center;
gap: .5rem
}
.ticket-category-bloc-list li:hover .block-auto-notice {
color: #fff !important
}
.ticket-category-bloc-list li:hover .block-auto-notice:before {
opacity: 1
}
.ticket-category-list .toolbar-fixed {
height: calc(100vh - 25rem)
}
.ticket-category-list .price-promo-protected .form-type-number {
margin-top: 0;
padding: .875rem .5rem .875rem 1.25rem
}
.ticket-category-list li {
position: relative;
padding: .75rem;
border-bottom: 1px solid #dee2e6;
border-radius: 0;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
cursor: pointer;
background-color: #f6f8f9;
flex-direction: column;
display: flex;
min-height: 70px
}
.ticket-category-list li:first-child {
border-top: 1px solid #dee2e6
}
.ticket-category-list li.active {
background-color: #fff
}
.ticket-category-list li.active .form-type-number {
background-color: #f6f8f9
}
.ticket-category-list li.has-unlocked-rate:before {
content: "";
position: absolute;
top: 0;
bottom: 9rem;
left: 0;
width: .25rem;
background-color: #cea236
}
@media(min-width:992px) {
.ticket-category-list li.has-unlocked-rate:before {
bottom: 0
}
}
.ticket-category-list li.has-unlocked-rate.active .category-wrapper:before {
color: #cea236
}
.ticket-category-list li.has-unlocked-rate.active:before {
background-color: #cea236 !important
}
.ticket-category-list li.has-unlocked-rate .category-wrapper:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
font-weight: normal;
margin-right: .75rem
}
.ticket-category-list li.has-unlocked-rate .category-wrapper .box {
position: unset
}
.ticket-category-list li .info-details {
margin: .75rem -0.75rem -0.75rem;
padding: .75rem;
background-color: #fff;
border-top: 1px solid #dee2e6;
z-index: 1;
width: calc(100% + 1.5rem);
font-size: .875rem
}
.ticket-category-list li .info-details p {
margin-bottom: 0
}
.ticket-category-list li .info-details ul {
margin-left: 1.5em
}
.ticket-category-list li .info-details ul li {
background-color: rgba(0, 0, 0, 0);
border: none;
padding: 0;
min-height: auto;
list-style: disc
}
.ticket-category-list li .info-details ul li:before {
content: none !important
}
.ticket-category-list li .info-details ul li:hover {
box-shadow: none
}
.ticket-category-list li .price-promo-locked {
display: none !important
}
.ticket-category-list li .form-type-number label {
width: 100%
}
.ticket-category-list li .form-type-number label>span {
display: flex;
align-items: center;
width: 100%
}
.ticket-category-list li .form-type-number label.switch>span {
flex-wrap: wrap
}
.ticket-category-list li .form-type-number .icon-information {
color: initial
}
.ticket-category-list li .form-type-number .price-amount {
margin-left: auto;
margin-right: 1rem
}
.ticket-category-list li .form-group {
margin-bottom: 0
}
.ticket-category-list li .form-group:not(:first-child) {
margin-top: .5rem
}
.ticket-category-list li:hover {
background-color: #fff;
box-shadow: 0 8px 8px rgba(0, 0, 0, .05), 0 0 32px rgba(0, 0, 0, .03);
z-index: 1
}
.ticket-category-list li:hover .block-auto-notice {
color: #fff !important
}
.ticket-category-list li:hover .block-auto-notice:before {
opacity: 1
}
.ticket-category-list li:first-child {
border-top: 1px solid #dee2e6
}
.ticket-category-list li[data-nb-place="0"] {
background-color: #eceff1;
cursor: initial;
border-color: #dee2e6
}
.ticket-category-list li[data-nb-place="0"]:before {
display: none !important
}
.ticket-category-list li[data-nb-place="0"] .actions {
display: none
}
.ticket-category-list li[data-nb-place="0"]:hover {
box-shadow: none
}
.ticket-category-list li[data-nb-place="0"] .category-wrapper {
opacity: .5
}
.ticket-category-list li[data-nb-place="0"] .category-price {
text-transform: uppercase;
text-decoration: unset !important
}
.ticket-category-list li:not([data-nb-place="0"]):not(.block-mode) {
padding-right: 3.5rem;
display: inline-flex;
align-items: center;
margin-right: .5rem;
display: list-item
}
.ticket-category-list li:not([data-nb-place="0"]):not(.block-mode):before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ticket-category-list li:not([data-nb-place="0"]):not(.block-mode):after {
position: absolute;
font-size: .875rem;
right: 1rem
}
.ticket-category-list li.js-category-locked:hover {
box-shadow: none
}
.ticket-category-list li.js-category-locked .category-price {
text-decoration: underline
}
.ticket-category-list li .title {
font-weight: 600;
font-size: 1rem
}
@media(min-width:992px) {
.ticket-category-list li .title {
font-size: 1.25rem
}
}
.ticket-category-list li .category-price {
font-weight: 600;
font-family: inherit;
font-size: .875rem
}
@media(min-width:992px) {
.ticket-category-list li .category-price {
font-size: 1rem
}
}
.ticket-category-list li .description {
font-size: .875rem;
color: #76818d;
margin: .5rem 1rem
}
@media(max-width:991.98px) {
.ticket-category-list li .description {
font-size: .75rem
}
}
.ticket-category-list li.block-mode:before {
content: "";
background: #1882ff;
display: block;
height: 100%;
width: .25rem;
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: opacity 300ms ease-in-out
}
.ticket-category-list li.block-mode.active:before,
.ticket-category-list li.block-mode:hover:before {
opacity: 1
}
.ticket-category-list li.block-mode.js-category-locked:hover {
background-color: rgba(0, 0, 0, 0)
}
.ticket-category-list li.block-mode .box {
height: auto;
top: 0;
bottom: 0;
left: 0
}
.ticket-category-list li.block-mode.active .show-details:after {
transform: rotate(180deg)
}
.ticket-category-list li.has-unlocked-rate .category-wrapper {
padding-left: 0
}
.ticket-category-list li .category-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex: 1;
position: relative;
font-size: .875rem;
padding-left: 1rem
}
.ticket-category-list li .category-wrapper .show-details {
height: 2.25rem;
width: 2.25rem;
background-color: #f6f8f9;
border-radius: 100%;
font-size: 0;
display: flex;
align-items: center;
justify-content: center;
margin-left: .5rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
cursor: pointer
}
.ticket-category-list li .category-wrapper .show-details:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem
}
.ticket-category-list li .category-name {
padding: 0
}
.ticket-category-list li .category-details {
margin-inline-start: auto;
text-align: right;
margin-right: 1rem
}
.ticket-category-list li .category-stock {
font-size: .75rem;
color: #76818d
}
.ticket-category-list li .category-stock:first-child {
text-transform: uppercase;
margin-right: 1.5rem;
font-size: 1rem;
font-weight: 600
}
.ticket-category-list li .category-express {
align-items: center;
justify-content: space-between;
margin-top: .5rem
}
.ticket-category-list li .category-express-link {
font-size: .75rem;
font-weight: 600
}
.ticket-category-list li .category-price {
font-weight: 600;
margin-left: auto;
font-size: 1rem;
white-space: nowrap
}
.ticket-category-list li .category-price+.actions {
pointer-events: none
}
.ticket-category-list li .category-tickets-nb {
font-size: 1.125rem;
font-weight: 600
}
.ticket-category-list li .box {
position: absolute;
width: .5rem;
height: calc(100% - .5rem);
border-radius: 3px 0 0 3px;
border-radius: 1rem;
background-color: #76818d;
min-height: 1.5rem;
margin-right: 10px;
min-height: 36px;
left: 0;
flex-shrink: 0
}
.ticket-block-head {
justify-content: space-between
}
.ticket-block-head .block-name {
display: flex
}
.ticket-block-head .box {
height: 1.5rem;
width: .5rem;
border-radius: .25rem;
margin-right: .5rem;
background-color: #76818d
}
.ticket-block-head .js-category-title {
font-weight: 600;
font-size: .875rem
}
.ticket-category-head {
display: flex;
align-items: center;
padding: 0 1rem
}
@media(min-width:992px) {
.ticket-category-head {
padding: 0 1.5rem
}
}
.ticket-category-head .box {
height: 1.5rem;
width: .5rem;
border-radius: .25rem;
margin-right: .5rem;
background-color: #76818d
}
.ticket-category-head .js-category-title {
font-weight: 600;
font-size: .875rem
}
.ticket-category-body {
margin-top: 1.5rem
}
.ticket-category-body .select-block-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 1rem
}
@media(max-width:991.98px) {
.ticket-category-body .select-block-wrapper {
font-size: .875rem
}
}
@media(min-width:992px) {
.ticket-category-body .select-block-wrapper {
padding: 0 1.5rem
}
}
.ticket-category-body .select-block-wrapper .select-block-hint {
font-weight: 600
}
.ticket-category-body .select-block-wrapper .btn-link {
padding-right: 0;
font-weight: normal;
font-size: .875rem;
text-decoration: underline
}
.ticket-category-body ul li {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid #dee2e6;
border-radius: 0;
cursor: pointer;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
background-color: #f6f8f9
}
@media(min-width:992px) {
.ticket-category-body ul li {
flex-wrap: wrap;
padding-left: 1.5rem
}
}
.ticket-category-body ul li:first-child {
border-top: 1px solid #dee2e6
}
.ticket-category-body ul li:hover {
box-shadow: 0 8px 8px rgba(0, 0, 0, .05), 0 0 32px rgba(0, 0, 0, .03);
background-color: #fff
}
.ticket-category-body ul li .css-placement-buttons {
flex: 0 0 100%
}
.ticket-category-body ul li .show-details {
height: 2.25rem;
width: 2.25rem;
background-color: #f6f8f9;
border-radius: 100%;
font-size: 0;
display: flex;
align-items: center;
justify-content: center;
margin-left: .5rem;
margin-right: -0.5rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.ticket-category-body ul li .show-details:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem
}
.ticket-category-body ul li.active .show-details:after {
transform: rotate(180deg)
}
.ticket-category-body ul li .block-title {
font-size: 1.125rem;
font-weight: 600;
text-transform: uppercase
}
.ticket-category-body ul li .block-infos-part-r {
text-align: right;
margin-left: auto;
margin-right: .5rem
}
.ticket-category-body ul li .block-price {
font-weight: 600
}
.ticket-category-body ul li .block-description,
.ticket-category-body ul li .block-availability {
color: #76818d
}
.ticket-category-body ul li .block-description {
font-size: .875rem
}
.ticket-category-body ul li .block-availability {
font-size: .75rem
}
.ticket-category-body .ticket-select-auto .btn {
align-items: center;
background-color: #fff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #1882ff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
margin-right: .5rem;
width: 100%;
height: 3rem;
margin-bottom: 2rem
}
@media(min-width:768px) {
.ticket-category-body .ticket-select-auto .btn {
display: inline-flex
}
}
.ticket-category-body .ticket-select-auto .btn:hover {
background-color: #fff;
border-color: #1882ff;
color: #1882ff;
transform: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03)
}
.ticket-category-body .ticket-select-auto .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ticket-category-body .ticket-select-auto .btn:hover {
box-shadow: 0 8px 8px rgba(0, 0, 0, .05), 0 0 32px rgba(0, 0, 0, .03)
}
.contig-cart-wrapper,
.contig-cart-dispatch-wrapper {
border-radius: 0;
border-bottom: 1px solid #dee2e6;
background-color: #f6f8f9;
position: relative
}
@media(min-width:992px) {
.contig-cart-wrapper,
.contig-cart-dispatch-wrapper {
background-color: #fff
}
}
.contig-cart-wrapper:before,
.contig-cart-dispatch-wrapper:before {
content: "";
background: #1882ff;
display: block;
height: 100%;
width: .25rem;
position: absolute;
left: 0;
top: 0;
z-index: 2
}
.contig-cart-wrapper:first-child,
.contig-cart-dispatch-wrapper:first-child {
border-top: 1px solid #dee2e6
}
.contig-cart-wrapper .js-category-label-wrapper,
.contig-cart-dispatch-wrapper .js-category-label-wrapper {
padding-left: 1rem;
position: relative;
font-size: 1rem;
font-weight: 600
}
@media(min-width:992px) {
.contig-cart-wrapper .js-category-label-wrapper,
.contig-cart-dispatch-wrapper .js-category-label-wrapper {
font-size: 1.25rem
}
}
.contig-cart-wrapper .js-hvsc-vscart-contig-qty,
.contig-cart-dispatch-wrapper .js-hvsc-vscart-contig-qty {
font-size: .875rem;
font-weight: normal;
color: #76818d
}
.contig-cart-wrapper .box,
.contig-cart-dispatch-wrapper .box {
width: .5rem;
position: absolute;
left: 0;
height: 100%;
top: 0;
border: none;
border-radius: .25rem
}
.contig-cart-wrapper .category-title,
.contig-cart-dispatch-wrapper .category-title {
font-size: 1rem;
font-weight: 600
}
.contig-cart-wrapper .category-title .category-label,
.contig-cart-dispatch-wrapper .category-title .category-label {
font-weight: normal
}
.contig-cart-wrapper .category-title span,
.contig-cart-dispatch-wrapper .category-title span {
font-size: .75rem;
font-weight: normal
}
.contig-cart-wrapper>.seat__selected-item,
.contig-cart-dispatch-wrapper>.seat__selected-item {
padding: 0;
border: 0;
margin: 0;
border-color: #f6f8f9
}
.contig-cart-wrapper>.seat__selected-item:last-child .seat__selected-item-info,
.contig-cart-dispatch-wrapper>.seat__selected-item:last-child .seat__selected-item-info {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0
}
.contig-cart-wrapper>.seat__selected-item .category-title,
.contig-cart-dispatch-wrapper>.seat__selected-item .category-title {
margin-top: 1rem;
margin-bottom: .5rem
}
.contig-cart-wrapper>.seat__selected-item .seat-number,
.contig-cart-dispatch-wrapper>.seat__selected-item .seat-number {
font-size: .75rem;
color: #76818d
}
.contig-cart-wrapper>.seat__selected-item .seat-selector,
.contig-cart-dispatch-wrapper>.seat__selected-item .seat-selector {
top: 0;
right: 0
}
.contig-cart-wrapper>.seat__selected-item .seat-selector:before,
.contig-cart-dispatch-wrapper>.seat__selected-item .seat-selector:before {
content: "";
background-color: #d2d2d2;
color: #76818d
}
.contig-cart-wrapper>.seat__selected-item.single-seat .seat__selected-item-info,
.contig-cart-dispatch-wrapper>.seat__selected-item.single-seat .seat__selected-item-info {
align-items: stretch
}
.contig-cart-wrapper>.seat__selected-item.single-seat .category-title,
.contig-cart-dispatch-wrapper>.seat__selected-item.single-seat .category-title {
margin-top: 0
}
.contig-cart-wrapper>.seat__selected-item.single-seat .category-label,
.contig-cart-dispatch-wrapper>.seat__selected-item.single-seat .category-label {
display: flex
}
.contig-cart-wrapper>.seat__selected-item.single-seat .js-hvsc-vscart-item-type-price,
.contig-cart-dispatch-wrapper>.seat__selected-item.single-seat .js-hvsc-vscart-item-type-price {
display: flex;
flex-direction: column
}
.contig-cart-wrapper>.seat__selected-item.single-seat .js-hvsc-vscart-item-type-price .price,
.contig-cart-dispatch-wrapper>.seat__selected-item.single-seat .js-hvsc-vscart-item-type-price .price {
font-size: 1.25rem
}
.contig-cart-price,
.contig-cart-dispatch-price {
font-size: 1rem;
font-weight: 600;
margin-left: auto
}
@media(max-width:991.98px) {
.contig-cart-price,
.contig-cart-dispatch-price {
font-size: 1rem
}
}
.contig-cart-header,
.contig-cart-dispatch-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.5rem
}
.contig-cart-header .icon-delete,
.contig-cart-dispatch-header .icon-delete {
margin-left: .5rem
}
.contig-cart-header .icon-delete:before,
.contig-cart-dispatch-header .icon-delete:before {
content: "";
font-family: "hubber8";
background-color: #d2d2d2;
height: 2.5rem;
width: 2.5rem;
color: #76818d;
font-size: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%
}
.contig-cart-item:not(:last-child),
.contig-cart-dispatch-item:not(:last-child) {
margin-bottom: 2rem;
position: relative
}
.contig-cart-item:not(:last-child):after,
.contig-cart-dispatch-item:not(:last-child):after {
content: "";
height: 1px;
width: calc(100% + 2rem);
position: absolute;
bottom: -1rem;
left: -1rem;
background-color: #64bf18
}
.contig-cart-item .category-label,
.contig-cart-dispatch-item .category-label {
display: flex;
align-items: center;
font-weight: normal
}
.contig-cart-item .box,
.contig-cart-dispatch-item .box {
height: 1.5rem;
width: .5rem;
border-radius: .25rem;
margin-right: .5rem;
background-color: #76818d
}
.contig-cart-item .seat__selected-item,
.contig-cart-dispatch-item .seat__selected-item {
padding: 0;
margin: 0;
border: 0
}
.contig-cart-item .seat__selected-item fieldset,
.contig-cart-dispatch-item .seat__selected-item fieldset {
margin-bottom: 0
}
.contig-cart-item .seat__selected-item:not(:last-child) .seat__selected-item-info,
.contig-cart-dispatch-item .seat__selected-item:not(:last-child) .seat__selected-item-info {
margin-bottom: .75rem;
padding-bottom: .75rem;
border-bottom: 1px solid #dee2e6
}
.contig-cart-item .seat__selected-item-info,
.contig-cart-dispatch-item .seat__selected-item-info {
display: flex;
justify-content: space-between;
align-items: flex-end
}
.contig-cart-item .seat__selected-item-info .seat-number,
.contig-cart-dispatch-item .seat__selected-item-info .seat-number {
font-size: .75rem;
color: #76818d
}
.contig-cart-item .seat__selected-item-info .price,
.contig-cart-dispatch-item .seat__selected-item-info .price {
font-weight: 600
}
.contig-cart-item .seat__selected-item-info select,
.contig-cart-dispatch-item .seat__selected-item-info select {
font-size: .875rem;
border: 0
}
.contig-cart-item .seat__selected-item-info .seat-selector,
.contig-cart-dispatch-item .seat__selected-item-info .seat-selector {
position: absolute;
right: 1rem;
top: 1rem;
font-size: 0
}
.contig-cart-item .seat__selected-item-info .seat-selector:before,
.contig-cart-dispatch-item .seat__selected-item-info .seat-selector:before {
content: "";
font-family: "hubber8";
height: 2.5rem;
width: 2.5rem;
background-color: #64bf18;
color: #fff;
font-size: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%
}
.contig-cart-total,
.contig-cart-dispatch-total {
text-align: right;
font-weight: normal;
margin-bottom: 1rem;
padding-bottom: .5rem;
border-bottom: 1px solid #dee2e6
}
.contig-cart-total em,
.contig-cart-dispatch-total em {
font-size: 1.25rem;
font-weight: 600
}
.contig-cart-info,
.contig-cart-dispatch-info {
border-radius: .5rem;
background-color: #fff;
border: 1px solid #dee2e6;
color: #1882ff;
display: flex;
align-items: center;
padding: .5rem 1rem;
font-size: .75rem;
margin: 1rem 0;
line-height: 1;
font-weight: 600
}
.contig-cart-info:before,
.contig-cart-dispatch-info:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
margin-right: .5rem
}
.ticket-category-list .quantity-selector-wrapper {
border-color: #dee2e6;
padding: .75rem !important;
overflow: hidden;
margin-bottom: 1rem;
align-items: center;
flex-wrap: wrap
}
.ticket-category-list .quantity-selector-wrapper:before {
content: "";
opacity: .15;
position: absolute;
background-color: var(--custom-color, #FFFFFF);
inset: 0;
width: 100%
}
.ticket-category-list .quantity-selector-wrapper.is-quantity-selected {
color: var(--custom-color, #1882FF);
border: 1px solid var(--custom-color, #1882FF)
}
.ticket-category-list .quantity-selector-wrapper.is-quantity-selected:before {
background-color: var(--custom-color, #1882FF);
opacity: .15
}
.ticket-category-list .quantity-selector-wrapper.is-quantity-selected input {
color: var(--custom-color, #1882FF);
font-weight: 600
}
.ticket-category-list .quantity-selector-wrapper:hover {
border: 1px solid var(--custom-color, #1882FF)
}
.ticket-category-list .quantity-selector-wrapper:hover:before {
background-color: var(--custom-color, #1882FF);
opacity: .1
}
.ticket-category-list .quantity-selector-wrapper.price-promo-unlocked:before {
background: rgba(206, 162, 54, .15) !important
}
.ticket-category-list .quantity-selector-wrapper.price-promo-unlocked:hover {
border: 1px solid #cea236 !important
}
.ticket-category-list .quantity-selector-wrapper.price-promo-unlocked:hover:before {
background: rgba(206, 162, 54, .1) !important
}
.ticket-category-list .quantity-selector-wrapper.price-promo-unlocked.is-quantity-selected {
border: 1px solid #cea236 !important;
color: #cea236 !important
}
.ticket-category-list .quantity-selector-wrapper.price-promo-unlocked.is-quantity-selected:before {
background: rgba(206, 162, 54, .15) !important;
opacity: 1
}
.ticket-category-list .quantity-selector-wrapper.price-promo-unlocked.is-quantity-selected:hover:before {
background: rgba(206, 162, 54, .1) !important
}
.ticket-category-list .quantity-selector-wrapper.price-promo-unlocked.is-quantity-selected input {
color: #cea236 !important
}
.ticket-category-list .quantity-selector-wrapper.price-promo-unlocked.is-quantity-selected .quantity-selector .quantity-minus,
.ticket-category-list .quantity-selector-wrapper.price-promo-unlocked.is-quantity-selected .quantity-selector .quantity-plus {
border: 1px solid #cea236 !important
}
.ticket-category-list .quantity-selector-wrapper.price-promo-unlocked.is-quantity-selected .quantity-selector .quantity-minus:before,
.ticket-category-list .quantity-selector-wrapper.price-promo-unlocked.is-quantity-selected .quantity-selector .quantity-plus:before {
color: #cea236 !important
}
.ticket-category-list .quantity-selector-wrapper .quantity-selector {
display: flex;
align-items: center;
justify-content: flex-end;
width: auto;
gap: .25rem;
position: relative;
z-index: 1
}
.ticket-category-list .quantity-selector-wrapper .quantity-selector .form-control {
width: 2rem;
padding: 0;
background: rgba(0, 0, 0, 0);
text-align: center;
z-index: 1
}
.ticket-category-list .quantity-selector-wrapper .quantity-selector .form-control:hover {
box-shadow: none
}
.ticket-category-list .quantity-selector-wrapper .quantity-selector .form-control:not(:focus) {
border-color: rgba(0, 0, 0, 0)
}
.ticket-category-list .quantity-selector-wrapper .quantity-selector .js-quantity-button {
flex: none;
margin: 0;
padding: 0;
width: 2.25rem;
height: 2.25rem;
border-radius: .5rem;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #dee2e6;
background: rgba(0, 0, 0, 0)
}
.ticket-category-list .quantity-selector-wrapper .quantity-selector .js-quantity-button.disabled-button,
.ticket-category-list .quantity-selector-wrapper .quantity-selector .js-quantity-button.disabled-button:hover {
border: 1px solid #dee2e6 !important;
background: rgba(0, 0, 0, 0) !important
}
.ticket-category-list .quantity-selector-wrapper .quantity-selector .quantity-minus:after {
display: none
}
.ticket-category-list .quantity-selector-wrapper .quantity-selector .quantity-minus.trash {
background-color: none;
font-weight: normal
}
.ticket-category-list .quantity-selector-wrapper .quantity-selector .custom-select {
background: #fff;
min-width: 1.5rem;
height: 2rem;
border: 1px solid #dee2e6;
text-align: center;
padding: 0 .25rem
}
.ticket-category-list .quantity-selector-wrapper .quantity-selector .form-select {
font-size: .875rem;
height: 2.25rem;
text-align: center;
border: 0;
background-color: rgba(0, 0, 0, 0);
min-width: 1.5rem
}
.ticket-category-list .quantity-selector-wrapper.quantity-selector-locked label:before {
content: "";
font-family: "hubber8";
color: #f18400;
font-size: 2rem;
line-height: 2rem
}
.ticket-category-list .quantity-selector-wrapper label {
width: 100%;
margin-bottom: 0;
align-items: center;
position: relative;
flex: 1
}
.ticket-category-list .quantity-selector-wrapper label>span {
display: flex;
align-items: center;
width: 100%;
gap: .5rem
}
.ticket-category-list .quantity-selector-wrapper label>span .price-name {
display: flex;
align-items: center;
font-size: 1rem;
font-weight: 600
}
.ticket-category-list .quantity-selector-wrapper label>span .infos.price-info {
margin-top: 0;
color: #76818d
}
.ticket-category-list .quantity-selector-wrapper label>span .info-details p {
margin-bottom: 0;
color: #76818d;
font-weight: normal
}
.ticket-category-list .quantity-selector-wrapper .price-amount {
font-weight: 600;
font-size: 1rem;
margin-left: auto;
margin-right: .75rem
}
.ticket-category-list .quantity-selector-wrapper[data-quantity]:not([data-color]):before {
color: #cea236
}
.css-placement-buttons button.css-category-choose {
display: none
}
.css-placement-buttons button.btn-primary {
flex: 1;
width: 100%;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.css-placement-buttons button.btn-primary:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.css-placement-buttons button.js-block-choose,
.css-seat-mode .css-placement-buttons button.css-category-choose {
align-items: center;
background-color: #fff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #1882ff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
@media(min-width:768px) {
.css-placement-buttons button.js-block-choose,
.css-seat-mode .css-placement-buttons button.css-category-choose {
display: inline-flex
}
}
.css-placement-buttons button.js-block-choose:hover,
.css-seat-mode .css-placement-buttons button.css-category-choose:hover {
background-color: #fff;
border-color: #1882ff;
color: #1882ff;
transform: none;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03)
}
.css-placement-buttons button.js-block-choose:before,
.css-seat-mode .css-placement-buttons button.css-category-choose:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(min-width:992px) {
.css-placement-buttons button.js-block-choose,
.css-seat-mode .css-placement-buttons button.css-category-choose {
flex: 1
}
}
@media(max-width:991.98px) {
.css-placement-buttons button.js-block-choose,
.css-seat-mode .css-placement-buttons button.css-category-choose {
width: 100%
}
}
.resale-link-wrapper {
margin-right: 1.5rem
}
.link-resale {
display: inline-flex;
align-items: center;
margin-right: .5rem;
margin-left: auto;
color: inherit !important;
height: 38px;
padding-right: .5rem;
padding-left: 1rem;
width: 100%;
justify-content: center
}
.link-resale:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.link-resale:hover {
border: 1px solid rgba(255, 255, 255, .25)
}
.link-resale-mobile .link-resale {
width: 100%;
text-align: center;
border: 1px solid;
justify-content: center;
margin: 1rem 0;
padding: .5rem
}
.page-product-resale .nb-tickets {
padding: 0 1.5rem
}
#commerce-product-ticketing-form .form-group {
margin-bottom: 0;
position: relative
}
#commerce-product-ticketing-form .form-group.price-promo-unlocked .form-type-number {
border: 1px solid #cea236
}
#commerce-product-ticketing-form .form-group .box {
left: .5rem;
top: .75rem;
bottom: .75rem
}
#commerce-product-ticketing-form .ticket-dispatch-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: .75rem;
padding-bottom: .5rem;
border-bottom: 1px solid #dee2e6
}
#commerce-product-ticketing-form .ticket-dispatch-wrapper .dispatch-toggle-wrapper {
margin-bottom: 0;
padding-left: 2.5rem;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
#commerce-product-ticketing-form .ticket-dispatch-wrapper .dispatch-toggle-wrapper:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
#commerce-product-ticketing-form .ticket-dispatch-wrapper .seat__selected-total {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0
}
@media(min-width:992px) {
#commerce-product-add-to-cart-form .category-cta-wrapper {
margin-top: 0
}
}
#commerce-product-add-to-cart-form .quantity-selector[data-quantity] {
border-color: #1882ff !important;
color: #1882ff !important
}
#commerce-product-add-to-cart-form .quantity-selector[data-quantity] * {
color: inherit
}
#commerce-product-add-to-cart-form .block-name {
padding: 0 .75rem;
display: flex;
gap: 4px;
font-weight: 600
}
@media(min-width:992px) {
#commerce-product-add-to-cart-form .block-name {
padding-inline: 1.5rem
}
}
#commerce-product-add-to-cart-form .block-name .box {
height: 1.5rem;
width: .5rem;
border-radius: .25rem;
margin-right: .5rem;
background-color: #76818d
}
#commerce-product-add-to-cart-form .block-name:not(:empty)+.ticket-block-head {
margin-top: -1.5rem
}
#commerce-product-add-to-cart-form .css-placement-buttons {
margin-top: 1rem;
margin-bottom: .5rem
}
#commerce-product-add-to-cart-form .ticket-block-head {
justify-content: space-between
}
@media(min-width:992px) {
#commerce-product-add-to-cart-form .ticket-block-head {
padding: 0 1.5rem;
margin-bottom: 0
}
}
#commerce-product-add-to-cart-form .ticket-block-head .block-name {
font-weight: 600
}
#commerce-product-add-to-cart-form .ticket-block-head .block-name em {
margin-left: .5rem
}
#commerce-product-add-to-cart-form .ticket-block-head .block-name .separator {
margin-right: .25rem
}
#commerce-product-add-to-cart-form .ticket-block-head .btn-link {
padding: 0;
font-weight: normal;
text-decoration: underline;
font-size: .875rem;
margin-inline-start: auto;
margin-block-start: -1.5rem
}
#commerce-product-add-to-cart-form .ticket-block-head .btn-link.js-btn-cancel-choosen-block {
margin-block-start: 0
}
@media(max-width:991.98px) {
#commerce-product-add-to-cart-form .ticket-block-head .btn-link.js-btn-cancel-choosen-block {
margin-inline-end: .75rem
}
}
@media(max-width:991.98px) {
body.map-fullscreen #header,
body.map-fullscreen .breadcrumb-container,
body.map-block-automatic-selection #header,
body.map-block-automatic-selection .breadcrumb-container {
display: none
}
body.map-fullscreen.map-fullscreen:not(.page-product-resale),
body.map-fullscreen.page-product-resale.map-fullscreen:not(.map-block-selection),
body.map-block-automatic-selection.map-fullscreen:not(.page-product-resale),
body.map-block-automatic-selection.page-product-resale.map-fullscreen:not(.map-block-selection) {
overflow: hidden
}
body.map-fullscreen.map-fullscreen:not(.page-product-resale) .map-togglers__mobile,
body.map-fullscreen.map-fullscreen:not(.page-product-resale) .ticket-content-filters,
body.map-fullscreen.map-fullscreen:not(.page-product-resale) .field--name-variations,
body.map-fullscreen.page-product-resale.map-fullscreen:not(.map-block-selection) .map-togglers__mobile,
body.map-fullscreen.page-product-resale.map-fullscreen:not(.map-block-selection) .ticket-content-filters,
body.map-fullscreen.page-product-resale.map-fullscreen:not(.map-block-selection) .field--name-variations,
body.map-block-automatic-selection.map-fullscreen:not(.page-product-resale) .map-togglers__mobile,
body.map-block-automatic-selection.map-fullscreen:not(.page-product-resale) .ticket-content-filters,
body.map-block-automatic-selection.map-fullscreen:not(.page-product-resale) .field--name-variations,
body.map-block-automatic-selection.page-product-resale.map-fullscreen:not(.map-block-selection) .map-togglers__mobile,
body.map-block-automatic-selection.page-product-resale.map-fullscreen:not(.map-block-selection) .ticket-content-filters,
body.map-block-automatic-selection.page-product-resale.map-fullscreen:not(.map-block-selection) .field--name-variations {
display: none
}
body.map-fullscreen.map-block-automatic-selection .seat-mode-content,
body.map-fullscreen.map-block-automatic-selection .map-togglers__mobile,
body.map-fullscreen.map-block-automatic-selection .map-toggle-info,
body.map-block-automatic-selection.map-block-automatic-selection .seat-mode-content,
body.map-block-automatic-selection.map-block-automatic-selection .map-togglers__mobile,
body.map-block-automatic-selection.map-block-automatic-selection .map-toggle-info {
display: none
}
#commerce-product-ticketing-plan .seat-tooltip {
display: none !important
}
#commerce-product-ticketing-plan .ticket-block-head-mobile,
#commerce-product-ticketing-plan .ticket-map-fullscreen-head-mobile {
align-items: center;
justify-content: center;
height: 3rem;
background-color: #f7f9fa;
font-size: .875rem
}
body.map-block-selection:not(.map-mono-block) #commerce-product-ticketing-plan .ticket-block-head-mobile.ticket-block-head-mobile,
body.map-block-selection:not(.map-mono-block) #commerce-product-ticketing-plan .ticket-map-fullscreen-head-mobile.ticket-block-head-mobile {
display: flex
}
body.map-fullscreen:not(.map-block-selection) #commerce-product-ticketing-plan .ticket-block-head-mobile.ticket-map-fullscreen-head-mobile,
body.map-fullscreen.map-mono-block #commerce-product-ticketing-plan .ticket-block-head-mobile.ticket-map-fullscreen-head-mobile,
body.map-fullscreen:not(.map-block-selection) #commerce-product-ticketing-plan .ticket-map-fullscreen-head-mobile.ticket-map-fullscreen-head-mobile,
body.map-fullscreen.map-mono-block #commerce-product-ticketing-plan .ticket-map-fullscreen-head-mobile.ticket-map-fullscreen-head-mobile {
display: flex
}
#commerce-product-ticketing-plan .ticket-block-head-mobile .btn-back,
#commerce-product-ticketing-plan .ticket-map-fullscreen-head-mobile .btn-back {
width: auto;
position: absolute;
left: 0;
background: rgba(0, 0, 0, 0);
margin-left: .5rem
}
#commerce-product-ticketing-plan .ticket-block-head-mobile .btn-back:before,
#commerce-product-ticketing-plan .ticket-map-fullscreen-head-mobile .btn-back:before {
content: "";
font-family: "hubber8"
}
#commerce-product-ticketing-plan .ticket-block-head-mobile .block-name,
#commerce-product-ticketing-plan .ticket-block-head-mobile .choice-on-map-label,
#commerce-product-ticketing-plan .ticket-map-fullscreen-head-mobile .block-name,
#commerce-product-ticketing-plan .ticket-map-fullscreen-head-mobile .choice-on-map-label {
font-weight: 600;
max-width: calc(100vw - 10rem);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
#commerce-product-ticketing-form .js-hvsc-vscart {
z-index: 902;
box-shadow: 0px 5px 24px rgba(0, 0, 0, .07), 0px 2px 15px rgba(0, 0, 0, .03), 0px 1px 5px rgba(0, 0, 0, .03), 0px 1px 3px rgba(0, 0, 0, .05)
}
#commerce-product-ticketing-form .js-hvsc-vscart:not(.has-contents) .ticket-content-footer,
#commerce-product-ticketing-form .js-hvsc-vscart:not(.has-contents) .seat-select-more-information {
display: none
}
#commerce-product-ticketing-form .js-hvsc-vscart.closed .seat__selected-title {
margin-bottom: 0
}
#commerce-product-ticketing-form .js-hvsc-vscart.closed .seat__selected-total {
display: none
}
#commerce-product-ticketing-form .js-hvsc-vscart.closed .dispatch-toggle-wrapper {
display: none
}
#commerce-product-ticketing-form .js-hvsc-vscart.closed .js-hvsc-vscart-btn-action {
display: none
}
#commerce-product-ticketing-form .js-hvsc-vscart.closed .js-hvsc-vscart-contents-wrapper {
display: none
}
#commerce-product-ticketing-form .js-hvsc-vscart.closed .js-toggle-cart-details:before {
transform: rotate(180deg)
}
#commerce-product-ticketing-form .js-hvsc-vscart.closed .vscart-title {
display: none
}
#commerce-product-ticketing-form .js-hvsc-vscart:not(.closed) .js-view-cart-selection {
display: none
}
#commerce-product-ticketing-form .js-hvsc-vscart:not(.closed) .vscart-title-closed {
display: none
}
#commerce-product-ticketing-form .js-hvsc-vscart:before {
content: "";
width: 30px;
height: 3px;
position: absolute;
top: 8px;
left: 50%;
background: #e2e5e8;
transform: translateX(-50%);
border-radius: 100%
}
#commerce-product-ticketing-form .js-hvsc-vscart .js-view-cart-selection,
#commerce-product-ticketing-form .js-hvsc-vscart .js-hvsc-vscart-btn-action {
margin-right: unset
}
#commerce-product-ticketing-form .js-hvsc-vscart .js-view-cart-selection {
display: inline-flex;
align-items: center
}
#commerce-product-ticketing-form .js-hvsc-vscart .js-view-cart-selection:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
#commerce-product-ticketing-form .js-hvsc-vscart .js-toggle-cart-details {
width: 3rem;
height: 3rem;
border: 1px solid #dee2e6;
background: rgba(0, 0, 0, 0);
justify-content: center;
color: initial;
font-size: 0;
padding: 0;
flex-shrink: 0;
display: inline-flex;
align-items: center
}
#commerce-product-ticketing-form .js-hvsc-vscart .js-toggle-cart-details:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
#commerce-product-ticketing-form .js-hvsc-vscart-title {
margin-bottom: 1rem
}
#commerce-product-ticketing-form .js-hvsc-vscart-cart-empty-mobile {
font-size: .75rem
}
#commerce-product-ticketing-form .js-hvsc-vscart-detail {
max-height: 45vh;
overflow: auto
}
#commerce-product-ticketing-form .js-hvsc-vscart .ticket-content-footer {
padding: 1rem 1rem 0
}
}
@media(min-width:992px) {
.plan:not(.full)+.ticket-content #commerce-product-ticketing-form .ticket-content-footer {
position: fixed;
width: 512px;
bottom: 0;
right: 0;
padding: 1rem 1.5rem;
background-color: #fff;
box-shadow: 6px -3px 9px rgba(0, 0, 0, .2);
z-index: 3
}
}
@media(min-width:992px)and (min-width:1200px) {
.plan:not(.full)+.ticket-content #commerce-product-ticketing-form .ticket-content-footer {
width: 600px
}
}
@media(min-width:992px) {
.plan.hide+.ticket-content #commerce-product-ticketing-form .ticket-content-footer {
width: 100%
}
.plan.hide+.ticket-content #commerce-product-ticketing-form .ticket-content-footer-container {
width: 512px;
margin: 0 auto
}
}
@media(min-width:992px)and (min-width:1200px) {
.plan.hide+.ticket-content #commerce-product-ticketing-form .ticket-content-footer-container {
width: 600px
}
}
@media(min-width:992px) {
#commerce-product-ticketing-form .ticket-content-footer .btn-link {
position: absolute;
top: 1.5rem;
z-index: 1;
padding: 0;
font-weight: normal;
color: initial;
text-decoration: underline
}
}
@media(min-width:992px) {
#commerce-product-ticketing-form .ticket-content-footer .action-wrapper {
position: relative;
align-items: center;
justify-content: space-between
}
#commerce-product-ticketing-form .ticket-content-footer .action-wrapper .btn-link {
top: -3.75rem
}
}
@media(min-width:992px) {
#commerce-product-ticketing-form .ticket-content-footer .btn-primary {
width: 100%;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
#commerce-product-ticketing-form .ticket-content-footer .btn-primary:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
}
@media(min-width:992px) {
#commerce-product-ticketing-form .ticket-content-footer .action-wrapper {
display: flex
}
}
@media(max-width:991.98px) {
.ticket-content-footer-container .action-wrapper {
flex-wrap: wrap;
gap: .75rem
}
.ticket-content-footer-container .action-wrapper .btn-link {
flex: 0 0 100%;
margin-bottom: 1rem;
text-align: left
}
}
.js-hvsc-vscart-dispatch-empty .js-hvsc-vscart-title {
margin-block: 1.5rem;
font-size: 1rem
}
.js-hvsc-vscart-dispatch-empty .seat-select-empty {
flex-direction: row;
padding: .75rem 1.5rem;
gap: .5rem;
position: relative;
border-inline: 0;
border-top: 1px solid #1882ff
}
.js-hvsc-vscart-dispatch-empty .seat-select-empty:before {
font-size: 1.5rem;
color: #1882ff
}
.js-hvsc-vscart-dispatch-empty .seat-select-empty p {
margin-bottom: 0;
font-size: .75rem;
color: #1882ff
}
.js-hvsc-vscart-dispatch-empty .seat-select-empty:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #1882ff;
opacity: .05
}
@media(min-width:992px) {
.dispatch-info {
max-width: 43.5rem
}
}
.dispatch-info-subtitle {
font-size: .875rem;
font-weight: 600;
margin: .5rem 0
}
.dispatch-info-description {
margin-bottom: 2rem
}
.dispatch-info .actions-wrapper {
display: flex;
align-items: center;
justify-content: space-between
}
#thumbViewContainer {
position: absolute;
top: 1rem;
right: 1rem
}
#thumbViewContainer .thumbViewElement {
position: absolute;
top: 0;
right: 0;
width: 9rem;
height: 9rem;
margin: 3px;
overflow: hidden;
border-radius: 6px;
border: 1px solid #fff
}
#thumbViewContainer .thumbViewElement .svg_map.arena_map {
background-color: rgba(0, 0, 0, 0)
}
#thumbViewContainer .closecross {
z-index: 10;
cursor: pointer;
position: absolute;
top: -6px;
right: -6px
}
#thumbViewContainer .closecross::after {
content: "";
font-family: "hubber8";
font-size: 20px;
line-height: 1;
background: #000;
color: #fff;
height: 20px;
width: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
border: 1px solid #fff
}
#thumbSVG,
#mainSVG {
height: 100%;
width: 100%
}
#thumbView {
z-index: 1;
background: rgba(0, 0, 0, 0)
}
#scopeContainer {
z-index: 2
}
body.show-overlay #thumbViewContainer {
visibility: hidden
}
.block-confirm-selection {
display: inline-flex;
align-items: center
}
.block-confirm-selection:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.hubber-visit-step {
margin-block-end: 3rem
}
@media(min-width:992px) {
.hubber-visit-step {
margin-block-end: 6rem
}
}
.hubber-visit-step__title {
font-size: 1.5rem;
font-weight: 600;
line-height: 1;
padding-block-end: 1rem;
border-bottom: 1px solid #dee2e6;
margin-block-end: 1.5rem
}
.hubber-calendar.hubber-calendar--visit .calendar-month-header {
color: #263140
}
.hubber-calendar.hubber-calendar--visit .calendar-month-navigation {
border-radius: 50%
}
.hubber-calendar.hubber-calendar--visit .zabuto_calendar .table tr .calendar-dow-header th {
font-size: .875rem;
color: #76818d
}
.hubber-calendar.hubber-calendar--visit .zabuto_calendar .table tr td {
padding: 2px
}
.hubber-calendar.hubber-calendar--visit .zabuto_calendar .table tr div.day {
min-height: 64px;
display: flex;
align-items: center;
justify-content: center;
border-radius: .5rem;
border: 1px solid #dee2e6;
background-color: #f6f8f9;
color: #76818d;
width: 100%;
text-decoration: line-through;
opacity: .6
}
.hubber-calendar.hubber-calendar--visit .zabuto_calendar .table tr div.day:before {
border-radius: .5rem
}
.hubber-calendar.hubber-calendar--visit .zabuto_calendar .table tr div.day.sale {
text-decoration: none;
border-color: #ccd2d9;
color: #263140;
opacity: 1
}
.hubber-visit-timeslot {
display: flex;
flex-wrap: wrap;
gap: 16px
}
.hubber-visit-timeslot>span {
flex-basis: calc((100% - 3rem)/4);
display: flex;
align-items: center;
justify-content: center;
border: 1px solid;
border-radius: .5rem;
height: 4rem
}
.hubber-visit-timeslot>span.sale {
border-color: #ccd2d9;
background-color: #fff;
cursor: pointer;
position: relative;
overflow: hidden;
transition: all 250ms ease-in-out
}
.hubber-visit-timeslot>span.sale:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
transition: background-color 250ms ease-in-out;
background-color: #1882ff
}
.hubber-visit-timeslot>span.sale:hover:before,
.hubber-visit-timeslot>span.sale.selected:before {
opacity: .1
}
.hubber-visit-timeslot>span.sale.selected {
background-color: #1882ff;
color: #fff
}
.hubber-visit-timeslot>span.not-in-sale {
border-color: #f6f8f9;
background-color: #f6f8f9;
color: #76818d;
opacity: .6;
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed;
text-decoration: line-through
}
.hubber-visit-ticket__wrapper .ticket-content-wrapper.no-map {
background-color: rgba(0, 0, 0, 0);
height: auto;
padding: 0
}
.hubber-visit-ticket__wrapper .ticket-content-wrapper.no-map .ticket-content {
background-color: rgba(0, 0, 0, 0);
border: 0
}
.hubber-visit-ticket__wrapper .ticket-content-wrapper.no-map .ticket-content-container {
max-width: 100%
}
.hubber-visit-ticket__wrapper .ticket-content-wrapper.no-map .ticket-content-list .select-category-wrapper {
padding: 0
}
.hubber-visit-ticket__wrapper .ticket-content-wrapper.no-map .ticket-category-list li.block-mode:before {
display: none
}
.hubber-visit-ticket__wrapper .ticket-content-wrapper.no-map .ticket-category-list li.block-mode .category-wrapper {
padding-block: .75rem
}
.hubber-visit-ticket__wrapper .ticket-content-wrapper.no-map .ticket-category-list li.block-mode .description {
margin-bottom: 0
}
.hubber-visit-ticket__wrapper .ticket-content-wrapper.no-map .ticket-category-list li.block-mode .quantity-selector-wrapper {
background-color: rgba(0, 0, 0, 0);
border-color: #ccd2d9;
padding: 1rem !important;
overflow: hidden
}
.hubber-visit-ticket__wrapper .ticket-content-wrapper.no-map .ticket-category-list li.block-mode .quantity-selector-wrapper:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
transition: background-color 250ms ease-in-out;
background-color: #1882ff
}
.hubber-visit-ticket__wrapper .ticket-content-wrapper.no-map .ticket-category-list li.block-mode .quantity-selector-wrapper:hover:before {
opacity: .1
}
.hubber-visit-ticket__wrapper .ticket-content-wrapper.no-map .ticket-category-list li .form-group:not(:first-child) {
margin-top: 16px
}
.hubber-visit-ticket__wrapper .data-error-msg {
padding: .5rem;
border-radius: .5rem;
color: #c50808;
background-color: rgba(197, 8, 8, .05);
border: 1px solid #c50808;
display: flex;
gap: .5rem;
font-size: .75rem;
width: 100%;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.hubber-visit-ticket__wrapper .data-error-msg:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.hubber-visit-ticket__wrapper .coupon-unlockrate-form .add-coupon-wrapper .btn-link {
font-size: 1rem;
font-weight: 500
}
.hubber-visit-ticket__wrapper .coupon-unlockrate-form .add-coupon-wrapper .btn-link:before {
content: ""
}
.hubber-visit-ticket__wrapper .info-type-price {
display: flex;
margin-bottom: 1.5rem
}
.hubber-visit-ticket__wrapper .info-type-price .js-redemption-form {
width: 100%
}
.hubber-visit-ticket__wrapper .info-type-price .picto {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.hubber-visit-ticket__wrapper .info-type-price .picto:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.hubber-visit-ticket__wrapper .info-type-price .picto:before {
color: #cea236
}
.hubber-visit-ticket__wrapper .info-type-price:has(.js-add-redemption-link.d-none) .picto {
display: none
}
.hubber-visit-ticket__wrapper .info-type-price .js-add-redemption-link {
cursor: pointer;
text-decoration: underline;
color: #cea236;
font-weight: 500
}
.hubber-visit-ticket__wrapper .info-type-price .js-add-redemption-link:hover {
text-decoration: none
}
.hubber-visit-ticket__wrapper .coupon-unlockrate-form .hint-coupon-form {
display: none
}
.data-info-msg {
background-color: #f3f8ff;
border: 1px solid #1882ff;
color: #1882ff;
align-items: center;
padding: .5rem 1rem;
font-size: .75rem;
line-height: 1;
margin-bottom: .5rem;
border-radius: 6px;
display: flex
}
@media(min-width:992px) {
.data-info-msg {
margin-block: .5rem
}
}
.data-info-msg:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
margin-right: .5rem
}
.data-info-msg em {
margin: 0 .25rem
}
.data-info-msg em+em {
margin-left: 0
}
.data-warning-msg {
background-color: #F184001A;
border: 1px solid #f18400;
color: #f18400;
align-items: center;
padding: .5rem 1rem;
font-size: .75rem;
line-height: 1;
margin-bottom: .5rem;
border-radius: 6px;
display: flex;
font-size: .75rem
}
@media(min-width:992px) {
.data-warning-msg {
margin-block: .5rem
}
}
.data-warning-msg:before {
content: "";
font-family: "hubber8";
color: #f18400;
font-size: 2rem;
line-height: 2rem
}
@media(min-width:1792px) {
.path-sticker .hubber-visit-breadcrumb,
.path-stickers .hubber-visit-breadcrumb {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.path-sticker .hubber-visit-breadcrumb,
.path-stickers .hubber-visit-breadcrumb {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.path-sticker .hubber-visit-breadcrumb,
.path-stickers .hubber-visit-breadcrumb {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.path-sticker .hubber-visit-breadcrumb,
.path-stickers .hubber-visit-breadcrumb {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.path-sticker .hubber-visit-breadcrumb,
.path-stickers .hubber-visit-breadcrumb {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
@media(min-width:1792px) {
.path-sticker .hubber-visit-breadcrumb .js-hubber-breadcrumb:where(.path-sticker .hubber-visit-breadcrumb .js-hubber-breadcrumb, .path-stickers .hubber-visit-breadcrumb .js-hubber-breadcrumb),
.path-stickers .hubber-visit-breadcrumb .js-hubber-breadcrumb:where(.path-sticker .hubber-visit-breadcrumb .js-hubber-breadcrumb, .path-stickers .hubber-visit-breadcrumb .js-hubber-breadcrumb) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.path-sticker .hubber-visit-breadcrumb .js-hubber-breadcrumb:where(.path-sticker .hubber-visit-breadcrumb .js-hubber-breadcrumb, .path-stickers .hubber-visit-breadcrumb .js-hubber-breadcrumb),
.path-stickers .hubber-visit-breadcrumb .js-hubber-breadcrumb:where(.path-sticker .hubber-visit-breadcrumb .js-hubber-breadcrumb, .path-stickers .hubber-visit-breadcrumb .js-hubber-breadcrumb) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.path-sticker .hubber-visit-breadcrumb .js-hubber-breadcrumb:where(.path-sticker .hubber-visit-breadcrumb .js-hubber-breadcrumb, .path-stickers .hubber-visit-breadcrumb .js-hubber-breadcrumb),
.path-stickers .hubber-visit-breadcrumb .js-hubber-breadcrumb:where(.path-sticker .hubber-visit-breadcrumb .js-hubber-breadcrumb, .path-stickers .hubber-visit-breadcrumb .js-hubber-breadcrumb) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.path-sticker .hubber-visit-breadcrumb .js-hubber-breadcrumb:where(.path-sticker .hubber-visit-breadcrumb .js-hubber-breadcrumb, .path-stickers .hubber-visit-breadcrumb .js-hubber-breadcrumb),
.path-stickers .hubber-visit-breadcrumb .js-hubber-breadcrumb:where(.path-sticker .hubber-visit-breadcrumb .js-hubber-breadcrumb, .path-stickers .hubber-visit-breadcrumb .js-hubber-breadcrumb) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.path-sticker .hubber-visit-breadcrumb .js-hubber-breadcrumb:where(.path-sticker .hubber-visit-breadcrumb .js-hubber-breadcrumb, .path-stickers .hubber-visit-breadcrumb .js-hubber-breadcrumb),
.path-stickers .hubber-visit-breadcrumb .js-hubber-breadcrumb:where(.path-sticker .hubber-visit-breadcrumb .js-hubber-breadcrumb, .path-stickers .hubber-visit-breadcrumb .js-hubber-breadcrumb) {
padding-left: 1rem;
padding-right: 1rem
}
}
@media(min-width:1792px) {
.path-visit .hubber-visit-breadcrumb:where(.path-visit .hubber-visit-breadcrumb) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.path-visit .hubber-visit-breadcrumb:where(.path-visit .hubber-visit-breadcrumb) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.path-visit .hubber-visit-breadcrumb:where(.path-visit .hubber-visit-breadcrumb) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.path-visit .hubber-visit-breadcrumb:where(.path-visit .hubber-visit-breadcrumb) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.path-visit .hubber-visit-breadcrumb:where(.path-visit .hubber-visit-breadcrumb) {
padding-left: 1rem;
padding-right: 1rem
}
}
.path-visit .main-content,
.path-visit #main {
padding-inline: 0
}
.path-visit .footer {
display: none
}
@media(max-width:991.98px) {
.path-visit #page-wrapper {
padding-bottom: 9rem
}
}
.path-visit .row-offcanvas {
margin: 0
}
.path-visit .layout-main-wrapper {
overflow: unset
}
.path-visit .js-header-wrapper img {
width: 100% !important
}
.path-visit .ticket-category-list {
display: flex;
flex-direction: column;
gap: 1rem
}
.path-visit .ticket-category-list li {
border: 1px solid #dee2e6;
background: #fff;
border-radius: .5rem;
padding: 1rem
}
@media(max-width:767.98px) {
.path-visit .ticket-category-list li {
padding-left: .5rem;
padding-right: .5rem
}
}
.path-visit .ticket-category-list li .category-wrapper:before,
.path-visit .ticket-category-list li .category-wrapper .category-name {
align-self: flex-start;
margin-right: .75rem
}
.path-visit .ticket-category-list li .category-wrapper .show-details {
margin-right: .25rem;
background-color: #fff;
color: #1882ff;
border: 1px solid #1882ff;
height: 40px;
width: 40px
}
.path-visit .ticket-category-list li .category-wrapper .show-details:after {
font-size: 2rem
}
.path-visit .ticket-category-list li:before,
.path-visit .ticket-category-list li .box {
display: none
}
.path-visit .ticket-category-list li .category-wrapper {
padding-left: 1rem;
margin-bottom: 0
}
@media(min-width:992px) {
.path-visit .ticket-category-list li .category-wrapper .title {
flex-wrap: wrap;
align-items: flex-start
}
}
.path-visit .ticket-category-list li.active,
.path-visit .ticket-category-list li:hover {
box-shadow: none;
border-color: #1882ff
}
.path-visit .ticket-category-list li.active .category-wrapper .show-details,
.path-visit .ticket-category-list li:hover .category-wrapper .show-details {
color: #fff;
background-color: #1882ff
}
.path-visit .ticket-category-list .info-details ul {
display: block;
list-style-type: disc;
margin-top: 1rem;
margin-left: 0;
margin-right: 0;
padding-left: 40px
}
.path-visit .ticket-category-list .info-details li {
border: none;
background: #fff;
border-radius: .5rem;
padding: 0;
list-style: disc;
min-height: 0
}
.path-visit .ticket-category-list li .category-wrapper .show-details {
margin-right: .5rem
}
.path-visit .ticket-category-list.has-unlocked-rate .quantity-selector-wrapper.is-quantity-selected {
color: #cea236 !important
}
.path-visit .ticket-category-list .js-category-quantity-selection-wrapper {
margin-top: .75rem
}
.path-visit .ticket-category-list .js-more-prices {
font-size: .875rem;
text-decoration: underline
}
.path-visit .ticket-category-list .quantity-selector {
margin-left: auto
}
.path-visit .ticket-category-list .quantity-selector-wrapper {
flex-wrap: wrap
}
.path-visit .ticket-category-list .quantity-selector-wrapper label {
flex: 1
}
.path-visit .ticket-category-list .quantity-selector-wrapper .info-details {
margin: .75rem -0.75rem -0.75rem;
padding: .75rem;
background-color: #fff;
border-top: 1px solid #dee2e6;
z-index: 1;
width: calc(100% + 1.5rem)
}
.path-visit .ticket-category-list .quantity-selector-wrapper .info-details p {
margin: 0;
font-size: .875rem
}
.path-visit .ticket-category-list .quantity-selector-wrapper:not(:has(.quantity-minus.disabled-button)) .info-details {
border-color: var(--custom-color)
}
.path-visit .hubber-calendar .zabuto_calendar .table tr td.event-styled.selected div.day:not(.active, .disabled):hover {
color: #fff !important
}
.path-visit .hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.no-availability {
color: #3e4a58 !important;
cursor: default;
border: 0;
background-color: #f6f8f9;
opacity: 1;
text-decoration: line-through
}
.path-visit .hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.no-availability:before {
display: none
}
.path-visit .quantity-selector-wrapper label,
.path-visit .quantity-selector-wrapper .quantity-selector {
position: relative
}
.path-visit .quantity-selector-wrapper .js-quantity-button {
height: 40px;
width: 40px
}
.path-visit .ticket-content-wrapper,
.path-visit .ticket-content {
overflow: visible !important
}
.hubber-visit-breadcrumb {
background-color: #f6f8f9;
position: relative
}
@media(min-width:992px) {
.hubber-visit-breadcrumb nav {
width: calc(100% - 424px)
}
}
.hubber-visit-breadcrumb .breadcrumb {
margin: 0;
max-height: 50px
}
.hubber-visit-content {
margin-top: 1.5rem
}
@media(min-width:1792px) {
.hubber-visit-content:where(.hubber-visit-content) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.hubber-visit-content:where(.hubber-visit-content) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.hubber-visit-content:where(.hubber-visit-content) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.hubber-visit-content:where(.hubber-visit-content) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.hubber-visit-content:where(.hubber-visit-content) {
padding-left: 1rem;
padding-right: 1rem
}
}
.hubber-visit-content__main .title {
font-size: 1.5rem
}
@media(min-width:992px) {
.hubber-visit-content {
margin-top: 2rem;
display: flex;
gap: 1.5rem;
align-items: start
}
.hubber-visit-content__main {
flex: 1
}
.hubber-visit-content__main .title {
font-size: 1.5rem
}
}
@media(min-width:992px)and (min-width:992px) {
.hubber-visit-content__main .title {
font-size: 2rem
}
}
@media(min-width:992px) {
.hubber-visit-content__main .description {
margin-bottom: 2rem
}
}
.hubber-visit-content__summary {
background-color: #fff
}
@media(max-width:991.98px) {
.hubber-visit-content__summary {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 10
}
.hubber-visit-content__summary:not(.openRecap) .hubber-visit-vcart__item {
display: none
}
.hubber-visit-content__summary.openRecap {
transform: translateY(0);
z-index: 902
}
}
@media(min-width:992px) {
.hubber-visit-content__summary {
width: 400px;
border: 1px solid #263140;
position: sticky;
top: 7.5rem;
margin-top: -147px
}
.user-logged-in .hubber-visit-content__summary {
top: 12rem
}
}
.hubber-visit-vcart__title {
padding: 1.25rem 1.5rem;
font-size: 1.5rem;
line-height: 1;
background-color: #263140;
color: #fff;
margin-bottom: 0
}
@media(max-width:991.98px) {
.hubber-visit-vcart__title {
display: flex;
justify-content: space-between;
align-items: center
}
.hubber-visit-vcart__title span {
display: inline-flex;
align-items: center;
transform: rotate(180deg)
}
.hubber-visit-vcart__title span:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.hubber-visit-vcart__title span.open {
transform: rotate(0deg)
}
}
.hubber-visit-vcart__title+.hubber-visit-vcart__item {
gap: .75rem
}
.hubber-visit-vcart__item {
padding: .45rem;
display: flex;
align-items: center;
border-bottom: 1px solid #dee2e6;
font-size: .875rem
}
.hubber-visit-vcart__item .js-change,
.hubber-visit-vcart__item .js-changed {
margin-left: auto;
text-decoration: underline;
font-size: .875rem;
cursor: pointer;
font-weight: 600
}
.hubber-visit-vcart__item .js-choose.empty {
text-decoration: underline;
font-weight: 600;
cursor: pointer
}
.hubber-visit-vcart__item .image-style-thumbnail {
max-width: 48px !important;
margin-inline-start: 10px
}
.hubber-visit-vcart__item:before {
content: "";
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
font-family: "hubber8";
font-size: 1.5rem;
align-self: flex-start
}
.hubber-visit-vcart__item:has(.image-style-thumbnail):before {
display: none
}
.hubber-visit-vcart__item:has(.empty):before {
color: #1882ff
}
.hubber-visit-vcart__item.js-date:before {
content: ""
}
.hubber-visit-vcart__item.js-hour:before {
content: ""
}
.hubber-visit-vcart__item.js-qty .js-choose {
flex: 1
}
.hubber-visit-vcart__item.js-qty p {
margin-block: .5rem;
display: flex;
align-items: center
}
.hubber-visit-vcart__item.js-qty p .sub-total {
margin-left: auto
}
.hubber-visit-vcart__item.js-qty:before {
content: "";
font-size: 1.75rem
}
.hubber-visit-vcart__item.js-qty:not(:has(>.empty)):before {
display: none
}
.hubber-visit-vcart__item.js-qty:not(:has(>.empty)) p:before {
content: "";
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
font-family: "hubber8";
font-size: 1.5rem
}
.hubber-visit-vcart__item.js-qty:not(:has(>.empty)) p:before .sub-total {
margin-left: auto
}
.hubber-visit-vcart__item.js-qty .sub-total {
font-size: .75rem;
font-weight: 600
}
.hubber-visit-vcart__footer {
padding: 16px;
padding-bottom: calc(16px + env(safe-area-inset-bottom));
background-color: #f6f8f9;
display: flex;
flex-direction: column;
gap: .75rem
}
.hubber-visit-vcart__footer .js-total-wrapper {
margin-left: auto;
color: #76818d
}
.hubber-visit-vcart__footer .js-total-wrapper.disabled {
display: none
}
.hubber-visit-vcart__footer .js-total-wrapper .js-total {
font-size: 1.5rem;
color: #263140;
font-weight: 700;
margin-left: .25rem
}
.hubber-visit-vcart__footer .btn {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.hubber-visit-vcart__footer .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.hubber-visit-ticket__wrapper .ticket-content-wrapper {
background-color: rgba(0, 0, 0, 0);
height: auto
}
.hubber-visit-ticket__wrapper .ticket-content-wrapper .ticket-content {
background-color: rgba(0, 0, 0, 0);
padding: 0;
width: 100%
}
.hubber-visit-ticket__wrapper .select-category-wrapper {
display: none
}
body.path-order #main-wrapper {
height: 100vh
}
body.path-order #main-wrapper section {
font-family: "Poppins", Arial, Verdana, sans-serif;
font-size: 1.1rem;
max-width: 1280px;
margin: 44px auto
}
@media(max-width:991.98px) {
body.path-order #main-wrapper section {
max-width: 90%
}
}
body.path-order #main-wrapper section #wating-page {
display: block;
padding: 55px;
margin: 20vh auto
}
body.path-order #main-wrapper section #wating-page h4,
body.path-order #main-wrapper section #wating-page .h4 {
text-align: center;
margin-bottom: 0;
font-weight: bold;
font-size: 1.3rem
}
body.path-order #main-wrapper section #wating-page .waiting_message {
display: block;
width: 300px;
min-height: 120px;
margin: 16px auto;
padding: 20px;
box-sizing: border-box;
text-align: center;
color: #000;
background: #fff;
border-radius: 6px
}
body.path-order #main-wrapper section #wating-page .waiting_message p {
font-family: "Poppins", Arial, Verdana, sans-serif;
font-size: .9rem;
font-weight: normal;
text-align: left;
color: #000
}
body.path-order #main-wrapper section #wating-page .waiting_message .cart_counter .hourglass {
margin: 20px auto
}
#waiting-page {
text-align: center;
margin: 10rem 0
}
.icon-loader {
height: 3rem;
width: 3rem;
margin: 1rem auto;
background-image: url("/profiles/custom/hubber_generic/img/loader-hubber8.gif");
background-size: contain;
background-repeat: no-repeat
}
.path-cart .scroller,
.path-checkout .scroller,
.path-product-bundle .scroller,
.path-product-bundle-multi-steps .scroller,
.path-product .scroller {
display: none !important
}
.path-product-bundle .product-information-mobile-wrapper,
.path-product-bundle-multi-steps .product-information-mobile-wrapper,
.path-product .product-information-mobile-wrapper {
background-color: var(--hb-background-header-ticketing);
position: sticky;
top: 0;
z-index: 899
}
.path-product-bundle .product-information-mobile-wrapper .content,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content,
.path-product .product-information-mobile-wrapper .content {
display: flex;
align-items: center;
gap: 1rem;
border-top: 1px solid #e2e5e8
}
.path-product-bundle .product-information-mobile-wrapper .content .image-wrapper,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content .image-wrapper,
.path-product .product-information-mobile-wrapper .content .image-wrapper {
height: 5rem;
width: 5rem;
display: flex;
align-items: center
}
.path-product-bundle .product-information-mobile-wrapper .content .image-wrapper img,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content .image-wrapper img,
.path-product .product-information-mobile-wrapper .content .image-wrapper img {
display: block;
width: auto;
max-height: 100%
}
.path-product-bundle .product-information-mobile-wrapper .content .image-wrapper+.content-wrapper,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content .image-wrapper+.content-wrapper,
.path-product .product-information-mobile-wrapper .content .image-wrapper+.content-wrapper {
padding: .5rem 0
}
.path-product-bundle .product-information-mobile-wrapper .content .image-wrapper:has(.participants-wrapper),
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content .image-wrapper:has(.participants-wrapper),
.path-product .product-information-mobile-wrapper .content .image-wrapper:has(.participants-wrapper) {
margin-left: 1rem
}
.path-product-bundle .product-information-mobile-wrapper .content-wrapper,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper,
.path-product .product-information-mobile-wrapper .content-wrapper {
flex: 4;
position: relative;
padding: .5rem 1rem
}
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .field--name-title,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .field--name-title,
.path-product .product-information-mobile-wrapper .content-wrapper .field--name-title {
font-size: .875rem;
text-transform: uppercase;
font-weight: 600;
color: var(--hb-font-header-ticketing);
width: 80%
}
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .field--name-title:has(.participants-wrapper),
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .field--name-title:has(.participants-wrapper),
.path-product .product-information-mobile-wrapper .content-wrapper .field--name-title:has(.participants-wrapper) {
width: 85%;
margin: auto;
display: block
}
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .field--name-title:has(.participants-wrapper)+.details-wrapper,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .field--name-title:has(.participants-wrapper)+.details-wrapper,
.path-product .product-information-mobile-wrapper .content-wrapper .field--name-title:has(.participants-wrapper)+.details-wrapper {
width: 90%;
align-items: center;
margin: .25rem auto 0 auto
}
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .field--name-date,
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .field--name-date a,
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .field--name-venue,
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .field--name-body,
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .more-information-link,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .field--name-date,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .field--name-date a,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .field--name-venue,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .field--name-body,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .more-information-link,
.path-product .product-information-mobile-wrapper .content-wrapper .field--name-date,
.path-product .product-information-mobile-wrapper .content-wrapper .field--name-date a,
.path-product .product-information-mobile-wrapper .content-wrapper .field--name-venue,
.path-product .product-information-mobile-wrapper .content-wrapper .field--name-body,
.path-product .product-information-mobile-wrapper .content-wrapper .more-information-link {
font-size: .75rem;
color: var(--hb-font-header-ticketing)
}
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .field--name-date a,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .field--name-date a,
.path-product .product-information-mobile-wrapper .content-wrapper .field--name-date a {
border-bottom: 1px solid var(--hb-font-header-ticketing)
}
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .participants-wrapper,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .participants-wrapper,
.path-product .product-information-mobile-wrapper .content-wrapper .participants-wrapper {
display: flex;
margin: 0;
align-items: center;
justify-content: center;
width: auto;
height: 100%;
gap: .5rem
}
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant,
.path-product .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant {
display: flex;
height: 100%;
align-items: center;
gap: .5rem;
position: relative
}
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant.first,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant.first,
.path-product .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant.first {
flex-direction: row-reverse;
flex: 1
}
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant.first .name,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant.first .name,
.path-product .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant.first .name {
text-align: right
}
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant.second,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant.second,
.path-product .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant.second {
flex-direction: row;
flex: 1
}
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant .logo,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant .logo,
.path-product .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant .logo {
display: flex;
overflow: hidden;
align-items: center;
justify-content: center;
max-width: 2rem;
flex: 1
}
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant .logo img,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant .logo img,
.path-product .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant .logo img {
margin: 0;
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto
}
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant .name,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant .name,
.path-product .product-information-mobile-wrapper .content-wrapper .participants-wrapper .participant .name {
flex: 1
}
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .details-wrapper,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .details-wrapper,
.path-product .product-information-mobile-wrapper .content-wrapper .details-wrapper {
width: 80%;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column
}
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .more-information-link,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .more-information-link,
.path-product .product-information-mobile-wrapper .content-wrapper .more-information-link {
font-size: 0;
display: inline-flex;
align-items: center;
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%)
}
.path-product-bundle .product-information-mobile-wrapper .content-wrapper .more-information-link:before,
.path-product-bundle-multi-steps .product-information-mobile-wrapper .content-wrapper .more-information-link:before,
.path-product .product-information-mobile-wrapper .content-wrapper .more-information-link:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:991.98px) {
.path-product-bundle .header,
.path-product-bundle-multi-steps .header,
.path-product .header {
top: inherit !important
}
.path-product-bundle .layout-main-wrapper,
.path-product-bundle-multi-steps .layout-main-wrapper,
.path-product .layout-main-wrapper {
overflow: visible
}
}
.path-product-bundle .footer,
.path-product .footer {
display: none
}
@media(min-width:992px) {
.path-product-bundle .mobile-selection-wrapper,
.path-product-bundle .bundle-summary-info-caption,
.path-product-bundle .js-mobile-selection,
.path-product-bundle-multi-steps .mobile-selection-wrapper,
.path-product-bundle-multi-steps .bundle-summary-info-caption,
.path-product-bundle-multi-steps .js-mobile-selection {
display: none
}
}
@media(min-width:992px) {
.path-product-bundle .main-content,
.path-product-bundle-multi-steps .main-content {
height: calc(100vh - var(--main-content-top, 0))
}
}
.path-product-bundle .mobile-actions-wrapper .save,
.path-product-bundle-multi-steps .mobile-actions-wrapper .save {
width: 100%;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.path-product-bundle .mobile-actions-wrapper .save:before,
.path-product-bundle-multi-steps .mobile-actions-wrapper .save:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.path-product-bundle main,
.path-product-bundle-multi-steps main {
padding: 0
}
@media(max-width:991.98px) {
.path-product-bundle main,
.path-product-bundle-multi-steps main {
margin-bottom: 4rem
}
}
.path-product-bundle select,
.path-product-bundle-multi-steps select {
-webkit-appearance: none;
appearance: none
}
.path-product-bundle .bundle-ajax-progress,
.path-product-bundle-multi-steps .bundle-ajax-progress {
position: absolute;
z-index: 5;
background-color: rgba(0, 0, 0, .5);
backdrop-filter: blur(8px);
color: #fff;
height: auto;
width: auto;
font-size: .875rem;
top: 6rem;
bottom: 0;
left: 0;
right: 23.25rem;
display: block;
padding: 0
}
@media(max-width:991.98px) {
.path-product-bundle .bundle-ajax-progress,
.path-product-bundle-multi-steps .bundle-ajax-progress {
width: 100%;
right: 0
}
}
.path-product-bundle .bundle-ajax-progress .ajax-content,
.path-product-bundle-multi-steps .bundle-ajax-progress .ajax-content {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
text-align: center;
flex-direction: column
}
.path-product-bundle .bundle-ajax-progress .ajax-throbber,
.path-product-bundle-multi-steps .bundle-ajax-progress .ajax-throbber {
position: initial
}
.path-product-bundle .bs-tooltip-top,
.path-product-bundle .bs-tooltip-auto[data-popper-placement^=top],
.path-product-bundle-multi-steps .bs-tooltip-top,
.path-product-bundle-multi-steps .bs-tooltip-auto[data-popper-placement^=top] {
padding: 0;
margin-top: -1rem;
opacity: 1
}
.path-product-bundle .bs-tooltip-top .tooltip-inner,
.path-product-bundle .bs-tooltip-auto[data-popper-placement^=top] .tooltip-inner,
.path-product-bundle-multi-steps .bs-tooltip-top .tooltip-inner,
.path-product-bundle-multi-steps .bs-tooltip-auto[data-popper-placement^=top] .tooltip-inner {
padding: .5rem 1rem
}
.path-product-bundle .bs-tooltip-top .arrow:before,
.path-product-bundle .bs-tooltip-auto[data-popper-placement^=top] .arrow:before,
.path-product-bundle-multi-steps .bs-tooltip-top .arrow:before,
.path-product-bundle-multi-steps .bs-tooltip-auto[data-popper-placement^=top] .arrow:before {
border-width: 12px 6px 0 6px;
position: absolute;
bottom: -0.5rem;
top: auto;
left: 50%
}
@media(min-width:992px) {
.path-product-bundle .package-content .ticket-content-filters,
.path-product-bundle-multi-steps .package-content .ticket-content-filters {
width: calc(100% - 23.25rem)
}
}
@media(min-width:992px) {
.path-product-bundle .commerce-order-item-hubber-bundle-add-to-cart-form,
.path-product-bundle-multi-steps .commerce-order-item-hubber-bundle-add-to-cart-form {
display: flex;
align-items: flex-start
}
}
@media(min-width:992px) {
.path-product-bundle .commerce-order-item-hubber-bundle-add-to-cart-form .product-list-wrapper,
.path-product-bundle-multi-steps .commerce-order-item-hubber-bundle-add-to-cart-form .product-list-wrapper {
width: calc(100% - 23.25rem);
z-index: 4
}
}
@media(min-width:992px) {
.path-product-bundle .product-list-wrapper.overlay .product-list-groups:after,
.path-product-bundle-multi-steps .product-list-wrapper.overlay .product-list-groups:after {
content: "";
position: absolute;
background: rgba(0, 0, 0, .5);
top: 0;
bottom: 0;
left: 0;
right: 23.25rem;
z-index: 1;
width: 100%;
height: 100%
}
}
.path-product-bundle .pre-selection-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper {
position: relative;
margin-bottom: 0;
z-index: 2;
padding: 1rem
}
@media(min-width:768px) {
.path-product-bundle .pre-selection-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper {
padding: 1rem .25rem
}
}
@media(min-width:1200px) {
.path-product-bundle .pre-selection-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper {
padding: 1rem 2rem
}
}
.path-product-bundle .pre-selection-wrapper .alert-warning,
.path-product-bundle-multi-steps .pre-selection-wrapper .alert-warning {
border-color: #c50808;
background-color: #c50808;
color: #fff;
border-radius: .5rem
}
.path-product-bundle .pre-selection-wrapper .alert-warning:before,
.path-product-bundle-multi-steps .pre-selection-wrapper .alert-warning:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
color: inherit;
height: auto;
width: auto;
background: rgba(0, 0, 0, 0);
line-height: 20px;
margin-right: .5rem
}
.path-product-bundle .pre-selection-wrapper .actions,
.path-product-bundle-multi-steps .pre-selection-wrapper .actions {
margin-top: 1.5rem;
display: flex;
align-items: center;
justify-content: space-between
}
.path-product-bundle .pre-selection-wrapper .actions .save,
.path-product-bundle-multi-steps .pre-selection-wrapper .actions .save {
margin-left: auto;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.path-product-bundle .pre-selection-wrapper .actions .save:before,
.path-product-bundle-multi-steps .pre-selection-wrapper .actions .save:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.path-product-bundle .pre-selection-wrapper .actions .cancel,
.path-product-bundle-multi-steps .pre-selection-wrapper .actions .cancel {
font-weight: normal;
padding: 0;
color: initial;
text-decoration: underline
}
.path-product-bundle .pre-selection-wrapper .multi-rates-available.selected .js-metatypeprice-info,
.path-product-bundle-multi-steps .pre-selection-wrapper .multi-rates-available.selected .js-metatypeprice-info {
border-color: #1882ff;
color: #1882ff
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper {
position: fixed;
margin: 0;
bottom: -100%;
left: 0;
background-color: #fff;
padding: 1rem;
width: 100%;
border-radius: .5rem .5rem 0 0;
transition: all 300ms ease-out;
z-index: 902
}
.path-product-bundle .pre-selection-wrapper.show,
.path-product-bundle-multi-steps .pre-selection-wrapper.show {
bottom: 0
}
.path-product-bundle .pre-selection-wrapper .js-mobile-selection-close,
.path-product-bundle-multi-steps .pre-selection-wrapper .js-mobile-selection-close {
position: absolute;
bottom: .75rem;
right: .75rem;
border: 1px solid #dee2e6;
border-radius: 100%;
width: 2.25rem;
height: 2.25rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #1882ff;
font-size: 1.25rem;
line-height: 1;
display: none
}
.path-product-bundle .pre-selection-wrapper .js-mobile-selection-close:before,
.path-product-bundle-multi-steps .pre-selection-wrapper .js-mobile-selection-close:before {
content: "";
font-family: "hubber8";
color: #1882ff
}
}
.path-product-bundle .pre-selection-wrapper .mobile-actions-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper .mobile-actions-wrapper {
padding-top: 1rem;
border-top: 1px solid rgba(118, 129, 141, .25);
margin-left: -1em;
margin-right: -1em
}
.path-product-bundle .pre-selection-wrapper .mobile-actions-wrapper .fieldset-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper .mobile-actions-wrapper .fieldset-wrapper {
margin-left: 1em;
margin-right: 1em
}
.path-product-bundle .pre-selection-wrapper>legend,
.path-product-bundle-multi-steps .pre-selection-wrapper>legend {
display: none
}
.path-product-bundle .pre-selection-wrapper .quantity-selector-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper .quantity-selector-wrapper {
width: auto;
padding: 0
}
.path-product-bundle .pre-selection-wrapper .form-group,
.path-product-bundle-multi-steps .pre-selection-wrapper .form-group {
margin-bottom: 0
}
.path-product-bundle .pre-selection-wrapper.not-selected:after,
.path-product-bundle-multi-steps .pre-selection-wrapper.not-selected:after {
content: "";
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
background-color: rgba(24, 130, 255, .25)
}
@media(min-width:992px) {
.path-product-bundle .pre-selection-wrapper.selected>.fieldset-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper.selected>.fieldset-wrapper {
background-color: rgba(0, 0, 0, 0)
}
.path-product-bundle .pre-selection-wrapper.selected>.fieldset-wrapper:hover,
.path-product-bundle-multi-steps .pre-selection-wrapper.selected>.fieldset-wrapper:hover {
background-color: rgba(0, 0, 0, .05)
}
}
@media(min-width:992px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper {
display: flex;
border-radius: 3rem;
background-color: rgba(0, 0, 0, .05);
padding: .5rem;
transition: background-color 300ms ease-in-out
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset.active p.default,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category.active p.default,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset.active p.default,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category.active p.default {
border-color: #1882ff
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset.active p.default:after,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category.active p.default:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset.active p.default:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category.active p.default:after {
transform: rotate(180deg)
}
@media(min-width:992px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category {
margin-right: .75rem;
transition: all 300ms ease-out;
position: relative;
flex: 1
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset label,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset legend,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category label,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category legend,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset label,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset legend,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category label,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category legend {
font-size: .875rem;
font-weight: 400;
margin-bottom: .75rem;
float: unset
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset label span span,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset legend span span,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category label span span,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category legend span span,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset label span span,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset legend span span,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category label span span,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category legend span span {
font-weight: 700
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset label,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset legend,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category label,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category legend,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset label,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset legend,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category label,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category legend {
display: none
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset label:after,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset legend:after,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category label:after,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category legend:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset label:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset legend:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category label:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category legend:after {
display: none
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset>label,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset>legend,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category>label,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category>legend,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset>label,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset>legend,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category>label,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category>legend {
display: none
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default {
margin-bottom: 0;
padding: .5rem 2.5rem .5rem 1.5rem;
font-weight: 600;
position: relative;
background-color: #fff;
height: 3rem;
border-radius: 3rem;
border: 1px solid #dee2e6;
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: 0 1.5px 3px rgba(0, 0, 0, .05)
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default {
display: none
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default.selected,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default.selected,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default.selected,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default.selected {
border-color: #1882ff;
color: #1882ff
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default.open,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default.open,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default.open,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default.open {
z-index: 2
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default:hover,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default:hover,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default:hover,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default:hover {
cursor: pointer;
box-shadow: 0 1.5px 3px rgba(0, 0, 0, .05), 0 2.5px 5px rgba(0, 0, 0, .025), 0 7.5px 15px rgba(0, 0, 0, .04)
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default:after,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default:after {
font-family: "hubber8";
content: "";
position: absolute;
right: .5rem;
font-size: 1.5rem;
font-weight: normal
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default .desc,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default .desc,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default .desc,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default .desc {
text-transform: none;
font-size: .625rem
}
@media(max-width:1199.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default .desc,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default .desc,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default .desc,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default .desc {
display: none
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default .color,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default .color,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default .color,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default .color {
display: none;
position: absolute;
height: 10px;
width: 10px;
border-radius: 100%;
left: 1rem;
top: 50%;
transform: translateY(-50%)
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default.selected:before,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default.selected:before,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default.selected:before,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default.selected:before {
display: none
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory {
display: block !important;
max-height: 50vh;
overflow: auto
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory .actions .save.mobile-hidden,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory .actions .save.mobile-hidden,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory .actions .save.mobile-hidden,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory .actions .save.mobile-hidden {
display: none !important
}
}
@media(min-width:992px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory {
display: flex;
position: absolute;
padding: 1.5rem;
z-index: 1;
background-color: #fff;
border-radius: .25rem;
top: 3.5rem;
box-shadow: 0 12px 24px rgba(0, 0, 0, .03), 0 7.5px 15px rgba(0, 0, 0, .03), 0 2.5px 5px rgba(0, 0, 0, .025), 0 1.5px 3px rgba(0, 0, 0, .015)
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory ul,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory ul,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory ul,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory ul {
border: 0;
background: rgba(0, 0, 0, 0)
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory ul,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory ul,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory ul,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory ul {
margin-bottom: .5rem
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory .stade-plan,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory .stade-plan,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory .stade-plan,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory .stade-plan {
border-radius: .25rem;
overflow: hidden;
text-align: center
}
@media(min-width:992px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory .stade-plan img,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory .stade-plan img,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory .stade-plan img,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory .stade-plan img {
max-width: 25rem;
margin-left: 1.5rem
}
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory .stade-plan img,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory .stade-plan img,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory .stade-plan img,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory .stade-plan img {
margin-bottom: 1.5rem;
border-radius: .25rem;
max-height: 12.5rem;
object-fit: cover;
width: 100%
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory .stade-plan p,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory .stade-plan p,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory .stade-plan p,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory .stade-plan p {
margin-bottom: 0
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory h5,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory .h5,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory h5,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory .h5,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory h5,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory .h5,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory h5,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory .h5 {
font-size: 1rem;
font-weight: 600;
margin-bottom: 1.5rem
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory ul,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory ul,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory ul,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory ul {
padding: 0;
overflow: auto;
position: relative;
height: auto !important;
max-height: 16rem
}
@media(min-width:992px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory ul,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory ul,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory ul,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory ul {
min-width: 24rem
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li {
font-size: .75rem;
background-color: #f6f8f9;
position: relative;
border-radius: .5rem;
overflow: hidden
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .meta-cat-wrapper,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .meta-cat-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .meta-cat-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .meta-cat-wrapper {
padding: .75rem 3rem .75rem .75rem;
font-weight: 700;
display: flex;
align-items: center;
cursor: pointer
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .meta-cat-wrapper:before,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .meta-cat-wrapper:before,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .meta-cat-wrapper:before,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .meta-cat-wrapper:before {
content: "";
width: 1.25rem;
height: 1.25rem;
border-radius: 100%;
position: absolute;
right: .875rem;
background-color: #fff;
border: 1px solid #8c8ca5;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1)
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .meta-cat-info,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .meta-cat-info,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .meta-cat-info,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .meta-cat-info {
padding: .75rem;
background-color: #fff;
border: 1px solid #f6f8f9;
font-weight: normal;
border-bottom-left-radius: .5rem;
border-bottom-right-radius: .5rem
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .meta-cat-info p,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .meta-cat-info p,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .meta-cat-info p,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .meta-cat-info p {
margin-bottom: 0
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .meta-cat-info ul,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .meta-cat-info ul,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .meta-cat-info ul,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .meta-cat-info ul {
margin-left: 1.5em
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .meta-cat-info ul li,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .meta-cat-info ul li,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .meta-cat-info ul li,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .meta-cat-info ul li {
background-color: rgba(0, 0, 0, 0);
border: none;
padding: 0;
min-height: auto;
list-style: disc
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .meta-cat-info ul li:before,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .meta-cat-info ul li:before,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .meta-cat-info ul li:before,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .meta-cat-info ul li:before {
content: none !important
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .meta-cat-info ul li:hover,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .meta-cat-info ul li:hover,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .meta-cat-info ul li:hover,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .meta-cat-info ul li:hover {
box-shadow: none
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li:first-child,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li:first-child,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li:first-child,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li:first-child {
display: none
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li:not(:last-child),
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li:not(:last-child),
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li:not(:last-child),
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li:not(:last-child) {
margin-bottom: 5px
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li.checked .meta-cat-wrapper:before,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li.checked .meta-cat-wrapper:before,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li.checked .meta-cat-wrapper:before,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li.checked .meta-cat-wrapper:before {
border-color: var(--hb-cta-primary);
box-shadow: none
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li.checked .meta-cat-wrapper:after,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li.checked .meta-cat-wrapper:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li.checked .meta-cat-wrapper:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li.checked .meta-cat-wrapper:after {
content: "";
width: .5rem;
height: .5rem;
position: absolute;
border-radius: 100%;
right: 1.25rem;
background-color: var(--hb-cta-primary)
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li.checked.has-color,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li.checked.has-color,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li.checked.has-color,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li.checked.has-color {
background-color: var(--bg-color)
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li.checked.has-color .meta-cat-info,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li.checked.has-color .meta-cat-info,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li.checked.has-color .meta-cat-info,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li.checked.has-color .meta-cat-info {
border-color: var(--bg-color)
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li.disabled,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li.disabled,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li.disabled,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li.disabled {
cursor: default;
opacity: .5
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .color,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .color,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .color,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .color {
height: 2.5rem;
width: .5rem;
border-radius: .25rem;
margin-right: .5rem
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .price-container,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .price-container,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .price-container,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .price-container {
font-size: .75rem;
margin-left: auto;
display: flex;
flex-direction: column;
text-align: right;
line-height: 1;
flex: 1
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .price-container .desc,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .price-container .desc,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .price-container .desc,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .price-container .desc {
font-weight: normal;
line-height: 1.5
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .price-container em,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .price-container em,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .price-container em,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .price-container em {
font-style: normal;
font-weight: bold;
font-size: .875rem
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .price-container .average_info,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .price-container .average_info,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li .price-container .average_info,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category .detail-metacategory li .price-container .average_info {
font-size: 11px;
color: #76818d;
font-weight: normal
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice {
cursor: pointer;
display: flex;
position: relative
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice {
margin-left: -1rem;
margin-right: -1rem;
border-top: 1px solid rgba(118, 129, 141, .25);
padding: .5em 0
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.multi-rates-available,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.multi-rates-available {
border-top: 0;
padding: 0
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.multi-rates-available .js-metatypeprice-info,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.multi-rates-available .js-metatypeprice-info {
display: none
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.multi-rates-available .js-metatypeprice-details,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.multi-rates-available .js-metatypeprice-details {
padding-bottom: 0;
padding-top: 0
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.multi-rates-available .quantity-selector-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.multi-rates-available .quantity-selector-wrapper {
width: auto;
padding: 0
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .quantity-selector-wrapper label,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .quantity-selector-wrapper label {
display: inherit
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice .quantity-selector-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice .quantity-selector-wrapper {
width: 100%;
padding-right: 2rem
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.with-qty .js-info-label,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.with-qty .js-info-label {
color: #1882ff
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.multi-rates-available:not(.active),
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.multi-rates-available:not(.active) {
display: none
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.with-qty .js-info-label:before,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.with-qty .js-info-label:before {
display: none
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.selected .quantity-selector-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.selected .quantity-selector-wrapper {
border-color: #1882ff
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice>.fieldset-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice>.fieldset-wrapper {
display: flex
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice>.fieldset-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice>.fieldset-wrapper {
width: 100%;
display: initial
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice>.fieldset-wrapper .js-metatypeprice-info::after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice>.fieldset-wrapper .js-metatypeprice-info::after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
position: absolute;
right: 0;
top: 0;
pointer-events: none;
transition: all 300ms ease-out;
margin: .5rem 0;
line-height: 1.5;
display: block;
transform: rotateZ(-180deg)
}
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.open .js-metatypeprice-info,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.open .js-metatypeprice-info {
position: absolute;
background: rgba(0, 0, 0, 0);
display: block;
width: 1.5rem;
right: .5rem;
top: .75rem
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.open .js-metatypeprice-info .js-info-label,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.open .js-metatypeprice-info .quantity-selector-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.open .js-metatypeprice-info .js-info-label,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.open .js-metatypeprice-info .quantity-selector-wrapper {
display: none
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.open .js-metatypeprice-info::after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.open .js-metatypeprice-info::after {
transform: rotateZ(0deg)
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice>.fieldset-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice>.fieldset-wrapper {
width: 100%
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper {
width: 100%
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper {
padding: .5rem .5rem .5rem 1.5rem;
font-weight: 600;
position: relative;
background-color: #fff;
height: 3rem;
border-radius: 3rem;
display: flex;
border: 1px solid rgba(0, 0, 0, 0);
box-shadow: 0 1.5px 3px rgba(0, 0, 0, .05);
width: 100%;
box-shadow: none;
align-items: center
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper {
border: 0 !important;
padding: .5rem 1rem .5rem 1em
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper label,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper label {
font-weight: 600;
font-size: 1rem;
margin-right: auto;
margin-bottom: 0
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper.unactive,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper.unactive {
box-shadow: none;
background: rgba(0, 0, 0, 0);
border-color: #dee2e6
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper.unactive .quantity-selector,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper.unactive .quantity-selector {
background-color: rgba(0, 0, 0, 0);
opacity: 1
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper .quantity-selector,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper .quantity-selector {
flex: 1;
background-color: #fff
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper .quantity-selector-label,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper .quantity-selector-label {
display: none
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper .quantity-selector .custom-select,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper .quantity-selector .custom-select {
padding: 0;
border: 0;
box-shadow: none;
height: unset;
background: none;
font-size: 1rem;
pointer-events: none;
text-align: center;
max-width: 2.5rem
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper .quantity-selector .quantity-minus,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.one-rate-available .metatypeprice-wrapper .quantity-selector-wrapper .quantity-selector .quantity-minus {
order: -1
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-filter .actions .cancel,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-filter .actions .cancel {
display: none
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper.with-qty .js-metatypeprice-info .js-info-label,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper.with-qty .js-metatypeprice-info .js-info-label {
color: #1882ff
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info {
font-weight: 600;
background-color: #fff;
border-radius: 3rem;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: .5rem 1.5rem;
border: 1px solid rgba(0, 0, 0, 0)
}
@media(min-width:992px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info {
box-shadow: 0 1.5px 3px rgba(0, 0, 0, .05)
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info:hover,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info:hover {
box-shadow: 0 1.5px 3px rgba(0, 0, 0, .05), 0 2.5px 5px rgba(0, 0, 0, .025), 0 7.5px 15px rgba(0, 0, 0, .04)
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info.unactive,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info.unactive {
border-color: #dee2e6;
background: rgba(0, 0, 0, 0);
box-shadow: none
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info .quantity-selector-label,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info .quantity-selector-label {
display: none
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info [data-drupal-selector=edit-info-label],
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info [data-drupal-selector=edit-info-label] {
width: 100%
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info .js-info-label,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info .js-info-label {
margin-bottom: 0;
padding-right: 1.5rem;
display: flex;
align-items: center;
position: relative;
white-space: nowrap
}
@media(min-width:992px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info .js-info-label:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info .js-info-label:after {
font-family: "hubber8";
content: "";
position: absolute;
right: -0.75rem;
font-size: 1.5rem;
font-weight: normal
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info .select-readonly,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info .select-readonly {
padding: 0;
pointer-events: none;
height: auto;
border: 0;
background: none;
box-shadow: none;
font-size: .75rem;
font-weight: 700;
margin-right: .5rem
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info .select-readonly:not(.with-qty),
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info .select-readonly:not(.with-qty)~.disabled-button,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info .select-readonly:not(.with-qty),
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info .select-readonly:not(.with-qty)~.disabled-button {
color: rgba(118, 129, 141, .25)
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info .select-readonly.with-qty,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info .select-readonly.with-qty {
color: #1882ff
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info button,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-info button {
pointer-events: none
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .btn-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .btn-wrapper {
display: flex;
background-color: rgba(0, 0, 0, .05);
border-radius: 6px
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-quantity-button,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-quantity-button {
display: flex;
align-items: center;
font-size: 0;
line-height: 1;
justify-content: center;
position: relative;
border-radius: 100%;
height: 2.25rem;
width: 2.25rem;
color: #1882ff;
border: 1px solid #dee2e6;
padding: 0
}
@media(min-width:992px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-quantity-button,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-quantity-button {
border: 0;
background: rgba(0, 0, 0, 0);
min-width: 2rem;
color: initial
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-quantity-button.disabled-button,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-quantity-button.disabled-button {
background-color: rgba(0, 0, 0, 0) !important;
opacity: .25 !important
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-quantity-button:last-child,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-quantity-button:last-child {
margin-right: 0;
margin-left: .25rem;
flex-shrink: 0
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .btn-separator,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .btn-separator {
color: rgba(118, 129, 141, .25);
font-weight: normal;
margin: 0 .25rem
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .quantity-selector,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .quantity-selector {
display: flex;
align-items: center;
justify-content: flex-end
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .quantity-selector .quantity-minus:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .quantity-selector .quantity-minus:after {
display: none
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details {
width: 100%;
border: 0;
border-radius: .5rem;
background-color: #fff;
padding: 1.5rem
}
@media(min-width:992px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details {
position: absolute;
min-width: 24rem;
top: 3.5rem
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .quantity-selector-label,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .quantity-selector-label {
display: none
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details legend,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details legend {
margin: 0;
padding: 0
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .fieldset-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .fieldset-wrapper {
display: block
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .fieldset-wrapper h5,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .fieldset-wrapper .h5,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .fieldset-wrapper h5,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .fieldset-wrapper .h5 {
font-size: 1rem;
font-weight: 600;
margin-bottom: 1.5rem
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .fieldset-wrapper .price-promo-protected h5,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .fieldset-wrapper .price-promo-protected .h5,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .fieldset-wrapper .price-promo-protected h5,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .fieldset-wrapper .price-promo-protected .h5 {
margin-top: 1.5rem
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 .75rem;
width: 100%;
border: 1px solid rgba(0, 0, 0, 0)
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap+.inline-form-container,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap+.inline-form-container {
margin-top: .5rem
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap+.inline-form-container .hint-coupon-form,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap+.inline-form-container .hint-coupon-form {
font-size: .875rem
}
@media(min-width:992px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap.with-qty,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap.with-qty p,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap.with-qty .quantity-selector-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap.with-qty,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap.with-qty p,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap.with-qty .quantity-selector-wrapper {
position: relative
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap.with-qty:before,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap.with-qty:before {
content: "";
background-color: #1882ff;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: .1;
border-radius: .25rem
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .bundle-quantity,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .bundle-quantity {
text-align-last: center;
border: 1px solid #dee2e6;
background: #fff;
height: 2rem;
width: 2.5rem;
flex-shrink: 0
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .quantity-minus,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .quantity-minus {
order: -1;
margin-right: .25rem;
flex-shrink: 0
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information {
margin-right: auto;
position: relative;
color: inherit
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .info,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .info {
display: inline-flex;
align-items: center
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .info:before,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .info:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .info:before,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .info:before {
color: #1882ff
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .info:hover+.custom-tooltip-content,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .info:hover+.custom-tooltip-content {
display: block
}
@media(min-width:992px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .info:hover+.custom-tooltip-content,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .info:hover+.custom-tooltip-content {
width: auto;
min-width: 3rem;
text-align: center
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .info:hover+.custom-tooltip-content:before,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .info:hover+.custom-tooltip-content:before {
left: 1rem
}
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .custom-tooltip-content,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .custom-tooltip-content {
display: none;
position: fixed;
bottom: 7.5rem;
top: unset;
width: 90vw;
margin: 0 auto;
left: 5vw;
padding-top: 1.25rem
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .custom-tooltip-content:before,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .custom-tooltip-content:before {
display: none
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .custom-tooltip-content .closecross,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .custom-tooltip-content .closecross {
position: absolute;
top: .25rem;
right: .25rem
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .custom-tooltip-content .closecross:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .js-information .custom-tooltip-content .closecross:after {
font-family: "hubber8";
content: "";
background: #76818d;
border-radius: 100%;
height: 1rem;
width: 1rem;
display: flex;
align-items: center;
justify-content: center;
color: #fff
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .quantity-selector-wrapper,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap .quantity-selector-wrapper {
background: rgba(0, 0, 0, 0);
border: none !important
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button {
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
@media(min-width:768px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button {
display: inline-flex
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button:hover,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button:before,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button {
display: none !important
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit {
align-items: center;
background-color: rgba(0, 0, 0, 0);
border-radius: .5rem;
border: 1px solid;
border-color: rgba(0, 0, 0, 0);
color: #263140;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
border-color: #fff;
background-color: #fff;
font-size: 0 !important;
color: #76818d;
width: 3rem;
border-radius: 100%
}
@media(min-width:768px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit {
display: inline-flex
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:hover,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:hover {
color: #263140;
background-color: rgba(0, 0, 0, 0);
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:before,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:after {
transition: all 300ms ease-out;
margin-left: 0
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:hover,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:hover {
color: #fff;
border-color: #c50808;
background-color: #c50808;
transform: translateY(0)
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:hover:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:hover:after {
transform: rotate(-180deg)
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit {
display: none !important
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button {
background-color: #e2e5e8;
color: #76818d;
border: 0
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:disabled,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button:disabled,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:disabled,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button:disabled {
align-items: center;
background-color: rgba(0, 0, 0, 0);
border-radius: .5rem;
border: 1px solid;
border-color: rgba(0, 0, 0, 0);
color: #b4bbc2;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none
}
@media(min-width:768px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:disabled,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button:disabled,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:disabled,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button:disabled {
display: inline-flex
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:disabled:hover,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button:disabled:hover,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:disabled:hover,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button:disabled:hover {
color: #b4bbc2;
background-color: rgba(0, 0, 0, 0);
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
@media(min-width:992px)and (max-width:1199.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:disabled,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button:disabled,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:disabled,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button:disabled {
padding: 0 .75rem
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:after,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:disabled:after,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button:after,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button:disabled:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit:disabled:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button:after,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .submit-pre-selection-button:disabled:after {
margin-left: 0 !important
}
}
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit {
margin-left: .5rem
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit,
.path-product-bundle-multi-steps .pre-selection-wrapper>.fieldset-wrapper .js-bundle-reinit {
display: none !important
}
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper .js-form-type-metacategory:not(.active),
.path-product-bundle-multi-steps .pre-selection-wrapper .js-form-type-metacategory:not(.active) {
display: none !important
}
.path-product-bundle .pre-selection-wrapper .js-filter .actions,
.path-product-bundle-multi-steps .pre-selection-wrapper .js-filter .actions {
display: none !important
}
}
.path-product-bundle .mobile-selection-wrapper,
.path-product-bundle-multi-steps .mobile-selection-wrapper {
margin-bottom: 0;
padding: 1.5rem;
border-bottom: 1px solid #dee2e6
}
.path-product-bundle .mobile-selection-wrapper:not(.selected),
.path-product-bundle-multi-steps .mobile-selection-wrapper:not(.selected) {
background-color: #fff
}
.path-product-bundle .mobile-selection-wrapper legend,
.path-product-bundle-multi-steps .mobile-selection-wrapper legend {
display: none
}
.path-product-bundle .mobile-selection-wrapper .custom-select,
.path-product-bundle-multi-steps .mobile-selection-wrapper .custom-select {
height: 3rem;
border-radius: 3rem;
display: flex;
align-items: center;
justify-content: center;
position: relative;
font-weight: 600;
background: #fff
}
.path-product-bundle .mobile-selection-wrapper .custom-select.selected,
.path-product-bundle-multi-steps .mobile-selection-wrapper .custom-select.selected {
border-color: #1882ff;
color: #1882ff
}
.path-product-bundle .mobile-selection-wrapper .custom-select:after,
.path-product-bundle-multi-steps .mobile-selection-wrapper .custom-select:after {
font-family: "hubber8";
content: "";
position: absolute;
right: .5rem;
font-size: 1.5rem;
font-weight: normal
}
.path-product-bundle .select2-selection__rendered:has(span.product-selection) {
width: 100%;
line-height: unset
}
.path-product-bundle .select2-selection__rendered:has(span.product-selection) span.product-selection {
min-height: unset
}
.path-product-bundle .select2-selection__rendered:has(span.product-selection) span.product-selection:before {
content: unset
}
.path-product-bundle .select2-selection__rendered:has(span.product-selection) span.product-selection:after {
content: unset
}
.path-product-bundle .select2-results .select2-results__option.select2-results__option span.product-selection,
.path-product-bundle .select2-selection__rendered.select2-results__option span.product-selection {
background-color: rgba(0, 0, 0, .04)
}
.path-product-bundle .select2-results .select2-results__option.select2-results__option span.product-selection:before,
.path-product-bundle .select2-selection__rendered.select2-results__option span.product-selection:before {
content: "";
width: 1.25rem;
height: 1.25rem;
border-radius: 100%;
position: absolute;
right: .875rem;
top: unset;
bottom: unset;
left: unset;
background-color: #fff;
border: 1px solid #8c8ca5;
opacity: 100%;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1)
}
.path-product-bundle .select2-results .select2-results__option span.product-selection,
.path-product-bundle .select2-selection__rendered span.product-selection {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding: .75rem 3rem .75rem .75rem;
position: relative;
border-radius: .25rem;
overflow: hidden
}
.path-product-bundle .select2-results .select2-results__option span.product-selection .price,
.path-product-bundle .select2-selection__rendered span.product-selection .price {
font-weight: 600
}
.path-product-bundle .select2-results .select2-results__option.select2-results__option--highlighted span.product-selection:hover:before,
.path-product-bundle .select2-selection__rendered.select2-results__option--highlighted span.product-selection:hover:before {
opacity: 1;
background-color: #fff !important;
border-color: #1882ff;
box-shadow: none
}
.path-product-bundle .select2-results .select2-results__option.select2-results__option--highlighted span.product-selection:hover:after,
.path-product-bundle .select2-selection__rendered.select2-results__option--highlighted span.product-selection:hover:after {
content: "";
width: .5rem;
height: .5rem;
position: absolute;
border-radius: 100%;
right: 1.25rem;
background-color: #1882ff
}
@media(max-width:991.98px) {
.page-product-resale .show-overlay:after,
.page-product-membership .show-overlay:after,
.page-product-ticketing .show-overlay:after {
content: "";
background-color: rgba(0, 0, 0, .5);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1
}
.page-product-resale .ticket-form-footer:before,
.page-product-membership .ticket-form-footer:before,
.page-product-ticketing .ticket-form-footer:before {
display: none
}
.page-product-resale .ticket-form-footer-container,
.page-product-membership .ticket-form-footer-container,
.page-product-ticketing .ticket-form-footer-container {
position: fixed;
bottom: 0;
background: #fff;
width: 100vw;
left: 0;
max-width: unset !important;
padding: 1rem;
box-shadow: 0px 5px 24px rgba(0, 0, 0, .07), 0px 2px 15px rgba(0, 0, 0, .03), 0px 1px 5px rgba(0, 0, 0, .03), 0px 1px 3px rgba(0, 0, 0, .05);
border-radius: 1.5rem 1.5rem 0 0;
z-index: 2
}
.page-product-resale .ticket-content,
.page-product-membership .ticket-content,
.page-product-ticketing .ticket-content {
margin-bottom: 10rem
}
}
.page-product-resale .total-price-info,
.page-product-membership .total-price-info,
.page-product-ticketing .total-price-info {
text-align: right;
margin-bottom: .5rem;
color: #76818d;
font-size: .75rem;
font-weight: 600
}
.page-product-resale .total-price-info .price-excl-fee-info,
.page-product-membership .total-price-info .price-excl-fee-info,
.page-product-ticketing .total-price-info .price-excl-fee-info {
font-weight: normal
}
.page-product-resale .hint-resale-split,
.page-product-membership .hint-resale-split,
.page-product-ticketing .hint-resale-split {
font-size: .75rem;
background: #fff;
border: 0;
border-radius: .5rem;
margin: .5rem 0;
color: #1882ff;
display: inline-flex;
align-items: center;
margin-right: .5rem;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}
.page-product-resale .hint-resale-split:before,
.page-product-membership .hint-resale-split:before,
.page-product-ticketing .hint-resale-split:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-product-resale .hint-resale-split:before,
.page-product-membership .hint-resale-split:before,
.page-product-ticketing .hint-resale-split:before {
color: inherit
}
.page-product-resale .js-edit-split-selection,
.page-product-membership .js-edit-split-selection,
.page-product-ticketing .js-edit-split-selection {
padding: 0;
background: none;
color: initial;
font-weight: normal;
text-decoration: underline;
display: block
}
.page-product-resale .js-edit-split-selection:hover,
.page-product-membership .js-edit-split-selection:hover,
.page-product-ticketing .js-edit-split-selection:hover {
text-decoration: none;
color: initial
}
.page-product-resale .nb-tickets,
.page-product-membership .nb-tickets,
.page-product-ticketing .nb-tickets {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 1rem
}
.page-product-resale .custom-switch,
.page-product-membership .custom-switch,
.page-product-ticketing .custom-switch {
border-radius: 0;
background-color: #f6f8f9;
padding: .75rem 1rem;
font-size: .75rem;
border-radius: 0
}
.page-product-resale .custom-switch .custom-control-input,
.page-product-membership .custom-switch .custom-control-input,
.page-product-ticketing .custom-switch .custom-control-input {
position: absolute;
margin: 0;
height: auto
}
.page-product-resale .table-responsive,
.page-product-membership .table-responsive,
.page-product-ticketing .table-responsive {
overflow: visible
}
.page-product-resale .category-quantity-selection .input-number-operators .operator.active,
.page-product-resale .hubber-filter-quantity-ticketing-form .input-number-operators .operator.active,
.page-product-membership .category-quantity-selection .input-number-operators .operator.active,
.page-product-membership .hubber-filter-quantity-ticketing-form .input-number-operators .operator.active,
.page-product-ticketing .category-quantity-selection .input-number-operators .operator.active,
.page-product-ticketing .hubber-filter-quantity-ticketing-form .input-number-operators .operator.active {
border-radius: .5rem;
transition: all 300ms ease-out
}
.page-product-resale .category-quantity-selection .input-number-operators .operator.less,
.page-product-resale .hubber-filter-quantity-ticketing-form .input-number-operators .operator.less,
.page-product-membership .category-quantity-selection .input-number-operators .operator.less,
.page-product-membership .hubber-filter-quantity-ticketing-form .input-number-operators .operator.less,
.page-product-ticketing .category-quantity-selection .input-number-operators .operator.less,
.page-product-ticketing .hubber-filter-quantity-ticketing-form .input-number-operators .operator.less {
order: -1
}
.page-product-resale .category-quantity-selection .input-number-operators .operator.less:after,
.page-product-resale .hubber-filter-quantity-ticketing-form .input-number-operators .operator.less:after,
.page-product-membership .category-quantity-selection .input-number-operators .operator.less:after,
.page-product-membership .hubber-filter-quantity-ticketing-form .input-number-operators .operator.less:after,
.page-product-ticketing .category-quantity-selection .input-number-operators .operator.less:after,
.page-product-ticketing .hubber-filter-quantity-ticketing-form .input-number-operators .operator.less:after {
display: none
}
.page-product-resale .category-quantity-selection .input-number-operators .form-number,
.page-product-resale .hubber-filter-quantity-ticketing-form .input-number-operators .form-number,
.page-product-membership .category-quantity-selection .input-number-operators .form-number,
.page-product-membership .hubber-filter-quantity-ticketing-form .input-number-operators .form-number,
.page-product-ticketing .category-quantity-selection .input-number-operators .form-number,
.page-product-ticketing .hubber-filter-quantity-ticketing-form .input-number-operators .form-number {
background-color: #fff;
border: 1px solid #dee2e6;
width: 1.75rem;
text-align: center;
margin: 0
}
.quantity-selector {
display: flex;
align-items: center;
width: 100%;
gap: .25rem
}
.quantity-selector-wrapper {
display: flex;
align-self: center;
justify-content: space-between;
padding: .75rem 1rem;
background-color: #fff;
border-radius: 0;
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, 0);
transition: all 200ms ease-in-out
}
.quantity-selector-wrapper.price-promo-unlocked label:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
font-weight: normal;
margin-right: .25rem;
opacity: 1 !important;
position: relative;
width: auto;
background: none !important
}
.quantity-selector-wrapper.price-promo-unlocked:before {
width: 100%;
opacity: 1;
background: rgba(206, 162, 54, .1) !important
}
.quantity-selector-wrapper.price-promo-unlocked:hover:before {
opacity: 1;
width: 100%;
background: rgba(206, 162, 54, .05) !important
}
.quantity-selector-wrapper[data-quantity]:not([data-color]) {
border-color: #1882ff !important;
color: #1882ff
}
.quantity-selector-wrapper[data-quantity]:not([data-color]) * {
color: inherit
}
.quantity-selector-wrapper[data-quantity].price-promo-unlocked {
background-color: rgba(206, 162, 54, .1);
color: #cea236 !important;
border-color: #cea236 !important
}
.quantity-selector-wrapper .js-amount-merch-without-promo {
color: #76818d;
text-decoration: line-through
}
.quantity-selector-wrapper .js-amount-merch-without-promo+.js-amount-merch {
margin-left: .5rem
}
.quantity-selector-label {
margin-bottom: 0;
display: flex;
align-items: center;
text-transform: none
}
.quantity-selector .form-select {
height: auto;
background: rgba(0, 0, 0, 0);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
pointer-events: none;
caret-color: rgba(0, 0, 0, 0);
font-size: .75rem;
border: 0;
padding: 0;
box-shadow: none !important;
width: 2rem;
text-align: center
}
.quantity-selector .disabled-button:before {
opacity: .25
}
.quantity-selector .quantity-minus,
.quantity-selector .quantity-plus {
font-size: 0;
position: relative;
padding: 0;
border-radius: .25rem;
height: 2rem;
width: 2rem
}
.quantity-selector .quantity-minus:not(.disabled-button):hover,
.quantity-selector .quantity-plus:not(.disabled-button):hover {
color: #fff;
background-color: #1882ff
}
.quantity-selector .quantity-minus:before,
.quantity-selector .quantity-plus:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
line-height: 1
}
.quantity-selector .quantity-minus:after {
content: "";
display: block;
height: 24px;
width: 1px;
background: #dee2e6;
position: absolute;
right: -10px;
top: 0
}
.quantity-selector .quantity-plus:before {
content: ""
}
.ticket-category-list .quantity-selector-wrapper.price-promo-unlocked .quantity-selector .js-quantity-button:hover {
background-color: #cea236 !important;
border-color: #fff !important
}
.ticket-category-list .quantity-selector-wrapper.price-promo-unlocked .quantity-selector .js-quantity-button:hover:before {
color: #fff !important
}
.ticket-category-list .quantity-selector-wrapper.price-promo-unlocked .quantity-selector .quantity-minus.trash {
color: #cea236 !important
}
.page-product-ticketing .hubber-resale-add-to-cart-form .quantity-selector {
display: flex;
align-items: center
}
.page-product-ticketing .hubber-resale-add-to-cart-form .quantity-selector-wrapper-outer {
padding-bottom: 1.5rem;
margin-bottom: 1.5rem;
border-bottom: 1px solid #dee2e6
}
.page-product-ticketing .hubber-resale-add-to-cart-form .quantity-selector-wrapper {
background-color: #f6f8f9;
border-radius: .5rem;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 .75rem;
margin-bottom: 0;
border-bottom: 0
}
.page-product-ticketing .hubber-resale-add-to-cart-form .quantity-selector-label {
font-size: .75rem;
font-weight: 600
}
.page-product-ticketing .hubber-resale-add-to-cart-form .quantity-selector .form-select {
background-color: #fff;
font-weight: 400;
margin: .75rem;
height: 28px;
line-height: 1;
border: 1px solid #dee2e6
}
.page-product-ticketing .hubber-resale-add-to-cart-form .quantity-selector .quantity-minus,
.page-product-ticketing .hubber-resale-add-to-cart-form .quantity-selector .quantity-plus {
padding: 1px;
margin-right: 0
}
.js-listing-footer {
border: 1px solid #dee2e6;
border-radius: .5rem;
margin-bottom: .5rem;
padding: 2rem;
text-align: center;
background-color: #fff
}
.filter-badges {
display: flex;
width: 100%
}
.filter-badges .badge {
background: rgba(0, 0, 0, 0);
border: 1px solid #dee2e6;
display: flex;
align-items: center;
padding: .25rem .5rem;
margin-right: 1rem;
color: initial
}
.filter-badges .badge .close {
font-weight: normal;
margin-left: .5rem;
font-size: 1rem;
line-height: 1;
background-color: rgba(0, 0, 0, 0);
padding: 0;
color: #76818d
}
.ticket-content-filters .filters-wrapper>.filter.active.active:before,
.ticket-content-filters .filters-wrapper>.filter.has-price-filtering.active:before {
content: "";
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .3);
z-index: 10
}
.ticket-content-filters .filter {
position: relative;
flex: 1
}
.ticket-content-filters .filter.hide-type-price-filter {
flex: 0
}
.ticket-content-filters .filter.hide-type-price-filter:first-child {
margin-left: auto
}
.ticket-content-filters .filter.hide-type-price-filter:first-child .filter-info {
margin-right: 0
}
.ticket-content-filters .filter.hide-type-price-filter .filter-info {
padding-right: 1rem;
justify-content: space-between
}
@media(max-width:991.98px) {
.ticket-content-filters .filter.hide-type-price-filter .filter-info {
font-size: 0;
padding: 0;
width: 3rem;
justify-content: center
}
}
.ticket-content-filters .filter.hide-type-price-filter .filter-info:after {
display: none
}
.ticket-content-filters .filter.hide-type-price-filter .filter-info:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
font-weight: normal
}
@media(min-width:992px) {
.ticket-content-filters .filter.hide-type-price-filter .filter-info:before {
margin-left: 1rem;
order: 1
}
}
.ticket-content-filters .filter.hide-type-price-filter .filter-info.has-unlocked-rate {
color: #cea236 !important;
border-color: #cea236 !important
}
.ticket-content-filters .filter.additional-filters {
flex: 0
}
@media(min-width:992px) {
.ticket-content-filters .filter.more-options {
flex: 0 0 3rem
}
}
.ticket-content-filters .filter.more-options .btn-more-filters {
width: 3rem
}
.ticket-content-filters .filter.more-options .btn-more-filters:before {
margin: 0
}
.ticket-content-filters .filter.active .filter-info,
.ticket-content-filters .filter.has-price-filtering .filter-info {
z-index: 10;
position: relative;
background-color: #fff;
color: #cea236;
border-color: #cea236;
box-shadow: 0 1.5px 3px rgba(0, 0, 0, .05), 0 2.5px 5px rgba(0, 0, 0, .025), 0 7.5px 15px rgba(0, 0, 0, .04)
}
@media(max-width:991.98px) {
.ticket-content-filters .filter.active .filter-info,
.ticket-content-filters .filter.has-price-filtering .filter-info {
z-index: 9
}
}
.ticket-content-filters .filter.active .filter-info:before,
.ticket-content-filters .filter.has-price-filtering .filter-info:before {
color: #263140
}
.ticket-content-filters .filter.active .filter-wrapper,
.ticket-content-filters .filter.has-price-filtering .filter-wrapper {
display: block
}
.ticket-content-filters .filter.active .filter-wrapper .quantity-selector .form-select,
.ticket-content-filters .filter.has-price-filtering .filter-wrapper .quantity-selector .form-select {
width: auto;
margin-right: auto;
text-align: left
}
.ticket-content-filters .filter.active .filter-wrapper .quantity-selector .js-quantity-button,
.ticket-content-filters .filter.has-price-filtering .filter-wrapper .quantity-selector .js-quantity-button {
padding: 0
}
.ticket-content-filters .filter.active .filter-wrapper .quantity-selector .quantity-minus,
.ticket-content-filters .filter.has-price-filtering .filter-wrapper .quantity-selector .quantity-minus {
margin-right: .75rem
}
.ticket-content-filters .filter.active .filter-wrapper .custom-switch-wrapper,
.ticket-content-filters .filter.has-price-filtering .filter-wrapper .custom-switch-wrapper {
display: none
}
.ticket-content-filters .filter.active .filter-wrapper .quantity-list,
.ticket-content-filters .filter.has-price-filtering .filter-wrapper .quantity-list {
margin-bottom: 0;
border-bottom: 0
}
.ticket-content-filters .filter-wrapper {
padding: 1.5rem;
border-radius: 6px;
background-color: #fff;
position: absolute;
z-index: 1006;
right: 0;
margin: 1rem .5rem;
width: 24rem;
max-height: calc(100vh - 20rem);
overflow-y: auto;
overflow-x: hidden;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}
@media(min-width:992px) {
.ticket-content-filters .filter-wrapper.info-quantity {
overflow: hidden;
max-height: calc(100vh - 16rem)
}
}
@media(max-width:991.98px) {
.ticket-content-filters .filter-wrapper {
padding: 1.5rem;
position: fixed;
margin: 0;
width: 100%;
bottom: 0;
left: 0;
border-radius: 1rem 1rem 0 0;
max-height: 82vh;
box-shadow: 0px 12px 24px rgba(0, 0, 0, .03), 0px 7.5px 15px rgba(0, 0, 0, .03), 0px 2.5px 5px rgba(0, 0, 0, .025), 0px 1.5px 3px rgba(0, 0, 0, .015)
}
.ticket-content-filters .filter-wrapper:before {
content: "";
background-color: #dee2e6 !important;
height: 3px;
width: 30px;
display: block;
border-radius: .5rem;
position: absolute !important;
top: .75rem !important;
left: 50% !important;
transform: translateX(-50%)
}
.ticket-content-filters .filter-wrapper.info-type-price .filter-wrapper-title {
font-weight: 600
}
}
.ticket-content-filters .filter-wrapper .quantity-selector-wrapper {
border: none !important
}
.ticket-content-filters .filter-wrapper .quantity-list {
margin-bottom: 1rem;
border-bottom: 1px solid #dee2e6
}
.ticket-content-filters .filter-wrapper-title {
font-size: 1rem;
font-weight: 600;
margin-bottom: 1.5rem
}
@media(max-width:991.98px) {
.ticket-content-filters .filter-wrapper-title {
font-size: .875rem;
font-weight: 400;
margin-bottom: 1rem
}
.ticket-content-filters .filter-wrapper-title.quantity-selector-title {
font-weight: 600;
margin-top: 1rem
}
}
.ticket-content-filters .filter-wrapper h2,
.ticket-content-filters .filter-wrapper .h2 {
font-size: 1.75rem;
font-weight: 600;
margin-bottom: 1
}
@media(min-width:992px) {
.ticket-content-filters .filter-wrapper .form-group {
margin-bottom: 1rem
}
}
.ticket-content-filters .filter-wrapper .form-group.form-type-select {
margin-bottom: 0
}
.ticket-content-filters .filter-wrapper .form-item-slider-range-price {
background-color: #f6f8f9;
border-radius: .5rem;
padding: 2rem 2rem 1.5rem
}
@media(max-width:991.98px) {
.ticket-content-filters .filter-wrapper .form-item-slider-range-price {
padding: 1.5rem
}
}
@media(max-width:991.98px) {
.ticket-content-filters .info-quantity:before {
content: "";
background-color: #dee2e6;
height: 3px;
width: 30px;
display: block;
border-radius: .5rem;
position: absolute;
top: .75rem;
left: 50%;
transform: translateX(-50%)
}
}
.ticket-content-filters .info-quantity .form-check-label .icon-information {
margin-right: auto
}
.ticket-content-filters .info-category .full-selection .custom-control-label,
.ticket-content-filters #panel-category-content .full-selection .custom-control-label {
justify-content: flex-end
}
.ticket-content-filters .info-category .category-row,
.ticket-content-filters #panel-category-content .category-row {
background-color: #f6f8f9;
border-radius: .5rem;
padding: .75rem;
margin-bottom: .25rem
}
.ticket-content-filters .info-category .category-row.full-selection,
.ticket-content-filters #panel-category-content .category-row.full-selection {
background: rgba(0, 0, 0, 0)
}
.ticket-content-filters .info-category .category-row.full-selection .custom-control-label,
.ticket-content-filters #panel-category-content .category-row.full-selection .custom-control-label {
font-weight: normal;
font-size: .75rem
}
.ticket-content-filters .info-category .category-row .custom-control,
.ticket-content-filters #panel-category-content .category-row .custom-control {
padding-left: 1rem
}
.ticket-content-filters .info-category .category-row .custom-control .category-color,
.ticket-content-filters #panel-category-content .category-row .custom-control .category-color {
height: 1.5rem;
width: .5rem;
border-radius: .25rem;
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%)
}
.ticket-content-filters .info-category .custom-control-label,
.ticket-content-filters #panel-category-content .custom-control-label {
align-items: center;
line-height: 28px;
text-transform: unset;
font-weight: 600
}
.ticket-content-filters .info-category .custom-control-label .category-nb-tickets,
.ticket-content-filters #panel-category-content .custom-control-label .category-nb-tickets {
font-weight: normal;
font-size: .75rem
}
.ticket-content-filters .info-category .custom-control-label::before,
.ticket-content-filters #panel-category-content .custom-control-label::before {
height: 1.25rem;
width: 1.25rem;
border-radius: 2px;
right: 0;
left: unset
}
.ticket-content-filters .info-category .custom-control-label::after,
.ticket-content-filters #panel-category-content .custom-control-label::after {
margin: 0;
height: 1.25rem;
width: 1.25rem;
right: 0;
left: unset
}
.ticket-content-filters .custom-switch {
margin-top: 1rem
}
.ticket-content-filters .reset {
background-color: #fff;
border: 1px solid #dee2e6;
color: #263140;
border-radius: .5rem;
display: flex;
align-items: center;
justify-content: center;
transition: all 300ms ease-out;
text-transform: unset;
display: inline-flex;
align-items: center;
margin-right: .5rem;
width: 100%;
font-size: .875rem
}
.ticket-content-filters .reset:hover {
color: #1882ff;
border-color: #1882ff;
box-shadow: 0px 12px 24px rgba(118, 129, 141, .06), 0px 7.5px 15px rgba(118, 129, 141, .08), 0px 2.5px 5px rgba(118, 129, 141, .05), 0px 1.5px 3px rgba(118, 129, 141, .03)
}
.ticket-content-filters .reset:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ticket-content-filters .reset:before {
transition: 200ms all ease-in-out
}
.ticket-content-filters .reset-container {
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid #dee2e6
}
.ticket-content-filters .reset:hover {
background-color: #c50808 !important;
border-color: #c50808 !important;
color: #fff !important
}
.ticket-content-filters .reset:hover:before {
transform: rotate(-90deg)
}
.ticket-content-filters .no-category-selected {
font-size: .75rem;
margin-top: .5rem;
text-align: center;
background-color: #c50808;
border-radius: .5rem;
padding: .75rem;
color: #fff;
justify-content: center;
width: 100%;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.ticket-content-filters .no-category-selected:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ticket-content-filters .actions {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: .75rem
}
@media(min-width:992px) {
.ticket-content-filters .actions {
margin-top: 1.5rem
}
}
.ticket-content-filters .actions .btn-link {
padding: 0;
font-weight: normal;
color: initial;
text-decoration: underline
}
.ticket-content-filters .actions .save {
display: inline-flex;
align-items: center;
margin-right: .5rem;
height: 3rem;
width: auto
}
.ticket-content-filters .actions .save:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.price-labels-wrapper {
display: flex;
justify-content: space-between;
font-size: .75rem
}
.price-labels-wrapper .price-container {
display: flex;
align-items: center
}
.price-labels-wrapper .price-container .label-currency {
margin-left: -1.25rem
}
.price-labels-wrapper .price-container .label-max-value {
margin-left: 1.5rem
}
table.ticket-content-list {
border: 0;
border-collapse: collapse !important;
width: 100% !important
}
table.ticket-content-list tr {
border: 0
}
table.ticket-content-list tbody tr {
background-color: rgba(0, 0, 0, 0)
}
@media(min-width:992px) {
table.ticket-content-list .form-group {
margin-bottom: 1rem
}
}
table.ticket-content-list .row-resale-pack {
background-color: rgba(0, 0, 0, 0);
margin-bottom: .5rem;
display: flex;
position: relative;
cursor: pointer;
border-radius: .5rem;
border: 1px solid #dee2e6;
background-color: #f6f8f9;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
table.ticket-content-list .row-resale-pack:hover {
background-color: #fff;
color: inherit;
box-shadow: 0 12px 24px rgba(0, 0, 0, .03), 0 7.5px 15px rgba(0, 0, 0, .03), 0 2.5px 5px rgba(0, 0, 0, .025), 0 1.5px 3px rgba(0, 0, 0, .015)
}
table.ticket-content-list .row-resale-pack.available {
cursor: pointer
}
table.ticket-content-list .row-resale-pack.multi-tickets {
box-shadow: 0 1.5px 2px rgba(25, 25, 75, .4), 0 6px 0 -4px #fff, 0px 6px 2px -3px rgba(25, 25, 75, .35), 0 12px 0 -8px #fff, 0 12px 3px -7px rgba(25, 25, 75, .3)
}
table.ticket-content-list .row-resale-pack.disabled {
min-height: 3.25rem;
background-color: #e2e5e8;
box-shadow: none !important;
cursor: default
}
table.ticket-content-list .row-resale-pack.disabled .resale-pack-details {
background: rgba(0, 0, 0, 0) !important;
opacity: .5
}
table.ticket-content-list .row-resale-pack.disabled .price-info {
display: none
}
table.ticket-content-list .row-resale-pack td {
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
border-radius: .5rem;
display: flex;
align-items: center;
justify-content: center;
padding: .5rem 1rem
}
table.ticket-content-list .row-resale-pack td.resale-pack-details {
justify-content: space-between;
align-items: center;
width: 100%;
font-size: .75rem;
flex-wrap: wrap
}
table.ticket-content-list .row-resale-pack td.resale-pack-details.expanded {
background-color: #fff
}
table.ticket-content-list .row-resale-pack td.resale-pack-details.expanded .show-details:after {
transform: rotate(180deg)
}
table.ticket-content-list .row-resale-pack td.resale-pack-details.added-to-cart {
padding-bottom: 1.5rem
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .btn-remove {
font-size: 0;
padding: 0;
height: 2.25rem;
width: 2.25rem;
border-radius: 100%;
background-color: #64bf18;
border-color: #64bf18;
display: flex;
align-items: center;
justify-content: center;
margin-right: -0.5rem;
margin-left: .5rem
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .btn-remove:before {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
color: #fff
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .btn-remove:hover {
background-color: #c50808;
border-color: #c50808
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .btn-remove:hover:before {
content: ""
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .category-color {
height: 1.5rem;
width: .5rem;
border-radius: .25rem;
margin-right: .5rem
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .pack-row-left {
margin-right: auto
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .pack-row-left,
table.ticket-content-list .row-resale-pack td.resale-pack-details .pack-row-right {
display: flex;
align-items: center
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .show-details {
height: 2.25rem;
width: 2.25rem;
background-color: #f6f8f9;
border-radius: 100%;
font-size: 0;
display: flex;
align-items: center;
justify-content: center;
margin-left: .5rem;
margin-right: -0.5rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .show-details:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .resale-listing-details {
flex: 100%
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .resale-listing-row {
margin-top: .5rem;
display: flex;
justify-content: space-between;
align-items: center;
font-size: .75rem;
padding-bottom: .75rem
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .resale-listing-row:not(:last-child) {
margin-bottom: .75rem;
border-bottom: 1px solid #dee2e6
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .resale-listing-row .form-check {
margin-left: 1rem
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .resale-ticket-info {
display: flex;
flex-direction: column;
flex: 1;
align-items: flex-start
}
@media(min-width:992px) {
table.ticket-content-list .row-resale-pack td.resale-pack-details .resale-ticket-info {
flex-direction: row;
align-items: center;
justify-content: space-between
}
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .resale-ticket-info-container {
display: flex;
align-items: center
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .resale-ticket-num {
font-weight: normal;
font-size: .625rem;
color: #76818d
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .resale-ticket-price {
color: #76818d
}
table.ticket-content-list .row-resale-pack td.resale-pack-details .resale-ticket-price-container {
text-align: right;
padding: .125rem .25rem;
border-radius: .25rem
}
table.ticket-content-list .row-resale-pack td.resale-pack-amount {
margin-left: auto;
margin-right: 1.5rem
}
table.ticket-content-list .row-resale-pack td .tickets-info,
table.ticket-content-list .row-resale-pack td .price-info,
table.ticket-content-list .row-resale-pack td .seat-number-info {
font-weight: 600
}
table.ticket-content-list .row-resale-pack td .price-per-ticket-info {
font-weight: normal
}
table.ticket-content-list .row-resale-pack td .add-pack-to-cart-btn {
display: inline-flex;
align-items: center;
margin-right: .5rem;
position: relative;
width: 100%
}
table.ticket-content-list .row-resale-pack td .add-pack-to-cart-btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
table.ticket-content-list .row-resale-pack td .seating-info {
font-size: 1.125rem
}
table.ticket-content-list .row-resale-pack.top_listing {
border-color: #cea236;
position: relative
}
table.ticket-content-list .row-resale-pack.top_listing:before {
content: "";
height: 1.5rem;
width: 1px;
display: block;
background-color: #f6f8f9;
position: absolute;
left: -1px;
top: 13px
}
table.ticket-content-list .row-resale-pack.top_listing:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
line-height: 1;
color: #cea236;
position: absolute;
left: -12px;
top: 14px;
z-index: 1
}
table.ticket-content-list .row-resale-pack.top_listing.multi-tickets td {
box-shadow: 0 1.5px 2px #cea236, 0 6px 0 -4px #fff, 0px 6px 2px -3px rgba(206, 162, 54, .7), 0 12px 0 -8px #fff, 0 12px 3px -7px rgba(206, 162, 54, .6)
}
table.ticket-content-list .row-resale-pack.top_listing.multi-tickets td.added-to-cart {
box-shadow: 0 1.5px 2px #64bf18, 0 6px 0 -4px #fff, 0px 6px 2px -3px rgba(100, 191, 24, .7), 0 12px 0 -8px #fff, 0 12px 3px -7px rgba(100, 191, 24, .6)
}
table.ticket-content-list.selected .row-resale-pack {
border-color: #64bf18
}
table.ticket-content-list.selected .row-resale-pack.multi-ticket td,
table.ticket-content-list.selected .row-resale-pack.multi-ticket.top_listing td {
box-shadow: none
}
table.ticket-content-list.js-resale-listing-table-cart,
table.ticket-content-list.js-resale-listing-table-cart tbody,
table.ticket-content-list.js-resale-listing-table-cart tfoot,
table.ticket-content-list.js-resale-listing-table-cart tr {
display: block;
width: 100%
}
@media(max-width:991.98px) {
table.ticket-content-list.js-resale-listing-table-cart {
position: fixed;
left: 0;
padding: 1.5rem 1rem 1rem;
bottom: 0;
background-color: #fff;
display: block;
margin: 0;
border-radius: 1rem 1rem 0 0;
z-index: 2;
box-shadow: 0 -1px 11px 0 rgba(0, 0, 0, .1)
}
table.ticket-content-list.js-resale-listing-table-cart:before {
content: "";
background-color: #dee2e6;
height: 3px;
width: 30px;
display: block;
border-radius: .5rem;
position: absolute;
top: .75rem;
left: 50%;
transform: translateX(-50%)
}
}
table.ticket-content-list.js-resale-listing-table-cart td.resale-pack-details.added-to-cart {
padding-bottom: .5rem
}
table.ticket-content-list.js-resale-listing-table-cart .cart-mob-title {
font-weight: 600
}
table.ticket-content-list .resale-cart-footer {
padding: .5rem 0;
display: flex;
align-items: center;
justify-content: space-between
}
@media(min-width:992px) {
table.ticket-content-list .resale-cart-footer {
padding-top: 2.5rem;
border-bottom: 1px solid #dee2e6
}
}
table.ticket-content-list .resale-cart-footer .cart_counter {
color: #263140;
font-weight: normal
}
table.ticket-content-list .resale-cart-footer .total-price-amount {
font-size: 1.25rem;
font-weight: 600;
margin-left: .5rem
}
table.ticket-content-list .resale-cart-footer-second {
padding: 1rem 0;
display: flex;
justify-content: space-between
}
table.ticket-content-list .resale-cart-footer-second .go-to-cart {
display: inline-flex;
align-items: center;
margin-right: .5rem;
text-transform: none;
flex: 1
}
table.ticket-content-list .resale-cart-footer-second .go-to-cart:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
table.ticket-content-list .resale-cart-footer-second .btn-link {
background-color: #fff;
border: 1px solid #dee2e6;
color: #263140;
border-radius: .5rem;
display: flex;
align-items: center;
justify-content: center;
transition: all 300ms ease-out;
display: inline-flex;
align-items: center;
margin-right: .5rem;
text-transform: unset;
flex: 1;
margin-right: 1.5rem;
border-radius: .5rem;
padding-top: 0;
padding-bottom: 0;
text-decoration: none
}
table.ticket-content-list .resale-cart-footer-second .btn-link:hover {
color: #1882ff;
border-color: #1882ff;
box-shadow: 0px 12px 24px rgba(118, 129, 141, .06), 0px 7.5px 15px rgba(118, 129, 141, .08), 0px 2.5px 5px rgba(118, 129, 141, .05), 0px 1.5px 3px rgba(118, 129, 141, .03)
}
table.ticket-content-list .resale-cart-footer-second .btn-link:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
table.ticket-content-list .resale-cart-footer-second .btn-link:hover {
border-color: #fff;
box-shadow: 0 12px 24px rgba(0, 0, 0, .03), 0 7.5px 15px rgba(0, 0, 0, .03), 0 2.5px 5px rgba(0, 0, 0, .025), 0 1.5px 3px rgba(0, 0, 0, .015)
}
@media(max-width:991.98px) {
table.ticket-content-list .resale-cart-footer-second {
flex-direction: row-reverse;
padding: 0
}
table.ticket-content-list .resale-cart-footer-second .go-to-cart {
flex: 1
}
table.ticket-content-list .resale-cart-footer-second .go-to-cart:after {
content: ""
}
table.ticket-content-list .resale-cart-footer-second .btn-link {
margin: 0;
padding: 0;
flex: 0 0 3rem;
font-size: 0;
margin-left: .5rem
}
table.ticket-content-list .resale-cart-footer-second .btn-link:before {
content: "";
margin-right: 0
}
}
table.ticket-content-list .already-added {
font-size: .625rem;
font-weight: normal;
color: #64bf18;
text-align: right;
position: absolute;
min-width: 200px;
right: 1rem;
bottom: .75rem
}
table.ticket-content-list .select-list-empty {
padding: max(3rem, 10%);
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0;
font-size: .75rem
}
table.ticket-content-list .select-list-empty:before {
content: "";
font-family: "hubber8";
font-size: 2rem
}
table.ticket-content-list .select-list-empty h2,
table.ticket-content-list .select-list-empty .h2 {
font-size: 1rem;
font-weight: normal;
color: inherit
}
table.ticket-content-list .select-list-empty p {
color: #76818d;
text-align: left
}
@media(min-width:992px) {
.page-product-resale {
overflow: hidden
}
}
.page-product-resale .nb-tickets-int,
.page-product-resale .table-responsive {
padding: 0 1rem
}
@media(min-width:992px) {
.page-product-resale .nb-tickets-int,
.page-product-resale .table-responsive {
padding: 0 1.5rem
}
}
.page-product-resale .total-price-info {
color: initial
}
.page-product-resale .nb-tickets-int {
text-align: right;
margin-top: .75rem
}
@media(max-width:991.98px) {
.page-product-resale .nb-tickets-int {
font-size: .75rem
}
}
@media(min-width:992px) {
.page-product-resale .nb-tickets-int {
margin-top: -41px;
margin-bottom: 12px
}
}
.page-product-resale .ticket-form-footer .cart_counter {
float: left
}
.page-product-resale .ticket-form-footer .total-price {
float: right;
margin-left: auto;
margin-bottom: .5rem;
font-weight: 600;
font-size: .875rem
}
.page-product-resale .ticket-form-footer .total-price-amount {
margin-left: .25rem;
font-size: 1.25rem;
font-weight: 800
}
@media(max-width:991.98px) {
.page-product-resale .ticket-form-footer {
position: fixed;
bottom: 0;
left: 0;
margin-bottom: 0;
z-index: 10
}
}
.page-product-resale .resale-ticket-seat-info .view-cam-wrapper {
height: 38px;
width: 38px
}
.page-product-resale .resale-ticket-seat-info .view-cam-wrapper:after {
background-color: rgba(0, 0, 0, .2);
backdrop-filter: none;
opacity: 1
}
.page-product-resale .resale-ticket-seat-info {
display: block
}
.page-product-resale .resale-listing-row .view-cam-wrapper {
height: 38px;
width: 38px;
transform: none
}
.page-product-resale .resale-listing-row .view-cam-wrapper:after {
background-color: rgba(0, 0, 0, .2);
backdrop-filter: none;
opacity: 1
}
@media(max-width:991.98px) {
.page-product-resale .resale-listing-row .view-cam-wrapper:after {
left: 0
}
}
@media(min-width:992px) {
.page-product-resale .ticket-content {
overflow: hidden
}
.page-product-resale .dataTables_wrapper {
padding-bottom: 7.5rem
}
}
.page-product-resale .ticket-form-footer-container {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
flex-wrap: wrap
}
.page-product-resale .ticket-form-footer-container .btn-resale.go-to-cart {
width: 100%
}
.page-user-address-book .block-page-title-block .title,
.page-user-company .block-page-title-block .title {
margin-left: 1.5rem
}
.address-book__profiles,
.company__profiles {
margin-left: 1.5rem;
justify-content: flex-start;
display: flex
}
@media(max-width:991.98px) {
.address-book__profiles,
.company__profiles {
margin-right: 1.5rem
}
}
.address-book__profile,
.company__profile {
flex: 0 0 100%;
margin: 0;
border-radius: .375rem;
font-size: .6875rem;
margin-bottom: 1.5rem;
padding: 1.5rem;
padding-bottom: 1.25rem;
background-color: #fff;
position: relative;
color: #000;
border: 1px solid #dee2e6
}
@media(min-width:992px) {
.address-book__profile,
.company__profile {
margin-right: 2%;
flex: 0 0 31%
}
}
.address-book__profile p,
.company__profile p {
margin-bottom: 0;
font-size: .75rem;
line-height: 20px
}
.address-book__profile:first-child:before,
.company__profile:first-child:before {
content: attr(data-label-main);
font-size: .6875rem;
position: absolute;
top: -1.5rem;
left: 0;
text-transform: capitalize;
color: #000;
font-weight: 600
}
.address-book__profile .title,
.company__profile .title {
font-size: .875rem;
font-weight: 700
}
.address-book__profile .company-siret,
.company__profile .company-siret {
font-size: .75rem
}
.address-book__empty-text,
.address-book__add-link,
.company__empty-text,
.company__add-link {
margin-left: 1.5rem
}
.address-book__profiles .address-book__add-link {
display: flex;
align-items: center;
flex: 0 0 100%;
justify-content: center;
margin: 0px 20px 23px 0px;
background: rgba(0, 0, 0, 0);
border-radius: .5rem;
box-shadow: 0px 1px 1px rgba(0, 0, 0, .05), 0px 0px 4px rgba(0, 0, 0, .03);
font-size: .75rem;
border: 1px solid #e2e5e8;
font-weight: 600;
color: #263140;
flex-direction: column;
min-height: 155px
}
@media(min-width:768px) {
.address-book__profiles .address-book__add-link {
flex: 0 0 31%
}
}
.address-book__profiles .address-book__add-link:before {
margin-bottom: 10px;
content: "";
font-family: "hubber8";
font-size: 1.5rem;
font-weight: normal
}
.address-book__profiles .address-book__add-link {
display: flex;
align-items: center;
flex: 0 0 100%;
justify-content: center;
margin: 0px 20px 23px 0px;
background: rgba(0, 0, 0, 0);
border-radius: .5rem;
box-shadow: 0px 1px 1px rgba(0, 0, 0, .05), 0px 0px 4px rgba(0, 0, 0, .03);
font-size: .75rem;
border: 1px solid #e2e5e8;
font-weight: 600;
color: #263140;
flex-direction: column;
min-height: 155px
}
@media(min-width:768px) {
.address-book__profiles .address-book__add-link {
flex: 0 0 31%
}
}
.address-book__profiles .address-book__add-link:before {
margin-bottom: 10px;
content: "";
font-family: "hubber8";
font-size: 1.5rem;
font-weight: normal
}
.company__profile .title {
font-size: .875rem;
font-weight: 700;
margin-bottom: .5rem
}
.company__profile .company-siret {
font-size: .75rem
}
.address-book__operations a.address-book__edit-link {
position: absolute;
top: 10px;
right: 10px;
font-size: 0
}
.address-book__operations a.address-book__edit-link:before {
margin: 0;
font-size: 1rem;
content: "";
font-family: "hubber8";
color: #76818d
}
.address-book__operations a.address-book__set-default-link {
color: #1882ff
}
@media(min-width:992px) {
.user-logged-in-address-book-edit .address-city-container,
.user-logged-in-address-book-add .address-city-container {
width: 50% !important
}
.user-logged-in-address-book-edit .address-city-container [class*=-address-postal-code],
.user-logged-in-address-book-add .address-city-container [class*=-address-postal-code] {
flex: 0 0 6rem
}
.user-logged-in-address-book-edit .address-city-container [class*=-address-locality],
.user-logged-in-address-book-add .address-city-container [class*=-address-locality] {
margin: 0 1.5rem
}
}
.path-checkout .footer,
.path-payment-order .footer {
display: none
}
@media(max-width:991.98px) {
.path-checkout .order-checkout,
.path-payment-order .order-checkout {
margin-bottom: 10rem
}
}
.path-checkout .fieldset-wrapper>.radio,
.path-payment-order .fieldset-wrapper>.radio {
background: rgba(0, 0, 0, 0)
}
@media(min-width:992px) {
.path-checkout .layout-checkout-form,
.path-payment-order .layout-checkout-form {
display: flex
}
.path-checkout .layout-checkout-form .checkout-complete,
.path-payment-order .layout-checkout-form .checkout-complete {
display: flex;
width: 100%;
justify-content: center
}
}
@media(min-width:992px) {
.path-checkout .order-checkout,
.path-payment-order .order-checkout {
width: calc(100% - 23.25rem)
}
}
@media(min-width:992px) {
.path-checkout .order-summary,
.path-checkout [id^=edit-right-container],
.path-payment-order .order-summary,
.path-payment-order [id^=edit-right-container] {
height: calc(100vh - var(--main-content-top, 0))
}
}
.path-checkout .order-summary .cart-contents>p,
.path-checkout [id^=edit-right-container] .cart-contents>p,
.path-payment-order .order-summary .cart-contents>p,
.path-payment-order [id^=edit-right-container] .cart-contents>p {
font-size: .625rem;
text-transform: uppercase;
padding-bottom: .5rem;
margin-bottom: .5rem;
border-bottom: 1px solid #dee2e6
}
.path-checkout .order-summary .cart-contents .placeholder,
.path-checkout [id^=edit-right-container] .cart-contents .placeholder,
.path-payment-order .order-summary .cart-contents .placeholder,
.path-payment-order [id^=edit-right-container] .cart-contents .placeholder {
font-style: normal
}
.path-checkout .order-summary .cart-contents .payment-title,
.path-checkout [id^=edit-right-container] .cart-contents .payment-title,
.path-payment-order .order-summary .cart-contents .payment-title,
.path-payment-order [id^=edit-right-container] .cart-contents .payment-title {
font-size: .625rem;
font-weight: 700;
margin-top: 1rem
}
@media(max-width:991.98px) {
.path-checkout .order-summary .cart-contents-footer,
.path-checkout [id^=edit-right-container] .cart-contents-footer,
.path-payment-order .order-summary .cart-contents-footer,
.path-payment-order [id^=edit-right-container] .cart-contents-footer {
margin-left: 0;
margin-right: 0
}
}
@media(min-width:992px) {
.path-checkout .order-summary .cart-contents-footer.multi-payment,
.path-checkout [id^=edit-right-container] .cart-contents-footer.multi-payment,
.path-payment-order .order-summary .cart-contents-footer.multi-payment,
.path-payment-order [id^=edit-right-container] .cart-contents-footer.multi-payment {
flex-wrap: wrap
}
.path-checkout .order-summary .cart-contents-footer.multi-payment .order-total-line-label,
.path-checkout [id^=edit-right-container] .cart-contents-footer.multi-payment .order-total-line-label,
.path-payment-order .order-summary .cart-contents-footer.multi-payment .order-total-line-label,
.path-payment-order [id^=edit-right-container] .cart-contents-footer.multi-payment .order-total-line-label {
color: #76818d;
font-weight: 400;
font-size: .75rem
}
.path-checkout .order-summary .cart-contents-footer.multi-payment .order-total-line-value,
.path-checkout [id^=edit-right-container] .cart-contents-footer.multi-payment .order-total-line-value,
.path-payment-order .order-summary .cart-contents-footer.multi-payment .order-total-line-value,
.path-payment-order [id^=edit-right-container] .cart-contents-footer.multi-payment .order-total-line-value {
color: #76818d;
font-weight: 800;
font-size: .875rem
}
}
.path-checkout .order-summary .cart-contents-footer .payment-title,
.path-checkout [id^=edit-right-container] .cart-contents-footer .payment-title,
.path-payment-order .order-summary .cart-contents-footer .payment-title,
.path-payment-order [id^=edit-right-container] .cart-contents-footer .payment-title {
font-size: .75rem;
font-weight: 700;
margin-top: 1rem;
margin-left: auto
}
.path-checkout .order-summary .cart-contents-footer .payment-title .placeholder,
.path-checkout [id^=edit-right-container] .cart-contents-footer .payment-title .placeholder,
.path-payment-order .order-summary .cart-contents-footer .payment-title .placeholder,
.path-payment-order [id^=edit-right-container] .cart-contents-footer .payment-title .placeholder {
font-style: normal;
margin-left: .5rem;
font-size: 1.5rem
}
.path-checkout .order-summary .cart-contents-footer .checkout-pane+.checkout-pane,
.path-checkout [id^=edit-right-container] .cart-contents-footer .checkout-pane+.checkout-pane,
.path-payment-order .order-summary .cart-contents-footer .checkout-pane+.checkout-pane,
.path-payment-order [id^=edit-right-container] .cart-contents-footer .checkout-pane+.checkout-pane {
margin-top: 0
}
.path-checkout .order-summary .order-total-line-label,
.path-checkout [id^=edit-right-container] .order-total-line-label,
.path-payment-order .order-summary .order-total-line-label,
.path-payment-order [id^=edit-right-container] .order-total-line-label {
font-weight: 500;
margin-right: .5rem;
font-size: .875rem
}
.path-checkout .order-summary .checkout-pane-coupon-redemption input,
.path-checkout [id^=edit-right-container] .checkout-pane-coupon-redemption input,
.path-payment-order .order-summary .checkout-pane-coupon-redemption input,
.path-payment-order [id^=edit-right-container] .checkout-pane-coupon-redemption input {
margin-bottom: 1rem
}
.path-checkout .order-summary .btn,
.path-checkout [id^=edit-right-container] .btn,
.path-payment-order .order-summary .btn,
.path-payment-order [id^=edit-right-container] .btn {
width: 100%
}
.path-checkout .order-summary .form-group,
.path-checkout [id^=edit-right-container] .form-group,
.path-payment-order .order-summary .form-group,
.path-payment-order [id^=edit-right-container] .form-group {
margin: 0 !important
}
@media(min-width:992px) {
.path-checkout .order-summary .order-summary-wrapper,
.path-checkout [id^=edit-right-container] .order-summary-wrapper,
.path-payment-order .order-summary .order-summary-wrapper,
.path-payment-order [id^=edit-right-container] .order-summary-wrapper {
width: 23.25rem;
position: fixed;
right: 0;
top: 5.5rem;
bottom: 0;
background: rgba(0, 0, 0, 0)
}
}
.path-checkout .order-summary .order-total-line,
.path-checkout [id^=edit-right-container] .order-total-line,
.path-payment-order .order-summary .order-total-line,
.path-payment-order [id^=edit-right-container] .order-total-line {
display: flex;
align-items: center;
text-align: right;
justify-content: flex-end;
color: #76818d
}
.path-checkout .order-summary .order-total-line-value,
.path-checkout [id^=edit-right-container] .order-total-line-value,
.path-payment-order .order-summary .order-total-line-value,
.path-payment-order [id^=edit-right-container] .order-total-line-value {
font-size: 1.25rem;
font-weight: 800
}
@media(max-width:991.98px) {
.path-checkout .order-summary .order-total-line__adjustment,
.path-checkout [id^=edit-right-container] .order-total-line__adjustment,
.path-payment-order .order-summary .order-total-line__adjustment,
.path-payment-order [id^=edit-right-container] .order-total-line__adjustment {
display: none
}
}
.path-checkout .order-summary.openRecap .order-total-line__adjustment,
.path-checkout [id^=edit-right-container].openRecap .order-total-line__adjustment,
.path-payment-order .order-summary.openRecap .order-total-line__adjustment,
.path-payment-order [id^=edit-right-container].openRecap .order-total-line__adjustment {
display: flex
}
.path-checkout .order-summary.openRecap h2,
.path-checkout .order-summary.openRecap .h2,
.path-checkout .order-summary.openRecap .cart-summary-info-caption,
.path-checkout .order-summary.openRecap #edit-sidebar-coupon-redemption-form,
.path-checkout [id^=edit-right-container].openRecap h2,
.path-checkout [id^=edit-right-container].openRecap .h2,
.path-checkout [id^=edit-right-container].openRecap .cart-summary-info-caption,
.path-checkout [id^=edit-right-container].openRecap #edit-sidebar-coupon-redemption-form,
.path-payment-order .order-summary.openRecap h2,
.path-payment-order .order-summary.openRecap .h2,
.path-payment-order .order-summary.openRecap .cart-summary-info-caption,
.path-payment-order .order-summary.openRecap #edit-sidebar-coupon-redemption-form,
.path-payment-order [id^=edit-right-container].openRecap h2,
.path-payment-order [id^=edit-right-container].openRecap .h2,
.path-payment-order [id^=edit-right-container].openRecap .cart-summary-info-caption,
.path-payment-order [id^=edit-right-container].openRecap #edit-sidebar-coupon-redemption-form {
display: block
}
.path-checkout .order-summary .cart-contents-footer,
.path-checkout [id^=edit-right-container] .cart-contents-footer,
.path-payment-order .order-summary .cart-contents-footer,
.path-payment-order [id^=edit-right-container] .cart-contents-footer {
align-items: flex-end;
justify-content: space-between;
flex-direction: column
}
.path-checkout .order-summary .cart-contents-footer .checkout-pane-multi-payment-apply,
.path-checkout [id^=edit-right-container] .cart-contents-footer .checkout-pane-multi-payment-apply,
.path-payment-order .order-summary .cart-contents-footer .checkout-pane-multi-payment-apply,
.path-payment-order [id^=edit-right-container] .cart-contents-footer .checkout-pane-multi-payment-apply {
margin: 1rem 0
}
.path-checkout .order-summary .cart-contents-footer .more-info,
.path-checkout [id^=edit-right-container] .cart-contents-footer .more-info,
.path-payment-order .order-summary .cart-contents-footer .more-info,
.path-payment-order [id^=edit-right-container] .cart-contents-footer .more-info {
width: 100%
}
.path-checkout .order-summary .cart-contents-footer.multi-payment,
.path-checkout [id^=edit-right-container] .cart-contents-footer.multi-payment,
.path-payment-order .order-summary .cart-contents-footer.multi-payment,
.path-payment-order [id^=edit-right-container] .cart-contents-footer.multi-payment {
flex-wrap: wrap
}
.path-checkout .order-summary .cart-contents-footer.multi-payment .payment-title,
.path-checkout [id^=edit-right-container] .cart-contents-footer.multi-payment .payment-title,
.path-payment-order .order-summary .cart-contents-footer.multi-payment .payment-title,
.path-payment-order [id^=edit-right-container] .cart-contents-footer.multi-payment .payment-title {
flex: 0 0 100%;
margin-top: 0
}
.path-checkout .order-summary .cart-contents-footer .timer,
.path-checkout [id^=edit-right-container] .cart-contents-footer .timer,
.path-payment-order .order-summary .cart-contents-footer .timer,
.path-payment-order [id^=edit-right-container] .cart-contents-footer .timer {
font-size: .75rem;
color: #76818d;
flex: 0 0 7.5rem
}
@media(min-width:992px) {
.path-checkout .order-summary,
.path-checkout [id^=edit-right-container],
.path-payment-order .order-summary,
.path-payment-order [id^=edit-right-container] {
box-shadow: 0px 12px 24px rgba(0, 0, 0, .03), 0px 7.5px 15px rgba(0, 0, 0, .03), 0px 2.5px 5px rgba(0, 0, 0, .025), 0px 1.5px 3px rgba(0, 0, 0, .015);
border-radius: 0;
background-color: #fff;
display: flex;
flex-direction: column;
width: 23rem
}
.path-checkout .order-summary .checkout-pane-order-summary,
.path-checkout .order-summary .cart-summary-info-wrapper,
.path-checkout [id^=edit-right-container] .checkout-pane-order-summary,
.path-checkout [id^=edit-right-container] .cart-summary-info-wrapper,
.path-payment-order .order-summary .checkout-pane-order-summary,
.path-payment-order .order-summary .cart-summary-info-wrapper,
.path-payment-order [id^=edit-right-container] .checkout-pane-order-summary,
.path-payment-order [id^=edit-right-container] .cart-summary-info-wrapper {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden
}
.path-checkout .order-summary .cart-contents-footer,
.path-checkout [id^=edit-right-container] .cart-contents-footer,
.path-payment-order .order-summary .cart-contents-footer,
.path-payment-order [id^=edit-right-container] .cart-contents-footer {
margin-top: auto;
border-top: 1px solid #dee2e6
}
.path-checkout .order-summary .order-summary-wrapper,
.path-checkout [id^=edit-right-container] .order-summary-wrapper,
.path-payment-order .order-summary .order-summary-wrapper,
.path-payment-order [id^=edit-right-container] .order-summary-wrapper {
padding-top: 0
}
.path-checkout .order-summary h2,
.path-checkout .order-summary .h2,
.path-checkout [id^=edit-right-container] h2,
.path-checkout [id^=edit-right-container] .h2,
.path-payment-order .order-summary h2,
.path-payment-order .order-summary .h2,
.path-payment-order [id^=edit-right-container] h2,
.path-payment-order [id^=edit-right-container] .h2 {
border-bottom: 0;
font-weight: 600;
padding-top: 1.5rem;
font-size: 1.75rem
}
}
@media(max-width:991.98px) {
.path-checkout .order-summary h2,
.path-checkout .order-summary .h2,
.path-checkout .order-summary .cart-contents:not(.has-gift-card-available):not(.has-credit-available),
.path-checkout .order-summary .totals-details,
.path-checkout .order-summary #edit-sidebar-coupon-redemption-form,
.path-checkout .order-summary .order-total-line__subtotal,
.path-checkout .order-summary .payment-title,
.path-checkout [id^=edit-right-container] h2,
.path-checkout [id^=edit-right-container] .h2,
.path-checkout [id^=edit-right-container] .cart-contents:not(.has-gift-card-available):not(.has-credit-available),
.path-checkout [id^=edit-right-container] .totals-details,
.path-checkout [id^=edit-right-container] #edit-sidebar-coupon-redemption-form,
.path-checkout [id^=edit-right-container] .order-total-line__subtotal,
.path-checkout [id^=edit-right-container] .payment-title,
.path-payment-order .order-summary h2,
.path-payment-order .order-summary .h2,
.path-payment-order .order-summary .cart-contents:not(.has-gift-card-available):not(.has-credit-available),
.path-payment-order .order-summary .totals-details,
.path-payment-order .order-summary #edit-sidebar-coupon-redemption-form,
.path-payment-order .order-summary .order-total-line__subtotal,
.path-payment-order .order-summary .payment-title,
.path-payment-order [id^=edit-right-container] h2,
.path-payment-order [id^=edit-right-container] .h2,
.path-payment-order [id^=edit-right-container] .cart-contents:not(.has-gift-card-available):not(.has-credit-available),
.path-payment-order [id^=edit-right-container] .totals-details,
.path-payment-order [id^=edit-right-container] #edit-sidebar-coupon-redemption-form,
.path-payment-order [id^=edit-right-container] .order-total-line__subtotal,
.path-payment-order [id^=edit-right-container] .payment-title {
display: none
}
}
.path-checkout .fieldset-wrapper .custom-control,
.path-payment-order .fieldset-wrapper .custom-control {
margin-bottom: .75rem
}
.path-checkout .fieldset-wrapper .custom-control-input,
.path-payment-order .fieldset-wrapper .custom-control-input {
z-index: 1;
left: unset;
opacity: 1;
top: 50%;
transform: translateY(-50%)
}
.path-checkout .fieldset-wrapper .custom-control-label,
.path-payment-order .fieldset-wrapper .custom-control-label {
background-color: rgba(255, 255, 255, .5);
color: #000;
font-size: 1rem;
text-transform: none;
text-align: left;
padding: .75rem;
box-shadow: 0 1.5px 3px rgba(0, 0, 0, .05)
}
@media(min-width:992px) {
.path-checkout .fieldset-wrapper .custom-control-label,
.path-payment-order .fieldset-wrapper .custom-control-label {
padding: 1.5rem
}
}
@media(max-width:991.98px) {
.path-checkout .checkout-pane-payment-information .fieldset-wrapper>.radio,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .fieldset-wrapper>.radio,
.path-payment-order .checkout-pane-payment-information .fieldset-wrapper>.radio,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .fieldset-wrapper>.radio {
flex-direction: column
}
}
@media(min-width:992px) {
.path-checkout .checkout-pane-payment-information .fieldset-wrapper>.radio .custom-radio:not(:last-child),
.path-checkout .checkout-pane-hubber-fee-checkout-pane .fieldset-wrapper>.radio .custom-radio:not(:last-child),
.path-payment-order .checkout-pane-payment-information .fieldset-wrapper>.radio .custom-radio:not(:last-child),
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .fieldset-wrapper>.radio .custom-radio:not(:last-child) {
margin-right: 1.5rem
}
}
.path-checkout .checkout-pane-payment-information [id*=-payment-method--wrapper],
.path-checkout .checkout-pane-hubber-fee-checkout-pane [id*=-payment-method--wrapper],
.path-payment-order .checkout-pane-payment-information [id*=-payment-method--wrapper],
.path-payment-order .checkout-pane-hubber-fee-checkout-pane [id*=-payment-method--wrapper] {
margin-bottom: 0
}
.path-checkout .checkout-pane-payment-information .payline-transactions,
.path-checkout .checkout-pane-payment-information .adyen-transactions,
.path-checkout .checkout-pane-payment-information [id*=-paiement-3x]:not(input),
.path-checkout .checkout-pane-hubber-fee-checkout-pane .payline-transactions,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .adyen-transactions,
.path-checkout .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input),
.path-payment-order .checkout-pane-payment-information .payline-transactions,
.path-payment-order .checkout-pane-payment-information .adyen-transactions,
.path-payment-order .checkout-pane-payment-information [id*=-paiement-3x]:not(input),
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .payline-transactions,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .adyen-transactions,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) {
background-color: #fff;
padding: 1.5rem;
border-radius: .5rem;
box-shadow: 0 1.5px 3px rgba(0, 0, 0, .05)
}
.path-checkout .checkout-pane-payment-information .payline-transactions legend,
.path-checkout .checkout-pane-payment-information .adyen-transactions legend,
.path-checkout .checkout-pane-payment-information [id*=-paiement-3x]:not(input) legend,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .payline-transactions legend,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .adyen-transactions legend,
.path-checkout .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) legend,
.path-payment-order .checkout-pane-payment-information .payline-transactions legend,
.path-payment-order .checkout-pane-payment-information .adyen-transactions legend,
.path-payment-order .checkout-pane-payment-information [id*=-paiement-3x]:not(input) legend,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .payline-transactions legend,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .adyen-transactions legend,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) legend {
margin-bottom: 0
}
.path-checkout .checkout-pane-payment-information .payline-transactions ul,
.path-checkout .checkout-pane-payment-information .adyen-transactions ul,
.path-checkout .checkout-pane-payment-information [id*=-paiement-3x]:not(input) ul,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .payline-transactions ul,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .adyen-transactions ul,
.path-checkout .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) ul,
.path-payment-order .checkout-pane-payment-information .payline-transactions ul,
.path-payment-order .checkout-pane-payment-information .adyen-transactions ul,
.path-payment-order .checkout-pane-payment-information [id*=-paiement-3x]:not(input) ul,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .payline-transactions ul,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .adyen-transactions ul,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) ul {
flex-wrap: wrap;
margin-left: -0.75rem;
margin-right: -0.75rem
}
.path-checkout .checkout-pane-payment-information .payline-transactions li,
.path-checkout .checkout-pane-payment-information .adyen-transactions li,
.path-checkout .checkout-pane-payment-information [id*=-paiement-3x]:not(input) li,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .payline-transactions li,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .adyen-transactions li,
.path-checkout .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) li,
.path-payment-order .checkout-pane-payment-information .payline-transactions li,
.path-payment-order .checkout-pane-payment-information .adyen-transactions li,
.path-payment-order .checkout-pane-payment-information [id*=-paiement-3x]:not(input) li,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .payline-transactions li,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .adyen-transactions li,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) li {
flex: 1;
background-color: #f7f9fa;
border-radius: .5rem;
padding: 1rem 1.5rem;
font-weight: bold;
margin-left: .75rem;
margin-right: .75rem
}
@media(max-width:991.98px) {
.path-checkout .checkout-pane-payment-information .payline-transactions li,
.path-checkout .checkout-pane-payment-information .adyen-transactions li,
.path-checkout .checkout-pane-payment-information [id*=-paiement-3x]:not(input) li,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .payline-transactions li,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .adyen-transactions li,
.path-checkout .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) li,
.path-payment-order .checkout-pane-payment-information .payline-transactions li,
.path-payment-order .checkout-pane-payment-information .adyen-transactions li,
.path-payment-order .checkout-pane-payment-information [id*=-paiement-3x]:not(input) li,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .payline-transactions li,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .adyen-transactions li,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) li {
align-items: center
}
.path-checkout .checkout-pane-payment-information .payline-transactions li:not(:last-child),
.path-checkout .checkout-pane-payment-information .adyen-transactions li:not(:last-child),
.path-checkout .checkout-pane-payment-information [id*=-paiement-3x]:not(input) li:not(:last-child),
.path-checkout .checkout-pane-hubber-fee-checkout-pane .payline-transactions li:not(:last-child),
.path-checkout .checkout-pane-hubber-fee-checkout-pane .adyen-transactions li:not(:last-child),
.path-checkout .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) li:not(:last-child),
.path-payment-order .checkout-pane-payment-information .payline-transactions li:not(:last-child),
.path-payment-order .checkout-pane-payment-information .adyen-transactions li:not(:last-child),
.path-payment-order .checkout-pane-payment-information [id*=-paiement-3x]:not(input) li:not(:last-child),
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .payline-transactions li:not(:last-child),
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .adyen-transactions li:not(:last-child),
.path-payment-order .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) li:not(:last-child) {
margin-bottom: .75rem
}
}
.path-checkout .checkout-pane-payment-information .payline-transactions li .id,
.path-checkout .checkout-pane-payment-information .payline-transactions li .date,
.path-checkout .checkout-pane-payment-information .adyen-transactions li .id,
.path-checkout .checkout-pane-payment-information .adyen-transactions li .date,
.path-checkout .checkout-pane-payment-information [id*=-paiement-3x]:not(input) li .id,
.path-checkout .checkout-pane-payment-information [id*=-paiement-3x]:not(input) li .date,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .payline-transactions li .id,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .payline-transactions li .date,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .adyen-transactions li .id,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .adyen-transactions li .date,
.path-checkout .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) li .id,
.path-checkout .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) li .date,
.path-payment-order .checkout-pane-payment-information .payline-transactions li .id,
.path-payment-order .checkout-pane-payment-information .payline-transactions li .date,
.path-payment-order .checkout-pane-payment-information .adyen-transactions li .id,
.path-payment-order .checkout-pane-payment-information .adyen-transactions li .date,
.path-payment-order .checkout-pane-payment-information [id*=-paiement-3x]:not(input) li .id,
.path-payment-order .checkout-pane-payment-information [id*=-paiement-3x]:not(input) li .date,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .payline-transactions li .id,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .payline-transactions li .date,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .adyen-transactions li .id,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .adyen-transactions li .date,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) li .id,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) li .date {
font-weight: 500;
font-size: .875rem
}
.path-checkout .checkout-pane-payment-information .payline-transactions li .date,
.path-checkout .checkout-pane-payment-information .adyen-transactions li .date,
.path-checkout .checkout-pane-payment-information [id*=-paiement-3x]:not(input) li .date,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .payline-transactions li .date,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .adyen-transactions li .date,
.path-checkout .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) li .date,
.path-payment-order .checkout-pane-payment-information .payline-transactions li .date,
.path-payment-order .checkout-pane-payment-information .adyen-transactions li .date,
.path-payment-order .checkout-pane-payment-information [id*=-paiement-3x]:not(input) li .date,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .payline-transactions li .date,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .adyen-transactions li .date,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) li .date {
color: #76818d
}
.path-checkout .checkout-pane-payment-information .payline-transactions li .amount,
.path-checkout .checkout-pane-payment-information .adyen-transactions li .amount,
.path-checkout .checkout-pane-payment-information [id*=-paiement-3x]:not(input) li .amount,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .payline-transactions li .amount,
.path-checkout .checkout-pane-hubber-fee-checkout-pane .adyen-transactions li .amount,
.path-checkout .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) li .amount,
.path-payment-order .checkout-pane-payment-information .payline-transactions li .amount,
.path-payment-order .checkout-pane-payment-information .adyen-transactions li .amount,
.path-payment-order .checkout-pane-payment-information [id*=-paiement-3x]:not(input) li .amount,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .payline-transactions li .amount,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane .adyen-transactions li .amount,
.path-payment-order .checkout-pane-hubber-fee-checkout-pane [id*=-paiement-3x]:not(input) li .amount {
margin-left: .75rem
}
.cart-summary-info-wrapper .cart-contents-footer .timer-wrapper {
align-items: flex-end;
margin-top: .5rem
}
.cart-summary-info-wrapper .cart-contents-footer .timer-wrapper .timer {
line-height: 2
}
.cart-summary-info-wrapper .cart-contents-footer .order-total-to-pay {
text-align: right
}
@media(max-width:991.98px) {
#edit-payment-method--wrapper .fieldset-wrapper>.radio {
flex-direction: column
}
}
@media(min-width:992px) {
#edit-payment-method--wrapper .fieldset-wrapper>.radio .custom-radio:not(:last-child) {
margin-right: 1.5rem
}
}
#edit-payment-method--wrapper [id*=-payment-method--wrapper] {
margin-bottom: 0
}
#edit-payment-method--wrapper .payline-transactions,
#edit-payment-method--wrapper .adyen-transactions,
#edit-payment-method--wrapper [id*=-paiement-3x]:not(input) {
background-color: #fff;
padding: 1.5rem;
border-radius: .5rem;
box-shadow: 0 1.5px 3px rgba(0, 0, 0, .05)
}
#edit-payment-method--wrapper .payline-transactions legend,
#edit-payment-method--wrapper .adyen-transactions legend,
#edit-payment-method--wrapper [id*=-paiement-3x]:not(input) legend {
margin-bottom: 0
}
#edit-payment-method--wrapper .payline-transactions ul,
#edit-payment-method--wrapper .adyen-transactions ul,
#edit-payment-method--wrapper [id*=-paiement-3x]:not(input) ul {
flex-wrap: wrap;
margin-left: -0.75rem;
margin-right: -0.75rem
}
#edit-payment-method--wrapper .payline-transactions li,
#edit-payment-method--wrapper .adyen-transactions li,
#edit-payment-method--wrapper [id*=-paiement-3x]:not(input) li {
flex: 1;
background-color: #f7f9fa;
border-radius: .5rem;
padding: 1rem 1.5rem;
font-weight: bold;
margin-left: .75rem;
margin-right: .75rem
}
#edit-payment-method--wrapper .payline-transactions li:not(:last-child),
#edit-payment-method--wrapper .adyen-transactions li:not(:last-child),
#edit-payment-method--wrapper [id*=-paiement-3x]:not(input) li:not(:last-child) {
margin-bottom: .75rem
}
#edit-payment-method--wrapper .payline-transactions li .id,
#edit-payment-method--wrapper .payline-transactions li .date,
#edit-payment-method--wrapper .adyen-transactions li .id,
#edit-payment-method--wrapper .adyen-transactions li .date,
#edit-payment-method--wrapper [id*=-paiement-3x]:not(input) li .id,
#edit-payment-method--wrapper [id*=-paiement-3x]:not(input) li .date {
font-weight: 500;
font-size: .875rem
}
#edit-payment-method--wrapper .payline-transactions li .date,
#edit-payment-method--wrapper .adyen-transactions li .date,
#edit-payment-method--wrapper [id*=-paiement-3x]:not(input) li .date {
color: #76818d
}
#edit-payment-method--wrapper .payline-transactions li .amount,
#edit-payment-method--wrapper .adyen-transactions li .amount,
#edit-payment-method--wrapper [id*=-paiement-3x]:not(input) li .amount {
margin-left: .75rem
}
@media(min-width:1792px) {
.block-checkout-stepper:where(.block-checkout-stepper) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.block-checkout-stepper:where(.block-checkout-stepper) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.block-checkout-stepper:where(.block-checkout-stepper) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.block-checkout-stepper:where(.block-checkout-stepper) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.block-checkout-stepper:where(.block-checkout-stepper) {
padding-left: 1rem;
padding-right: 1rem
}
}
@media(min-width:992px) {
.block-checkout-stepper {
width: calc(100% - 23.25rem)
}
.page-order-confirm .block-checkout-stepper {
width: 100%
}
}
@media(min-width:1792px) {
.block-checkout-stepper {
width: 100%
}
.block-checkout-stepper .content {
width: calc(100% - 23.25rem)
}
.page-order-confirm .block-checkout-stepper .content {
width: 100%
}
}
.user-logged-in .view-empty {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
font-size: .75rem
}
.user-logged-in .view-empty:before {
content: "";
font-family: "hubber8";
font-size: 5rem;
margin-bottom: 1rem
}
@media(min-width:992px) {
.user-logged-in .view-empty:before {
margin-top: 6rem
}
}
.user-logged-in .view-empty h2,
.user-logged-in .view-empty .h2 {
font-weight: 600;
font-size: 1rem;
color: inherit
}
.user-logged-in .view-empty p {
font-size: .75rem
}
body[class*=page-user-] .block-page-title-block .title {
font-size: 1.5rem;
font-weight: 600;
text-transform: none
}
@media(min-width:992px) {
body[class*=page-user-] .block-page-title-block .title {
font-size: 2rem
}
}
body[class*=page-user-] .block-page-title-block .user-register-title-suffix {
font-size: .875rem
}
body[class*=page-user-] .block-hubber-eticket-voucher-block h2,
body[class*=page-user-] .block-hubber-eticket-voucher-block .h2 {
font-size: 1.5rem;
font-weight: 600;
text-transform: none;
margin: 3rem 0 2rem
}
@media(min-width:992px) {
body[class*=page-user-] .block-hubber-eticket-voucher-block h2,
body[class*=page-user-] .block-hubber-eticket-voucher-block .h2 {
font-size: 2rem
}
}
body[class*=page-user-] .menu--menu-logout {
display: none
}
body[class*=page-user-] .sidebar .menu--menu-logout {
display: block
}
body[class*=page-user-].user-dashboard .sidebar,
body[class*=page-user-].page-user-reset .sidebar {
display: none
}
body[class*=page-user-].user-dashboard .menu--menu-logout,
body[class*=page-user-].page-user-reset .menu--menu-logout {
display: block
}
body[class*=page-user-].user-dashboard #block-notifications,
body[class*=page-user-].page-user-reset #block-notifications {
padding: 0 .75rem;
margin-left: auto;
margin-right: auto;
max-width: 540px
}
@media(min-width:768px) {
body[class*=page-user-].user-dashboard #block-notifications,
body[class*=page-user-].page-user-reset #block-notifications {
max-width: 720px
}
}
@media(min-width:992px) {
body[class*=page-user-].user-dashboard #block-notifications,
body[class*=page-user-].page-user-reset #block-notifications {
max-width: 960px
}
}
@media(min-width:1200px) {
body[class*=page-user-].user-dashboard #block-notifications,
body[class*=page-user-].page-user-reset #block-notifications {
max-width: 1140px
}
}
@media(min-width:1440px) {
body[class*=page-user-].user-dashboard #block-notifications,
body[class*=page-user-].page-user-reset #block-notifications {
max-width: 1280px
}
}
body[class*=page-user-] #main-wrapper {
overflow: unset
}
body[class*=page-user-] .layout-main-wrapper {
position: relative
}
body[class*=page-user-].layout-no-sidebars,
body[class*=page-user-].user-dashboard {
min-height: 36rem
}
body[class*=page-user-].layout-no-sidebars #block-notifications,
body[class*=page-user-].user-dashboard #block-notifications {
max-width: 540px;
padding: 0 .75rem
}
@media(min-width:576px) {
body[class*=page-user-].layout-no-sidebars #block-notifications,
body[class*=page-user-].user-dashboard #block-notifications {
max-width: 720px
}
}
@media(min-width:768px) {
body[class*=page-user-].layout-no-sidebars #block-notifications,
body[class*=page-user-].user-dashboard #block-notifications {
max-width: 960px
}
}
@media(min-width:992px) {
body[class*=page-user-].layout-no-sidebars #block-notifications,
body[class*=page-user-].user-dashboard #block-notifications {
max-width: 1140px
}
}
@media(min-width:1200px) {
body[class*=page-user-].layout-no-sidebars #block-notifications,
body[class*=page-user-].user-dashboard #block-notifications {
max-width: 1280px
}
}
body[class*=page-user-] .block-page-title-block {
width: 100%;
margin: 1.5rem auto
}
@media(min-width:992px) {
body[class*=page-user-] .block-page-title-block {
margin: 3rem auto
}
}
body[class*=page-user-] .block-page-title-block h1,
body[class*=page-user-] .block-page-title-block .h1 {
font-size: 2.1875rem;
font-weight: 600
}
body[class*=page-user-] #user-dashboard {
padding: 0;
max-width: 100%
}
body[class*=page-user-] .customer_vignette {
background-color: #fff;
border-radius: .375rem;
padding: 1.5rem;
text-align: center;
height: 100%;
position: relative;
overflow: hidden;
border: 1px solid #dee2e6;
transition: all 300ms ease-out
}
@media(prefers-reduced-motion:reduce) {
body[class*=page-user-] .customer_vignette {
transition: none
}
}
body[class*=page-user-] .customer_vignette-list {
margin: 0 -0.75rem
}
@media(max-width:991.98px) {
body[class*=page-user-] .customer_vignette {
display: flex;
align-items: center;
padding: .75rem
}
body[class*=page-user-] .customer_vignette .description {
display: none
}
body[class*=page-user-] .customer_vignette-wrapper {
margin-bottom: .75rem
}
}
body[class*=page-user-] .customer_vignette .icon-custom-my-events:before {
content: ""
}
body[class*=page-user-] .customer_vignette.customer_vignette__disabled {
background-color: #fbfbfc;
cursor: not-allowed
}
body[class*=page-user-] .customer_vignette.customer_vignette__disabled .title,
body[class*=page-user-] .customer_vignette.customer_vignette__disabled .description,
body[class*=page-user-] .customer_vignette.customer_vignette__disabled .customer_vignette-icon:before {
color: #ccd2d9
}
body[class*=page-user-] .customer_vignette-wrapper {
margin-bottom: 1.5rem;
padding: 0 .75rem
}
body[class*=page-user-] .customer_vignette-wrapper a {
color: #263140
}
body[class*=page-user-] .customer_vignette .title {
font-size: .75rem;
font-weight: 600;
color: inherit;
transition: all 300ms ease-out
}
@media(prefers-reduced-motion:reduce) {
body[class*=page-user-] .customer_vignette .title {
transition: none
}
}
@media(max-width:991.98px) {
body[class*=page-user-] .customer_vignette .title {
margin-bottom: 0
}
}
body[class*=page-user-] .customer_vignette .description {
font-size: .75rem;
text-align: center;
font-weight: normal
}
body[class*=page-user-] .customer_vignette-icon {
margin-right: .5rem;
transition: all 300ms ease-out;
display: flex;
align-items: center;
justify-content: center
}
@media(prefers-reduced-motion:reduce) {
body[class*=page-user-] .customer_vignette-icon {
transition: none
}
}
@media(min-width:992px) {
body[class*=page-user-] .customer_vignette-icon {
margin-bottom: .5rem;
margin-right: 0
}
}
body[class*=page-user-] .customer_vignette-icon:before {
content: "";
font-family: "hubber8";
font-size: 2rem;
transition: all 300ms ease-out;
line-height: 1
}
@media(prefers-reduced-motion:reduce) {
body[class*=page-user-] .customer_vignette-icon:before {
transition: none
}
}
body[class*=page-user-] .customer_vignette-icon.icon-custom-user:before {
content: ""
}
body[class*=page-user-] .customer_vignette-icon.icon-custom-ticket:before {
content: ""
}
body[class*=page-user-] .customer_vignette-icon.icon-custom-professional:before {
content: ""
}
body[class*=page-user-] .customer_vignette-icon.icon-custom-chart:before {
content: ""
}
body[class*=page-user-] .customer_vignette-icon.icon-custom-notification:before {
content: ""
}
body[class*=page-user-] .customer_vignette-icon.icon-custom-addresses:before {
content: ""
}
body[class*=page-user-] .customer_vignette-icon.icon-custom-payment:before {
content: ""
}
body[class*=page-user-] .customer_vignette-icon.icon-custom-credit:before {
content: ""
}
body[class*=page-user-] .customer_vignette-icon.icon-custom-documents:before {
content: ""
}
body[class*=page-user-] .customer_vignette-icon.icon-custom-resale:before {
content: ""
}
body[class*=page-user-] .customer_vignette-icon.icon-custom-membership:before {
content: ""
}
body[class*=page-user-] .customer_vignette-icon.icon-custom-dashboard:before {
content: ""
}
body[class*=page-user-] .customer_vignette-icon.icon-custom-my-events:before {
content: ""
}
body[class*=page-user-] .customer_vignette:not(.customer_vignette__disabled):before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #1882ff;
opacity: 0;
transition: all 300ms ease-out
}
@media(prefers-reduced-motion:reduce) {
body[class*=page-user-] .customer_vignette:not(.customer_vignette__disabled):before {
transition: none
}
}
body[class*=page-user-] .customer_vignette:not(.customer_vignette__disabled):hover {
transform: translateY(-0.5rem);
box-shadow: 0 8px 8px rgba(0, 0, 0, .05), 0 0 32px rgba(0, 0, 0, .03)
}
body[class*=page-user-] .customer_vignette:not(.customer_vignette__disabled):hover:before {
opacity: .1
}
body[class*=page-user-] .customer_vignette:not(.customer_vignette__disabled):hover .customer_vignette-icon,
body[class*=page-user-] .customer_vignette:not(.customer_vignette__disabled):hover .title {
color: #1882ff
}
body[class*=page-user-] .menu--menu-logout .nav-link {
color: #263140;
font-size: .75rem;
font-weight: 600;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
body[class*=page-user-] .menu--menu-logout .nav-link:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-user-login .layout-main-wrapper section.section,
.page-user-reset .layout-main-wrapper section.section,
.page-change-password .layout-main-wrapper section.section,
.page-user-password .layout-main-wrapper section.section {
max-width: 22rem;
margin: 3rem auto
}
@media(min-width:992px) {
.page-user-login .layout-main-wrapper section.section,
.page-user-reset .layout-main-wrapper section.section,
.page-change-password .layout-main-wrapper section.section,
.page-user-password .layout-main-wrapper section.section {
max-width: 60rem
}
}
.page-user-login .block-page-title-block,
.page-user-reset .block-page-title-block,
.page-change-password .block-page-title-block,
.page-user-password .block-page-title-block {
text-align: center
}
.page-user-login .block-page-title-block .title,
.page-user-reset .block-page-title-block .title,
.page-change-password .block-page-title-block .title,
.page-user-password .block-page-title-block .title {
font-size: 1.5rem;
font-weight: 600;
text-transform: none
}
@media(min-width:992px) {
.page-user-login .block-page-title-block .title,
.page-user-reset .block-page-title-block .title,
.page-change-password .block-page-title-block .title,
.page-user-password .block-page-title-block .title {
font-size: 2rem
}
}
.page-user-login .block-page-title-block .user-login-title-suffix,
.page-user-reset .block-page-title-block .user-login-title-suffix,
.page-change-password .block-page-title-block .user-login-title-suffix,
.page-user-password .block-page-title-block .user-login-title-suffix {
font-size: 14px
}
.page-user-login .form-required:after,
.page-user-reset .form-required:after,
.page-change-password .form-required:after,
.page-user-password .form-required:after {
display: none
}
.page-user-login .form-group,
.page-user-reset .form-group,
.page-change-password .form-group,
.page-user-password .form-group {
position: relative
}
.page-user-login .form-group label,
.page-user-reset .form-group label,
.page-change-password .form-group label,
.page-user-password .form-group label {
font-size: 14px;
text-transform: uppercase;
font-weight: normal
}
.page-user-login .shwpd,
.page-user-reset .shwpd,
.page-change-password .shwpd,
.page-user-password .shwpd {
position: absolute;
bottom: .6rem;
right: .5rem;
top: 18px
}
.page-user-login .password-strength__meter,
.page-user-reset .password-strength__meter,
.page-change-password .password-strength__meter,
.page-user-password .password-strength__meter {
height: .1875rem;
margin: 1rem 0
}
.page-user-login .password-strength__title,
.page-user-reset .password-strength__title,
.page-change-password .password-strength__title,
.page-user-password .password-strength__title {
display: none
}
.page-user-login .password-confirm-message,
.page-user-reset .password-confirm-message,
.page-change-password .password-confirm-message,
.page-user-password .password-confirm-message {
font-size: .75rem;
color: #76818d;
line-height: 1.2;
margin-top: .5rem;
text-align: right
}
.page-user-login .password-confirm-message .ok,
.page-user-reset .password-confirm-message .ok,
.page-change-password .password-confirm-message .ok,
.page-user-password .password-confirm-message .ok {
color: #28a745
}
.page-user-login .password-confirm-message .error,
.page-user-reset .password-confirm-message .error,
.page-change-password .password-confirm-message .error,
.page-user-password .password-confirm-message .error {
color: red
}
.page-user-login .password-suggestions,
.page-user-reset .password-suggestions,
.page-change-password .password-suggestions,
.page-user-password .password-suggestions {
position: relative;
font-size: .75rem;
line-height: 1.2;
color: #76818d;
background: rgba(0, 0, 0, 0);
width: auto;
padding: 0
}
.page-user-login .user-login-wrapper,
.page-change-password .change-pwd-form,
.page-user-password .hubber-customer-user-pass {
margin: 0 auto;
padding: 1.5rem;
width: 100%;
border-radius: .5rem;
background-color: #fff;
flex-shrink: 0;
border: 1px solid #dee2e6
}
.page-user-login .user-login-wrapper .btn,
.page-change-password .change-pwd-form .btn,
.page-user-password .hubber-customer-user-pass .btn {
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
margin-right: .5rem;
width: 100%
}
@media(min-width:768px) {
.page-user-login .user-login-wrapper .btn,
.page-change-password .change-pwd-form .btn,
.page-user-password .hubber-customer-user-pass .btn {
display: inline-flex
}
}
.page-user-login .user-login-wrapper .btn:hover,
.page-change-password .change-pwd-form .btn:hover,
.page-user-password .hubber-customer-user-pass .btn:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.page-user-login .user-login-wrapper .btn:before,
.page-change-password .change-pwd-form .btn:before,
.page-user-password .hubber-customer-user-pass .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-user-login .user-login-wrapper .forgot-password a,
.page-change-password .change-pwd-form .forgot-password a,
.page-user-password .hubber-customer-user-pass .forgot-password a {
font-size: .75rem;
color: #76818d
}
.page-user-login .user-login-wrapper input,
.page-change-password .change-pwd-form input,
.page-user-password .hubber-customer-user-pass input {
background: #fff;
border-radius: 5px
}
.page-user-login .user-login-wrapper .forgot-password,
.page-change-password .change-pwd-form .forgot-password,
.page-user-password .hubber-customer-user-pass .forgot-password {
font-size: .75rem
}
.page-user-login {
background-color: #f7f9fa
}
@media(min-width:992px) {
.page-user-login .user-login-form,
.page-user-login .hubber-customer-user-auth {
display: flex;
padding-bottom: 5rem;
align-items: center
}
}
.page-user-login .user-login-form {
flex-direction: column;
margin-bottom: 1.5rem
}
.page-user-login .register-informations {
border-top: 1px solid rgba(140, 140, 165, .5);
padding-top: 2rem;
margin-top: 2rem;
position: relative;
width: 100%
}
.page-user-login .register-informations:before {
content: attr(data-label-or);
background-color: #f7f9fa;
color: rgba(140, 140, 165, .5);
padding: 0 .5rem;
width: auto;
text-align: center;
display: block;
width: 44px;
margin: 0 auto;
position: absolute;
z-index: 10;
top: -13px;
left: calc(50% - 22px)
}
.page-user-login .register-informations .register-title {
font-size: 1.25rem;
text-transform: uppercase;
font-weight: 600
}
.page-user-login .register-informations .register-description {
font-size: .875rem
}
.page-user-login .register-informations .login-social-list {
display: flex;
align-self: center;
justify-content: center
}
.page-user-login .register-informations .login-social-list .btn {
min-width: auto;
font-size: 0;
width: 50px;
padding: 0 !important;
height: 50px;
border-radius: 6px;
overflow: hidden;
margin: 0 .5rem;
border: 1px solid #dee2e6
}
.page-user-login .user-login-other {
width: 100%
}
.page-user-login .sidebar {
display: none
}
@media(max-width:991.98px) {
.page-user-login .form-actions {
margin-top: 1.5rem
}
}
#edit-current-pass--description,
#edit-pass--description {
display: block;
font-size: .75rem;
margin-top: .5rem;
line-height: 1.2
}
@media(max-width:991.98px) {
.page-change-password .layout-main-wrapper section.section {
max-width: unset
}
}
.page-change-password .user-password-title-prefix {
font-size: .75rem;
margin-bottom: 1rem;
line-height: 1.2;
display: block
}
.page-user-password .block-page-title-block .title {
text-align: center !important;
color: inherit
}
.page-user-password .hubber-customer-user-pass p {
font-size: .75rem;
margin-top: .5rem;
line-height: 1.2;
color: #76818d
}
.page-user-password .form-group {
margin-bottom: .3rem
}
.page-user-password .password-strength__meter {
margin: .5rem 0 0
}
.page-user-password #edit-pass--description {
color: #263140 !important
}
.password-strength__indicator.is-weak {
background-color: #c50808
}
.password-strength__indicator.is-fair {
background-color: #f18400
}
.password-strength__indicator.is-good {
background-color: #0b873c
}
.password-strength__indicator.is-strong {
background-color: #28a745
}
.page-user-reset .user-pass-reset {
padding: 1.5rem;
border-radius: .5rem;
background-color: #fff;
border: 1px solid #dee2e6
}
.page-user-reset .user-pass-reset p {
margin-bottom: .5rem;
font-size: .875rem
}
.page-user-reset .user-pass-reset em {
font-weight: bold
}
.page-user-reset .user-pass-reset .form-actions {
margin: 1rem 0 .5rem;
text-align: center
}
.page-user-reset .user-pass-reset .form-actions .btn {
padding: .5rem;
width: 100%;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.page-user-reset .user-pass-reset .form-actions .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(min-width:992px) {
.page-user-reset .user-pass-reset .form-actions .btn {
padding: 0 2rem
}
}
.block-hubber-order-anonymous-auth {
background-color: #fff;
padding: 1.5rem;
border-radius: .5rem;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03)
}
.path-order-guest .main-content {
max-width: 40rem;
margin: 3.75rem auto;
text-align: center
}
.path-order-guest .main-content .title {
font-size: 36px;
font-weight: 600
}
.path-order-guest .main-content p {
font-size: .875rem
}
.user-login-other .register-informations .fieldset-wrapper {
display: flex;
align-items: center;
width: 60%;
height: 100%;
text-align: center;
margin: 0 auto
}
@media(max-width:767.98px) {
.user-login-other .register-informations .fieldset-wrapper {
width: 100%
}
}
.user-login-other .register-informations .fieldset-wrapper .btn {
width: 100%;
border-radius: .5rem !important
}
.user-login-other .register-informations .fieldset-wrapper .btn#edit-continue {
background: none;
border: none;
text-decoration: underline;
color: #263140 !important;
font-weight: 600;
font-size: 1rem
}
.user-login-other .register-informations .fieldset-wrapper .btn#edit-continue:hover {
background: none !important;
box-shadow: none !important
}
@media(min-width:992px) {
.page-user-login section.section {
max-width: unset !important
}
.page-user-login section.section .user-login-form {
max-width: 40rem;
margin: 0 auto;
justify-content: center
}
.page-user-login section.section .user-login-form:has(.user-login-other) {
max-width: 40rem
}
}
.intro-order-guest-auth {
font-size: .875rem
}
.intro-order-guest-auth a {
text-decoration: underline;
color: initial
}
.hubber-order-anonymous-search-order {
text-align: left;
padding: 1.5rem;
width: 100%;
border-radius: .5rem;
background-color: #fff;
flex-shrink: 0;
margin: 0 auto;
border: 1px solid #dee2e6
}
.hubber-order-anonymous-search-order .form-group {
margin-bottom: 1rem
}
.hubber-order-anonymous-search-order .js-form-item {
margin-bottom: 1rem
}
.hubber-order-anonymous-search-order .btn {
display: inline-flex;
align-items: center;
margin-right: .5rem;
width: 100%;
margin-bottom: 0
}
.hubber-order-anonymous-search-order .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.user-login-form .user-login-wrapper {
margin: 0
}
@media(max-width:991.98px) {
.user-login-form .user-login-wrapper {
padding: 1.5rem;
background: #fff;
border-radius: 10px;
border: 1px solid #dee2e6
}
}
.user-login-form .user-login-wrapper .js-form-item {
margin-bottom: .75rem
}
@media(min-width:992px) {
.page-user-reset .layout-main-wrapper section.section,
.page-user-password .layout-main-wrapper section.section {
max-width: 40rem
}
}
.membership-description {
font-size: 1rem;
margin-bottom: 1.5rem
}
.membership-thumbnail {
background-color: #fff;
border-radius: .5rem;
font-size: .75rem;
flex: 0 0 19.5rem;
position: relative;
transition: opacity 100ms ease-in-out;
border: 1px solid #dee2e6
}
@media(max-width:991.98px) {
.membership-thumbnail {
margin-bottom: 1.5rem
}
}
.membership-thumbnail .cta-debit a {
text-decoration: underline;
color: inherit
}
.membership-thumbnail .text-success {
margin-bottom: 0;
display: flex;
align-items: center
}
.membership-thumbnail-visuel {
text-align: center;
margin: -1.5rem -1.5rem 0
}
.membership-thumbnail .product-title {
flex: unset !important;
font-weight: 600;
margin-right: 2rem;
text-align: left
}
.membership-thumbnail .product-category,
.membership-thumbnail .product-seat,
.membership-thumbnail .product-row {
display: none
}
.membership-thumbnail .infos_seat_wrapper.mobile {
display: flex
}
@media(max-width:991.98px) {
.membership-thumbnail .infos_seat_wrapper.mobile {
width: 100%
}
}
.membership-thumbnail .infos_seat_wrapper.mobile span {
padding: .5rem 1rem;
background: #fff;
border-radius: .5rem;
margin-right: .5rem;
display: inline-flex;
flex-direction: column;
align-items: center;
height: 50px;
flex: 1
}
.membership-thumbnail .infos_seat_wrapper.mobile span:last-child {
margin-right: 0
}
.membership-thumbnail .infos_seat_wrapper.mobile span:before {
content: attr(data-title);
font-size: .625rem;
text-transform: uppercase;
color: #b4bbc2
}
@media(min-width:768px) {
.membership-thumbnail .infos_seat_wrapper.mobile+.form-type-select {
flex: 1;
margin-top: 0
}
}
@media(max-width:767.98px) {
.membership-thumbnail .infos_seat_wrapper.mobile span {
flex: 1
}
}
.membership-thumbnail.membership-multi-item {
border: 1px solid #1882ff;
text-align: center
}
.membership-thumbnail.membership-multi-item.enabled {
border: none
}
.membership-thumbnail.membership-multi-item .membership-thumbnail-visuel {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
height: 60px;
width: 80px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.75rem;
font-weight: 600;
color: #fff;
margin: 0
}
.membership-thumbnail.membership-multi-item .membership-thumbnail-visuel:before {
content: "";
font-family: "hubber8";
position: absolute;
color: #1882ff;
z-index: -1;
font-size: 3rem
}
.membership-thumbnail.membership-multi-item .membership-thumbnail-subtitle {
color: #263140
}
.membership-thumbnail.membership-multi-item .membership-thumbnail-top {
border-bottom: 0;
padding-top: 3rem;
min-height: 26rem
}
.membership-thumbnail.membership-multi-item.active .membership-thumbnail-top {
position: relative;
z-index: 1;
box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, .15);
min-height: 26rem
}
.membership-thumbnail.membership-multi-item.active .show-other-membership::before {
transform: rotate(180deg)
}
.membership-thumbnail.membership-multi-item .show-other-membership {
padding: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.5rem;
font-size: .875rem;
font-weight: 600;
flex-direction: column;
color: inherit;
cursor: pointer
}
.membership-thumbnail.membership-multi-item .show-other-membership:before {
content: "";
font-family: "hubber8";
font-size: 1.35rem;
line-height: 1;
height: 3rem;
width: 3rem;
border: 2px solid;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: .5rem
}
.membership-thumbnail.membership-multi-item+.membership-wrapper {
display: flex;
margin-left: -1.5rem;
--data-length: 2;
flex: 0 0 calc(19.5rem*var(--data-length))
}
.membership-thumbnail.membership-multi-item+.membership-wrapper .membership-thumbnail-top {
position: relative;
z-index: 1;
box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, .15);
min-height: 26rem
}
.membership-thumbnail.membership-multi-item+.membership-wrapper .membership-thumbnail-top .membership-thumbnail-subtitle {
margin-bottom: .75rem
}
.membership-thumbnail.membership-multi-item+.membership-wrapper .membership-thumbnail:not(:last-child) {
margin-right: 0
}
.membership-thumbnail.membership-multi-item+.membership-wrapper .membership-thumbnail-infos {
border-bottom: 0;
border-top: 1px solid #dee2e6
}
.membership-thumbnail.membership-multi-item+.membership-wrapper .multi-item-index {
text-align: center;
font-size: .875rem;
color: #76818d;
margin-bottom: .5rem
}
.membership-thumbnail.membership-multi-item+.membership-wrapper .multi-item-index span {
font-size: .625rem;
color: #ccd2d9
}
.membership-thumbnail.membership-multi-item .content_renewal_extend .renewal-extend-content {
padding: 0;
background-color: rgba(0, 0, 0, 0);
margin: 1rem 0
}
@media(max-width:991.98px) {
.membership-thumbnail.membership-multi-item .content_renewal_extend .renewal-extend-content {
margin-bottom: 1rem;
max-height: 42vh;
overflow: auto
}
}
.membership-thumbnail.membership-multi-item .content_renewal_extend p {
text-align: left;
margin-bottom: 0%
}
.membership-thumbnail.membership-multi-item .content_renewal_extend p.text-danger {
margin-bottom: 1rem
}
.membership-thumbnail.membership-multi-item .content_renewal_extend .renewal-extend-product {
padding: .5rem 1rem;
background-color: #f6f8f9;
border-radius: .5rem
}
.membership-thumbnail-wrapper {
display: flex;
overflow: auto;
padding-bottom: 3rem;
padding-top: 2rem;
gap: 1.5rem
}
@media(min-width:992px) {
.membership-thumbnail-wrapper {
align-items: flex-start;
margin-right: -3rem
}
}
@media(max-width:991.98px) {
.membership-thumbnail-wrapper {
display: unset
}
}
.membership-thumbnail-top {
padding: 1.5rem;
border-bottom: 1px solid #dee2e6
}
.membership-thumbnail-top .btn {
width: 100%
}
.membership-thumbnail-top .cta {
margin-bottom: .75rem
}
.membership-thumbnail-status {
color: #fff;
background-color: #f18400;
padding: .125rem .5rem;
border-radius: .25rem;
display: inline;
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%)
}
.membership-thumbnail-status.validated {
background-color: #64bf18
}
.membership-thumbnail-title {
font-size: 1.25rem;
font-weight: 600;
margin-top: 1rem
}
.membership-thumbnail-subtitle {
margin-bottom: 1.5rem
}
.membership-thumbnail-loan a {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.membership-thumbnail-loan a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.membership-thumbnail-ecard a {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.membership-thumbnail-ecard a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.membership-thumbnail-pay a {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.membership-thumbnail-pay a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.membership-thumbnail-extend {
margin-bottom: .75rem
}
.membership-thumbnail-extend a {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.membership-thumbnail-extend a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.membership-thumbnail-edit a {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.membership-thumbnail-edit a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.membership-thumbnail-bottom {
padding: 0 1.5rem
}
.membership-thumbnail-infos {
border-bottom: 1px solid #dee2e6;
padding-top: 1rem
}
.membership-thumbnail-infos .cta-debit {
margin: .5rem 0
}
.membership-thumbnail-price {
font-weight: 600
}
.membership-thumbnail-price-info {
display: flex;
justify-content: space-between
}
.membership-thumbnail-tab {
padding: .5rem 0 1rem;
display: flex;
flex-wrap: wrap
}
.membership-thumbnail-tab li {
background-color: #f6f8f9;
padding: .5rem 0;
border-radius: .5rem;
flex: 1 1 60px;
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
margin-top: 10px
}
.membership-thumbnail-tab li:not(:last-child) {
margin-right: .25rem
}
.membership-thumbnail-tab li .label {
font-size: .625rem;
color: #76818d;
margin-bottom: .25rem;
text-transform: uppercase
}
@media(min-width:992px) {
.membership-thumbnail.enabled .membership-thumbnail-extend,
.membership-thumbnail.enabled .membership-thumbnail-edit,
.membership-thumbnail.enabled .membership-thumbnail-bottom,
.membership-thumbnail.disabled .membership-thumbnail-extend,
.membership-thumbnail.disabled .membership-thumbnail-edit,
.membership-thumbnail.disabled .membership-thumbnail-bottom {
display: none
}
.membership-thumbnail.enabled .membership-thumbnail-subtitle,
.membership-thumbnail.disabled .membership-thumbnail-subtitle {
margin-bottom: 0
}
.membership-thumbnail.enabled .show-other-membership,
.membership-thumbnail.disabled .show-other-membership {
display: none
}
.membership-thumbnail.enabled .membership-thumbnail-top:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 13px 12px 0 12px;
border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
display: block;
position: absolute;
left: 50%;
top: calc(100% - 3px);
-webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1));
filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1))
}
.membership-thumbnail.disabled {
opacity: .25
}
}
.membership-thumbnail.add-membership {
padding: 1.5rem;
border: 2px dashed #dee2e6
}
.membership-thumbnail.add-membership .btn-membership-add {
padding: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.5rem;
font-size: .875rem;
font-weight: 600;
flex-direction: column;
color: inherit
}
.membership-thumbnail.add-membership .btn-membership-add:before {
font-family: "hubber8";
font-size: 1.35rem;
line-height: 1;
height: 3rem;
width: 3rem;
border: 2px solid;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: .5rem
}
.membership-show-details {
cursor: pointer;
font-size: .875rem;
line-height: 3rem;
position: relative;
text-align: center
}
.membership-show-details:after {
content: "";
font-family: "hubber8";
font-size: 1.5rem;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%)
}
.membership-show-details.hide:after {
transform: translateY(-50%) rotate(180deg)
}
.membership__empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-weight: 600;
padding-bottom: 6rem
}
.membership__empty:before {
content: "";
font-family: "hubber8";
font-size: 8rem;
margin-bottom: .5rem;
font-weight: normal;
line-height: 6rem
}
@media(min-width:992px) {
.page-user-membership .block-page-title-block {
margin-bottom: 1.5rem !important
}
}
@media(min-width:992px) {
.page-user-membership .membership-thumbnail-wrapper {
margin-right: 0;
max-width: calc(100vw - 17rem)
}
}
@media(min-width:992px) {
.page-user-membership.menu-reduced .membership-thumbnail-wrapper {
max-width: calc(100vw - 6.5rem)
}
}
.loan-membership-card-form .form-actions,
.demat-membership-form .form-actions {
text-align: center
}
.loan-membership-card-form .form-actions a,
.demat-membership-form .form-actions a {
display: block;
font-size: .75rem;
text-decoration: underline;
margin-top: 1rem
}
.page-view-commerce-user-orders .main-content {
position: relative
}
.block-hubber-orders-synchro-state {
font-size: .875rem;
font-weight: 600
}
.block-hubber-orders-synchro-state p {
margin-bottom: 0
}
.block-hubber-orders-synchro-state .js-synchro-state {
padding: .75rem 1.5rem;
color: #fff
}
.block-hubber-orders-synchro-state .js-synchro-state p {
display: flex;
align-items: center;
gap: .25rem
}
.block-hubber-orders-synchro-state [data-state=in_progress] {
background: #1882ff
}
.block-hubber-orders-synchro-state [data-state=in_progress] p:before {
content: "";
width: 24px;
height: 24px;
display: block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width: 1em; height: 1em;vertical-align: middle;fill: %23fff;overflow: hidden;' viewBox='0 0 1024 1024' version='1.1'%3E%3Cpath d='M512.056 908.647c-84.516 0-166.416-27.084-235.266-78.637-84.15-63.028-138.741-155.109-153.675-259.2-14.934-104.119 11.559-207.816 74.588-291.994 130.162-173.812 377.438-209.25 551.194-79.172 72.844 54.562 124.819 133.228 146.391 221.484 3.684 15.103-5.569 30.319-20.644 34.003-15.075 3.572-30.319-5.541-34.003-20.644-18.45-75.628-63-143.044-125.466-189.816-148.866-111.516-360.844-81.112-472.444 67.866-54.028 72.141-76.725 161.016-63.9 250.256 12.797 89.241 59.597 168.131 131.737 222.131 149.006 111.656 360.956 81.197 472.5-67.781 29.194-39.009 49.219-82.716 59.456-129.938 3.319-15.188 18.366-24.834 33.441-21.544 15.188 3.291 24.834 18.281 21.544 33.441-12.009 55.181-35.353 106.2-69.413 151.762-63.028 84.15-155.109 138.769-259.256 153.675-18.984 2.756-37.941 4.106-56.784 4.106z'/%3E%3C/svg%3E");
background-size: contain;
animation-name: spin;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear
}
@media(max-width:991.98px) {
.block-hubber-orders-synchro-state [data-state=in_progress] p {
display: block;
padding-left: 2rem;
position: relative
}
.block-hubber-orders-synchro-state [data-state=in_progress] p:before {
position: absolute;
top: 7px;
left: 0
}
}
.block-hubber-orders-synchro-state [data-state=error] {
background: #c50808;
display: flex;
align-items: center;
justify-content: space-between
}
@media(max-width:767.98px) {
.block-hubber-orders-synchro-state [data-state=error] {
align-items: stretch;
gap: .5rem
}
}
.block-hubber-orders-synchro-state [data-state=error] .js-message:before {
content: "";
font-size: 1.5rem;
font-family: "hubber8"
}
.block-hubber-orders-synchro-state [data-state=error] .js-close {
display: inline-flex;
align-items: center;
align-items: center;
background-color: rgba(0, 0, 0, 0);
display: flex;
color: #fff;
cursor: pointer;
height: 2.2rem;
justify-content: center;
padding: 0 .75rem
}
.block-hubber-orders-synchro-state [data-state=error] .js-close:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.block-hubber-orders-synchro-state [data-state=new] {
background: #64bf18;
display: flex;
align-items: center;
justify-content: space-between
}
@media(max-width:767.98px) {
.block-hubber-orders-synchro-state [data-state=new] {
flex-direction: column;
align-items: stretch;
gap: .5rem
}
}
.block-hubber-orders-synchro-state [data-state=new] .js-message:before {
content: "";
font-size: 1.5rem;
font-family: "hubber8"
}
.block-hubber-orders-synchro-state [data-state=new] .js-reload {
display: inline-flex;
align-items: center;
margin-right: .5rem;
align-items: center;
background-color: #fff;
border-radius: .5rem;
border: 1px solid;
border-color: #fff;
color: #64bf18;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 2.2rem;
justify-content: center;
padding: 0 .75rem;
transition: all 300ms ease-out;
text-transform: none
}
.block-hubber-orders-synchro-state [data-state=new] .js-reload:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-user-order-detail .sidebar {
display: none
}
.page-user-order-detail .cart-summary .row-item-ticketing {
background: rgba(0, 0, 0, 0) !important
}
.page-user-order-detail .return-order a {
display: inline-flex;
align-items: center;
margin-right: .5rem;
padding: .5rem .75rem
}
.page-user-order-detail .return-order a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-user-order-detail .order-detail-container {
margin-top: 3rem;
margin-bottom: 3rem
}
.page-user-order-detail .order-detail-info {
margin-top: 2rem;
margin-bottom: 2rem
}
.page-user-order-detail .order-detail-info .order-num,
.page-user-order-detail .order-detail-info .order-amount {
font-weight: 800;
text-transform: uppercase
}
.page-user-order-detail .order-detail-info .order-date {
font-weight: 600;
font-size: .875rem
}
.page-user-order-detail .order-detail-info .order-related {
font-weight: 600;
font-size: .875rem
}
.page-user-order-detail .order-detail-info .order-related em {
color: #1882ff
}
.page-user-order-detail .order-detail-info .pay-status {
font-size: .75rem;
display: flex;
align-items: center;
color: #0b873c
}
.page-user-order-detail .order-detail-info .pay-status:after {
content: "";
height: 10px;
width: 10px;
display: block;
border-radius: 100%;
background-color: #0b873c;
margin-left: .25rem
}
.page-user-order-detail .order-detail-info .pay-status.partially-paid,
.page-user-order-detail .order-detail-info .pay-status.not-paid,
.page-user-order-detail .order-detail-info .pay-status.pending,
.page-user-order-detail .order-detail-info .pay-status.wish-waiting {
color: #f18400
}
.page-user-order-detail .order-detail-info .pay-status.partially-paid:after,
.page-user-order-detail .order-detail-info .pay-status.not-paid:after,
.page-user-order-detail .order-detail-info .pay-status.pending:after,
.page-user-order-detail .order-detail-info .pay-status.wish-waiting:after {
background-color: #f18400
}
.page-user-order-detail .order-detail-info .pay-status.reserved,
.page-user-order-detail .order-detail-info .pay-status.reserved-until,
.page-user-order-detail .order-detail-info .pay-status.rejected {
color: #c50808
}
.page-user-order-detail .order-detail-info .pay-status.reserved:after,
.page-user-order-detail .order-detail-info .pay-status.reserved-until:after,
.page-user-order-detail .order-detail-info .pay-status.rejected:after {
background-color: #c50808
}
.page-user-order-detail .order-detail-info .pay-status.planned,
.page-user-order-detail .order-detail-info .pay-status.canceled {
color: #8c8ca5
}
.page-user-order-detail .order-detail-info .pay-status.planned:after,
.page-user-order-detail .order-detail-info .pay-status.canceled:after {
background-color: #8c8ca5
}
.page-user-order-detail .order-detail-info .order-address {
display: flex;
flex-direction: column;
font-size: 12px
}
.page-user-order-detail .order-detail-info .btn-action a {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.page-user-order-detail .order-detail-info .btn-action a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(min-width:992px) {
.page-user-order-detail .order-detail-info {
margin-top: 3rem;
margin-bottom: 3rem
}
.page-user-order-detail .order-detail-info-line {
display: flex;
justify-content: space-between
}
.page-user-order-detail .order-detail-info .order-num,
.page-user-order-detail .order-detail-info .order-amount {
font-size: 1.5rem
}
}
.page-user-order-detail .order-detail-info-line+.order-detail-info-line {
margin-top: .5rem
}
.page-user-order-detail .order-detail-wrapper .title {
font-weight: 800;
text-transform: uppercase
}
.page-user-order-detail .order-detail-wrapper .cart-content {
margin-bottom: 1rem
}
.page-user-order-detail .order-detail-wrapper .cart-content-list {
padding-bottom: 0;
margin-bottom: 1rem;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03)
}
.page-user-order-detail .order-detail-wrapper .adjustment-row {
padding: 1.5rem;
border-radius: .5rem;
background-color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03)
}
.page-user-order-detail .order-detail-wrapper .adjustment-row .adjustment-amount {
margin-left: 1.5rem;
font-weight: 600;
font-size: .875rem
}
.page-user-order-detail .order-detail-wrapper .adjustment-row+.adjustment-row {
margin-top: .5rem
}
.page-user-order-detail .order-detail-wrapper .adjustment-row .hubber_fee_adjustment,
.page-user-order-detail .order-detail-wrapper .adjustment-row .shipping {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.page-user-order-detail .order-detail-wrapper .adjustment-row .hubber_fee_adjustment:before,
.page-user-order-detail .order-detail-wrapper .adjustment-row .shipping:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-user-order-detail .order-detail-wrapper .adjustment-row .hubber_fee_adjustment:before,
.page-user-order-detail .order-detail-wrapper .adjustment-row .shipping:before {
color: #76818d
}
.page-user-order-detail .order-detail-wrapper .adjustment-row .insurance {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.page-user-order-detail .order-detail-wrapper .adjustment-row .insurance:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-user-order-detail .order-detail-wrapper .adjustment-row .insurance:before {
color: #76818d
}
.page-user-order-detail .order-detail-wrapper>.table-responsive {
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .5rem;
margin-bottom: 2.5rem
}
.page-user-order-detail .order-detail-wrapper>.table-responsive th {
font-weight: normal;
color: #8c8ca5
}
.page-user-order-detail .order-detail-wrapper>.table-responsive .bundle-details-delete-item {
display: none
}
.page-user-order-detail .actions_access_ticket {
text-align: right;
margin-top: 2rem
}
.page-user-order-detail .actions_access_ticket a {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.page-user-order-detail .actions_access_ticket a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-user-order-detail .actions_access_ticket span {
font-size: .75rem;
padding: .5rem .75rem;
background-color: #d2d2d2;
border: 1px solid #d2d2d2;
color: #fff;
border-radius: .5rem;
display: flex;
align-items: center;
justify-content: center;
transition: all 300ms ease-out;
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.page-user-order-detail .actions_access_ticket span:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:767.98px) {
.page-user-payments .title {
font-size: 1.5rem
}
}
.page-user-payments .footer {
display: none
}
.page-user-payments .block-page-title-block {
margin-bottom: 2rem
}
.page-user-payments .hubber-block-title-h2,
.page-user-payments h2,
.page-user-payments .h2 {
font-weight: 600;
margin-bottom: 1.5rem;
color: inherit;
font-size: 1.5rem
}
@media(max-width:767.98px) {
.page-user-payments .hubber-block-title-h2,
.page-user-payments h2,
.page-user-payments .h2 {
font-size: 1rem
}
}
@media(min-width:992px) {
.page-user-payments .hubber-block-credit-card {
max-width: 100%
}
}
@media(min-width:1200px) {
.page-user-payments .hubber-block-credit-card {
max-width: calc(100% - 9rem)
}
}
.page-user-payments .PaylineWidget.pl-container-default {
border-radius: .375rem;
padding: 1.5rem;
background-color: #fff;
border: 1px solid #dee2e6
}
.page-user-payments .PaylineWidget.pl-container-default .pl-spinner {
display: none
}
.page-user-payments .PaylineWidget.pl-container-default .pl-container-view {
max-width: 100%
}
.page-user-payments .PaylineWidget.pl-container-default .pl-layoutManager-view {
border-radius: .375rem
}
.page-user-payments .PaylineWidget.pl-container-default .pl-wallet-layout,
.page-user-payments .PaylineWidget.pl-container-default .pl-layout,
.page-user-payments .PaylineWidget.pl-container-default .pl-pcContainer {
background-color: #f7f9fa;
border: 1px solid #d9dde2;
border-radius: .375rem;
margin-bottom: 1.5rem;
padding: .75rem
}
@media(min-width:992px) {
.page-user-payments .PaylineWidget.pl-container-default .pl-wallet-layout,
.page-user-payments .PaylineWidget.pl-container-default .pl-layout,
.page-user-payments .PaylineWidget.pl-container-default .pl-pcContainer {
padding: 1.5rem
}
}
@media(min-width:992px) {
.page-user-payments .PaylineWidget.pl-container-default .pl-wallet-layout,
.page-user-payments .PaylineWidget.pl-container-default .pl-layout,
.page-user-payments .PaylineWidget.pl-container-default .pl-pcContainer {
padding: 1.5rem
}
}
.page-user-payments .PaylineWidget.pl-container-default .pl-layout {
margin-bottom: 0
}
.page-user-payments .PaylineWidget.pl-container-default .pl-wallet-layout {
padding-bottom: 0
}
.page-user-payments .PaylineWidget.pl-container-default .pl-walletrow,
.page-user-payments .PaylineWidget.pl-container-default .pl-walletrow:hover,
.page-user-payments .PaylineWidget.pl-container-default .pl-pmContainer,
.page-user-payments .PaylineWidget.pl-container-default .pl-pmContainer:hover {
background-color: #fff;
border: 1px solid #d9dde2;
border-radius: .375rem
}
.page-user-payments .PaylineWidget.pl-container-default .pl-pmContainer {
padding: 1.5rem .8rem
}
@media(min-width:992px) {
.page-user-payments .PaylineWidget.pl-container-default .pl-pmContainer {
padding: 1.5rem
}
}
.page-user-payments .PaylineWidget.pl-container-default .pl-pmContainer .pl-cardTypeIconContainer {
margin-top: -10px !important
}
.page-user-payments .PaylineWidget.pl-container-default .pl-wallets-title,
.page-user-payments .PaylineWidget.pl-container-default .pl-wallets {
padding: 0;
border: 0;
color: #000;
margin-top: 0;
margin-bottom: 1rem
}
@media(max-width:991.98px) {
.page-user-payments .PaylineWidget.pl-container-default .pl-wallets-title .pl-cb:not(:last-child),
.page-user-payments .PaylineWidget.pl-container-default .pl-wallets .pl-cb:not(:last-child) {
margin-bottom: .75rem
}
}
.page-user-payments .PaylineWidget.pl-container-default .pl-container-title {
font-size: .75rem;
font-weight: bold;
margin-bottom: 1rem;
display: block
}
@media(max-width:991.98px) {
.page-user-payments .PaylineWidget.pl-container-default .pl-container-title {
text-align: center
}
}
.page-user-payments .PaylineWidget.pl-container-default .pl-card-logos-container {
padding: 0;
border: 0
}
.page-user-payments .PaylineWidget.pl-container-default .pl-card-logos {
padding: 0 !important;
display: flex
}
.page-user-payments .PaylineWidget.pl-container-default .pl-card-logos .pl-card-logo {
margin-right: .5rem;
margin-left: 0
}
.page-user-payments .PaylineWidget.pl-container-default .pl-card-logos .pl-card-logo.pl-mastercard {
order: -1
}
.page-user-payments .PaylineWidget.pl-container-default .pl-input-feedback .pl-card-logo {
background-size: contain;
height: 20px !important;
width: 32px !important
}
.page-user-payments .PaylineWidget.pl-container-default .pl-card-logo {
width: 50px;
height: 34px;
background-position: center;
background-size: cover;
background-image: url("data:image/svg+xml,%3Csvg width='50' height='34' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.827586 0H11.1724C11.3919 0 11.6024 0.0842855 11.7576 0.234315C11.9128 0.384344 12 0.587827 12 0.8V7.2C12 7.41217 11.9128 7.61566 11.7576 7.76569C11.6024 7.91571 11.3919 8 11.1724 8H0.827586C0.608097 8 0.397597 7.91571 0.242394 7.76569C0.0871918 7.61566 0 7.41217 0 7.2V0.8C0 0.587827 0.0871918 0.384344 0.242394 0.234315C0.397597 0.0842855 0.608097 0 0.827586 0ZM1.33333 1.77778C1.33333 1.6599 1.37803 1.54686 1.45759 1.46351C1.53715 1.38016 1.64506 1.33333 1.75758 1.33333H3.45455C3.56706 1.33333 3.67497 1.38016 3.75453 1.46351C3.83409 1.54686 3.87879 1.6599 3.87879 1.77778V2.66667C3.87879 2.78454 3.83409 2.89759 3.75453 2.98094C3.67497 3.06429 3.56706 3.11111 3.45455 3.11111H1.75758C1.64506 3.11111 1.53715 3.06429 1.45759 2.98094C1.37803 2.89759 1.33333 2.78454 1.33333 2.66667V1.77778ZM1.33333 6.22222C1.33333 6.10435 1.37803 5.9913 1.45759 5.90795C1.53715 5.8246 1.64506 5.77778 1.75758 5.77778H6C6.11252 5.77778 6.22042 5.8246 6.29998 5.90795C6.37955 5.9913 6.42424 6.10435 6.42424 6.22222C6.42424 6.3401 6.37955 6.45314 6.29998 6.53649C6.22042 6.61984 6.11252 6.66667 6 6.66667H1.75758C1.64506 6.66667 1.53715 6.61984 1.45759 6.53649C1.37803 6.45314 1.33333 6.3401 1.33333 6.22222ZM1.33333 4.44444C1.33333 4.32657 1.37803 4.21352 1.45759 4.13017C1.53715 4.04683 1.64506 4 1.75758 4H2.60606C2.71858 4 2.82648 4.04683 2.90604 4.13017C2.98561 4.21352 3.0303 4.32657 3.0303 4.44444C3.0303 4.56232 2.98561 4.67537 2.90604 4.75871C2.82648 4.84206 2.71858 4.88889 2.60606 4.88889H1.75758C1.64506 4.88889 1.53715 4.84206 1.45759 4.75871C1.37803 4.67537 1.33333 4.56232 1.33333 4.44444ZM3.87879 4.44444C3.87879 4.32657 3.92348 4.21352 4.00305 4.13017C4.08261 4.04683 4.19051 4 4.30303 4H5.15152C5.26403 4 5.37194 4.04683 5.4515 4.13017C5.53106 4.21352 5.57576 4.32657 5.57576 4.44444C5.57576 4.56232 5.53106 4.67537 5.4515 4.75871C5.37194 4.84206 5.26403 4.88889 5.15152 4.88889H4.30303C4.19051 4.88889 4.08261 4.84206 4.00305 4.75871C3.92348 4.67537 3.87879 4.56232 3.87879 4.44444ZM6.42424 4.44444C6.42424 4.32657 6.46894 4.21352 6.5485 4.13017C6.62806 4.04683 6.73597 4 6.84848 4H7.69697C7.80949 4 7.91739 4.04683 7.99695 4.13017C8.07652 4.21352 8.12121 4.32657 8.12121 4.44444C8.12121 4.56232 8.07652 4.67537 7.99695 4.75871C7.91739 4.84206 7.80949 4.88889 7.69697 4.88889H6.84848C6.73597 4.88889 6.62806 4.84206 6.5485 4.75871C6.46894 4.67537 6.42424 4.56232 6.42424 4.44444ZM8.9697 4.44444C8.9697 4.32657 9.01439 4.21352 9.09396 4.13017C9.17352 4.04683 9.28142 4 9.39394 4H10.2424C10.3549 4 10.4628 4.04683 10.5424 4.13017C10.622 4.21352 10.6667 4.32657 10.6667 4.44444C10.6667 4.56232 10.622 4.67537 10.5424 4.75871C10.4628 4.84206 10.3549 4.88889 10.2424 4.88889H9.39394C9.28142 4.88889 9.17352 4.84206 9.09396 4.75871C9.01439 4.67537 8.9697 4.56232 8.9697 4.44444ZM8.24547 5.90795C8.16591 5.9913 8.12121 6.10435 8.12121 6.22222C8.12121 6.3401 8.16591 6.45314 8.24547 6.53649C8.32503 6.61984 8.43294 6.66667 8.54545 6.66667H10.2424C10.3549 6.66667 10.4628 6.61984 10.5424 6.53649C10.622 6.45314 10.6667 6.3401 10.6667 6.22222C10.6667 6.10435 10.622 5.9913 10.5424 5.90795C10.4628 5.8246 10.3549 5.77778 10.2424 5.77778H8.54545C8.43294 5.77778 8.32503 5.8246 8.24547 5.90795Z' fill='%23263140'/%3E%3C/svg%3E");
width: 50px !important;
height: 34px !important;
background-position: center;
background-size: cover;
background-image: url("data:image/svg+xml,%3Csvg width='50' height='35' viewBox='0 0 50 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='49' height='33.2857' rx='5.5' fill='white' stroke='%23D9D9D9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.2631 24.8299C23.5628 26.2989 21.3573 27.1857 18.9473 27.1857C13.5698 27.1857 9.21045 22.7706 9.21045 17.3243C9.21045 11.878 13.5698 7.46289 18.9473 7.46289C21.3573 7.46289 23.5628 8.34968 25.2631 9.81867C26.9634 8.34968 29.1689 7.46289 31.5789 7.46289C36.9564 7.46289 41.3158 11.878 41.3158 17.3243C41.3158 22.7706 36.9564 27.1857 31.5789 27.1857C29.1689 27.1857 26.9634 26.2989 25.2631 24.8299Z' fill='%23ED0006'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.2632 24.8299C27.3567 23.0212 28.6842 20.3297 28.6842 17.3243C28.6842 14.3189 27.3567 11.6274 25.2632 9.81867C26.9634 8.34968 29.169 7.46289 31.579 7.46289C36.9565 7.46289 41.3158 11.878 41.3158 17.3243C41.3158 22.7706 36.9565 27.1857 31.579 27.1857C29.169 27.1857 26.9634 26.2989 25.2632 24.8299Z' fill='%23F9A000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.2633 24.8299C27.3569 23.0211 28.6844 20.3297 28.6844 17.3242C28.6844 14.3188 27.3569 11.6274 25.2633 9.8186C23.1698 11.6274 21.8423 14.3188 21.8423 17.3242C21.8423 20.3297 23.1698 23.0211 25.2633 24.8299Z' fill='%23FF5E00'/%3E%3C/svg%3E%0A")
}
.page-user-payments .PaylineWidget.pl-container-default .pl-card-logo.pl-cb,
.page-user-payments .PaylineWidget.pl-container-default .pl-card-logo.card-logo-cb {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABGCAYAAAA6hjFpAAAMaklEQVR4Xu1cC2wcxRn+Zvd8Z5/Pjh0/8nISO4kTF0ggPJOWJoZSWhIKorRFIEppQ5UKCBJBqkrbqLQCqVKrIkFEBaWCRgiV0tLSCgqoBRMBJeERggXk4iR2Ysfg8yOX+B72+W6nc6vL6OJfN3vje6xa+ZNO/y/PzuP7/535/1nvDoMCPT09LQCutSxrM4DlABYCCEAHs4gAGARw2DCMFwA8397ePoAcYKDAsWPHFsbj8Z8zxr7LOTdRNMyCMZbinD9RVVX1syVLlgySctBZcY1lWU8BqElZnO/pi7DdwRF0Hx3DUDiG6GQSPFORw4bUGfKCY33OORhjthSQelpS0OshdAhdSP3xOfevxb/a58H8+mqcs6QeG1Y14pLWADcNu6FxwzBuFrPl7zkdcvDgwbsAPMg5N/YcjeA3L/egLzSuJkQIEBADSd3ZgNQAtL7aYGpojqdw/q3NNdj+lXZcsjSQrmMBuHvlypUPyUuzZwbn/G+cA79/e4g9+lrPjAgQKA1MoF1fXV4QSsp/62Xt2LJuHmcM4seuOz1TWFbMOACg5vG9I3i06xD+f6CeoW5ia+cK3HZxIwTGRUzpSMcUBoFgMPg7ALf9Z2ACdz7TTTyqGQMKN4C6vrqcjk+XT1n577xhNda1VELg8VWrVn2fpVNbznlf0uLGDU8fZL0jUe2gqr5eXa42KIF++/pLTln5tzVW45mbVnKPwSzGWGvaIXdYlrXzjeOTuOuvQecO1QZygXBR+3OF/8Nf78Cli3wwDONOJparFwFc9Ys3RvBc91BhWQghoBn09O84/SxNzccV/tevmY8dX2iAwD89mR049ofi4Kapv4YSSXTHAfPMgHkWQUteL3VYzu3T66WeVxbmCv8PhmIAbIcs92Qeh2AwOiUdQjug4BprumLABNoE1Q7T7d8N/rbtM1iYXrLsstVPHilWWijrutBeIde7yr/71mW29EiPeTz6QVGfgFP7xUtT9Q3mKn+BaQ4xTWWDsoSs+VogBOka79y+LCMxqKA02E3+1CGWYRQ/DVQYyMoup6TVBDTblzFG/SzMdf50yXJO2/LMWqSuDrIaz6akVOiO/avH6yp/gC5ZskC3Q66QSpD+NLMmjfpwNpCb/KlDWMYhMshMu0N4dhDKDJFnUeAF/EeEZ3RbkhjhvLGi481UZSRRVm0c3eWfgUx7V70wntOnLNOhkKQ50oF6DXIup/1JndP2qcP0t35Sd5N/cHPtmTMEBgNg5PBgGkyxRhqZv5D6moTojKF8qINoEJU+UhickfG7yZ/OkJdjAJjuvqbgO1KzQ80pR/nQoC2vd5V/8MqqaTNE7kMyl7EseoY9+LTMkYUYmVEbeZmrxsPQ2RLAmrmVWNNQiY56H+p8Jmq9JgIVBqYsjvGEhciUhf5IAh+NTeLjExN449MY9o9OKNv/1vI5uHJxAMWCxTl6TiawdyiG3aJ/Df5aDzfpDHk1AQbNp6ma+4RNi6vx7VV1uKa1FlUeAzNBT3gSzx45hYe7RzEUT5H+f71+Pu45rxGlwCv9EWzpOo7j0aQuf3U5gODlFdOyLMM8c3Ula7YBrljjVXdEa6ACj22Yjy+3BFAo2ut8+PH5TbjjnLm4d28Ij34clv3IWFga2DPvpc1Lcf5zvUhY+fGn5dSeDAx0H2Iw5dMjrghSacFyjOjKRX785YpF9lJUTMzxmnjk0gXYuKAaN772aVbayVBKnC2W2R+KGXj/B6PO/PU3ItlZlgnmzCV3FsPkCGTMWVpTgacvWyidUQrcsLwWwfEp3LdvTM6QUuOrYqY80B125C8ktTk1oPQeTXud00baIYWMbzvXN6Oh0kSp8aPVc/F4zzj6o0mUA6vrfeCMOfKnIVgV1FN0p05jSC44ly2p9mBTix/lgNdk2H5OPe5+dwwwDJQag/GkbS8Chf2Yupw6BKZBPUrzdueNTka/sS0AgzGUC9cI529/PyxplhJvjyTsmMug+2opuSD3/0NgGGAcEoxRXUgSxHJ5/IJGH8qJZSJeLRY/GCgl7L3RfR+dAjNMJX8GBbjc3Eu7EofQNdG5QdWjpdVzKlBurKz1lnSGnExYuGXvCRyLc8A0FPwVO326j5SgMUQNrTWzqdKc8c5Y8J4R5lWZSIJhIsVRTPTHUnhpaBIPHoyiT+gwjcJihtQVDlHnvPqPLwMehpngpc8SuPqtMVV/agxM4t6PIhrjJ1DzZ078tcupQ5z/ZXr6b9kDhLKDpAV4DWhj0wIfrOsXYCbY8m4YZ9V6cM/KAIqJI5EkuoYTeOhwFB+eTObFn+pQOygDAxJc/hiDlCSgO77JxG3njSQslBujJepzWcCD77X5seeyRmwV0pm/lNl6VjmkzOjUIaJCfh3QH6nPGHA8nkK5MTRpoZTwmQyPrK3FhoYKB/5SZus5yknaKwsV/0+w9YwkyJ5VMqt4czSB9Q1elAuTKY59JxL4xqLKUn8jiMcuqEPHKyElf/XXE7ScLllAzilmQ0rpUeUd0jU8iXJiz1gCCV6m9LrGg1a/qTtD8oIxLZBnP6tXdGi3rrz+X0MTGCzjsrXrWFzeROXAeXUV+dmL3sBymcpzyZK69Gp2IwQ0C7P1BIAHeyL41Zo5KDWORpPYdTSGcmJsMpUjC5W6RnmOGSJ/HFnSLpVS593w3x6O4JNTUyglLM5x1wcnMWVZKAOkrfaFExpZJwSU9iQzhHhKsRcn+xQhsqX0fswCvvbWCPZePg9zvQZKgTv2hfGPzyZkv+XAE30xjKcgoOSf9/c/dMmSF1IPE2h2eDiSQmdXSGQm9VjX4EOx8Gk8hbs/DONPA/Gs/jhKjb5oEvd0h3UMrkiMFA8XAdV7TXTKAvm/RtMtlq3Pdw1jy1I/bl8ewNp6L2aKXmGQP/bH8MvgOE5NSaLgnAEobVD/80AMW987gfCUpcXf+SUIgL518mFVnm9vF44lfg+unl+Js+dUoD3gwbJqD2orGPwmQ5X4JSwgmrQQSXIci6UQjEzhwKkkXh2ewL6wOiZd0ezDJXO9Rf2uvS+SxO7RBPpjSRQApX2Da+I5HFLSz8j1XyzTB21f/WajhKv8g2smbGlu27btPgjsHPK4dHgF3dcAXMrC31xkGjeAe/zvnJckMWRaVMpOG3hmDPm8sK9/h3Nut5WRkLrmBwEa5QSu86dB3ZrIOT5YmTlnaX83XvTvvNWvBhf0Xbqr/AF2ZgzpeD8G6H74XorzstTjL+V5Wa7yP3C+f/oMiYNz0oFjj9SA+gPmUmbxt7L4n9YtQijn9XC6nt7ALvOf5hCeioNljZDpHgZjqc/6YGSKCqlzAJgl68u2GG2fepmORxZxMn73+NOHi1YcACMxixggR9bBZp7FyLqsSO3RjZqcZdRgcgTcZf40qBfjxKhSH5dFUMQTsNzmT2NICb7Q08mK9A9zKa453eQv4WGMWZxzw+QTEApZ45QG0zEQzyq3ZCAmA1Ty0TSJTtYrVRf4m4bcGFseAMMA5jVUcAzH47qfBJI1mKy5uV49zRogeKY+Z/pfJDmPR7YtJDEIoesC/0av/zSvEBNHw74vlLU3738L742E4AC903X0T4jTXmO0p4S63BX+FzbNx1PnrgdjbJ8HwDsA1m5sasZ7oaPEAOqjF6h96B1IL2C2npGQevEXcf2g4wr/jU1NyGAvO3To0FWpVOrFvskINr/+rO0195+GSugdmun2cVn6/G1OL2z8Jlp9AZimuYkJol5xEOYhIRf/5MBuPHekW71mF/7sszjtly7rKiv/69pW44GOL6b1fnGY8gqPUBLBYHAHgCe3r7iYvzn4CRuKjSsIkZ0nmYIOoEdlEDLkbBIpiQlIUNXOs2VdIWVxOfg3+QPYvuIiuzbnfEfaFyxzBxhilvxbyM5PYsP4zut/QGRqIp+NF5mShZ6rqx+k1SbUH69ESflXe3zY1XkrPudvAmOsS8yOLwlpyREMDAw0RKPRdwC0HZ0I4/a3n0bvyRCKj1m0zWnGI+tuwtLKOgj0VldXX9TS0jJ6xntZ6T94vd7LAXSnL3y+8wd8x4XXotlfi6JgFrYthU1t22ac0Z22ue2MXB/yhEKhQDgcfhjALZxzAwz840iIHTg1hNDkOKLJSeSNWdhLU7OvBh2183BWoNkOHwIWgF11dXXbmpubI3l93SwC/bmi4k8BbOKc+1EwZsEYiwF4kXN+vzh4fz8owOCA3t7eSrFP6eScLwewUMga6GDWCeMABoU8bJpmV1tb2wT+dzCL/wIZJcVP9ubgfQAAAABJRU5ErkJggg==")
}
.page-user-payments .PaylineWidget.pl-container-default .pl-card-logo.pl-visa,
.page-user-payments .PaylineWidget.pl-container-default .pl-card-logo.card-logo-visa {
background-image: url("data:image/svg+xml,%3Csvg width='50' height='35' viewBox='0 0 50 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.857178' width='49' height='33.2857' rx='5.5' fill='white' stroke='%23D9DDE2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1791 23.5832H12.15L9.87865 14.9177C9.77084 14.5191 9.54192 14.1667 9.2052 14.0006C8.36487 13.5832 7.43888 13.251 6.42871 13.0835V12.7498H11.3082C11.9817 12.7498 12.4868 13.251 12.571 13.833L13.7495 20.0838L16.777 12.7498H19.7219L15.1791 23.5832ZM21.4055 23.5832H18.5449L20.9005 12.7498H23.7611L21.4055 23.5832ZM27.4621 15.751C27.5463 15.1675 28.0514 14.8339 28.6406 14.8339C29.5666 14.7501 30.5753 14.9177 31.4171 15.3336L31.9222 13.0012C31.0804 12.6675 30.1544 12.5 29.3141 12.5C26.5376 12.5 24.5173 14.0006 24.5173 16.0832C24.5173 17.6675 25.9483 18.4994 26.9585 19.0006C28.0514 19.5003 28.4723 19.8339 28.3881 20.3336C28.3881 21.0832 27.5463 21.4168 26.706 21.4168C25.6958 21.4168 24.6856 21.167 23.7611 20.7496L23.256 23.0835C24.2662 23.4994 25.3591 23.667 26.3692 23.667C29.4825 23.7493 31.4171 22.2502 31.4171 20C31.4171 17.1664 27.4621 17.0003 27.4621 15.751ZM41.4288 23.5832L39.1574 12.7498H36.7176C36.2125 12.7498 35.7074 13.0835 35.5391 13.5832L31.333 23.5832H34.2778L34.8656 22.0003H38.4839L38.8206 23.5832H41.4288ZM37.1385 15.6673L37.9788 19.7502H35.6232L37.1385 15.6673Z' fill='%23172B85'/%3E%3C/svg%3E%0A")
}
.page-user-payments .PaylineWidget.pl-container-default .pl-card-logo.pl-mastercard,
.page-user-payments .PaylineWidget.pl-container-default .pl-card-logo.card-logo-mastercard {
background-image: url("data:image/svg+xml,%3Csvg width='50' height='35' viewBox='0 0 50 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='49' height='33.2857' rx='5.5' fill='white' stroke='%23D9D9D9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.2631 24.8299C23.5628 26.2989 21.3573 27.1857 18.9473 27.1857C13.5698 27.1857 9.21045 22.7706 9.21045 17.3243C9.21045 11.878 13.5698 7.46289 18.9473 7.46289C21.3573 7.46289 23.5628 8.34968 25.2631 9.81867C26.9634 8.34968 29.1689 7.46289 31.5789 7.46289C36.9564 7.46289 41.3158 11.878 41.3158 17.3243C41.3158 22.7706 36.9564 27.1857 31.5789 27.1857C29.1689 27.1857 26.9634 26.2989 25.2631 24.8299Z' fill='%23ED0006'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.2632 24.8299C27.3567 23.0212 28.6842 20.3297 28.6842 17.3243C28.6842 14.3189 27.3567 11.6274 25.2632 9.81867C26.9634 8.34968 29.169 7.46289 31.579 7.46289C36.9565 7.46289 41.3158 11.878 41.3158 17.3243C41.3158 22.7706 36.9565 27.1857 31.579 27.1857C29.169 27.1857 26.9634 26.2989 25.2632 24.8299Z' fill='%23F9A000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.2633 24.8299C27.3569 23.0211 28.6844 20.3297 28.6844 17.3242C28.6844 14.3188 27.3569 11.6274 25.2633 9.8186C23.1698 11.6274 21.8423 14.3188 21.8423 17.3242C21.8423 20.3297 23.1698 23.0211 25.2633 24.8299Z' fill='%23FF5E00'/%3E%3C/svg%3E%0A")
}
.page-user-payments .PaylineWidget.pl-container-default .pl-card-logo.pl-amex,
.page-user-payments .PaylineWidget.pl-container-default .pl-card-logo.card-logo-amex {
background-image: url("data:image/svg+xml,%3Csvg width='50' height='34' viewBox='0 0 50 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.583496' y='0.5' width='48.5833' height='33' rx='5.5' fill='%231F72CD' stroke='%23D9D9D9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.97262 12.0416L4.3335 22.3078H9.88717L10.5757 20.671H12.1494L12.8379 22.3078H18.9509V21.0585L19.4957 22.3078H22.6578L23.2025 21.0321V22.3078H35.916L37.4619 20.7135L38.9094 22.3078L45.4393 22.321L40.7855 17.2034L45.4393 12.0416H39.0107L37.5058 13.6065L36.1039 12.0416H22.2733L21.0857 14.6914L19.8702 12.0416H14.3281V13.2484L13.7116 12.0416H8.97262ZM10.0472 13.4994H12.7543L15.8315 20.461V13.4994H18.797L21.1737 18.4909L23.3641 13.4994H26.3149V20.8661H24.5194L24.5048 15.0936L21.8872 20.8661H20.2811L17.6488 15.0936V20.8661H13.9552L13.2549 19.2146H9.47174L8.77294 20.8647H6.79393L10.0472 13.4994ZM35.2582 13.4994H27.9576V20.8618H35.1452L37.4619 18.4218L39.6948 20.8618H42.029L38.6363 17.202L42.029 13.4994H39.7961L37.4912 15.9114L35.2582 13.4994ZM11.3641 14.7458L10.1177 17.6879H12.6091L11.3641 14.7458ZM29.7604 16.3695V15.0247V15.0234H34.3158L36.3035 17.1741L34.2277 19.3365H29.7604V17.8684H33.7432V16.3695H29.7604Z' fill='white'/%3E%3C/svg%3E")
}
.page-user-payments .PaylineWidget.pl-container-default .pl-card-logo.pl-cb {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABGCAYAAAA6hjFpAAAMaklEQVR4Xu1cC2wcxRn+Zvd8Z5/Pjh0/8nISO4kTF0ggPJOWJoZSWhIKorRFIEppQ5UKCBJBqkrbqLQCqVKrIkFEBaWCRgiV0tLSCgqoBRMBJeERggXk4iR2Ysfg8yOX+B72+W6nc6vL6OJfN3vje6xa+ZNO/y/PzuP7/535/1nvDoMCPT09LQCutSxrM4DlABYCCEAHs4gAGARw2DCMFwA8397ePoAcYKDAsWPHFsbj8Z8zxr7LOTdRNMyCMZbinD9RVVX1syVLlgySctBZcY1lWU8BqElZnO/pi7DdwRF0Hx3DUDiG6GQSPFORw4bUGfKCY33OORhjthSQelpS0OshdAhdSP3xOfevxb/a58H8+mqcs6QeG1Y14pLWADcNu6FxwzBuFrPl7zkdcvDgwbsAPMg5N/YcjeA3L/egLzSuJkQIEBADSd3ZgNQAtL7aYGpojqdw/q3NNdj+lXZcsjSQrmMBuHvlypUPyUuzZwbn/G+cA79/e4g9+lrPjAgQKA1MoF1fXV4QSsp/62Xt2LJuHmcM4seuOz1TWFbMOACg5vG9I3i06xD+f6CeoW5ia+cK3HZxIwTGRUzpSMcUBoFgMPg7ALf9Z2ACdz7TTTyqGQMKN4C6vrqcjk+XT1n577xhNda1VELg8VWrVn2fpVNbznlf0uLGDU8fZL0jUe2gqr5eXa42KIF++/pLTln5tzVW45mbVnKPwSzGWGvaIXdYlrXzjeOTuOuvQecO1QZygXBR+3OF/8Nf78Cli3wwDONOJparFwFc9Ys3RvBc91BhWQghoBn09O84/SxNzccV/tevmY8dX2iAwD89mR049ofi4Kapv4YSSXTHAfPMgHkWQUteL3VYzu3T66WeVxbmCv8PhmIAbIcs92Qeh2AwOiUdQjug4BprumLABNoE1Q7T7d8N/rbtM1iYXrLsstVPHilWWijrutBeIde7yr/71mW29EiPeTz6QVGfgFP7xUtT9Q3mKn+BaQ4xTWWDsoSs+VogBOka79y+LCMxqKA02E3+1CGWYRQ/DVQYyMoup6TVBDTblzFG/SzMdf50yXJO2/LMWqSuDrIaz6akVOiO/avH6yp/gC5ZskC3Q66QSpD+NLMmjfpwNpCb/KlDWMYhMshMu0N4dhDKDJFnUeAF/EeEZ3RbkhjhvLGi481UZSRRVm0c3eWfgUx7V70wntOnLNOhkKQ50oF6DXIup/1JndP2qcP0t35Sd5N/cHPtmTMEBgNg5PBgGkyxRhqZv5D6moTojKF8qINoEJU+UhickfG7yZ/OkJdjAJjuvqbgO1KzQ80pR/nQoC2vd5V/8MqqaTNE7kMyl7EseoY9+LTMkYUYmVEbeZmrxsPQ2RLAmrmVWNNQiY56H+p8Jmq9JgIVBqYsjvGEhciUhf5IAh+NTeLjExN449MY9o9OKNv/1vI5uHJxAMWCxTl6TiawdyiG3aJ/Df5aDzfpDHk1AQbNp6ma+4RNi6vx7VV1uKa1FlUeAzNBT3gSzx45hYe7RzEUT5H+f71+Pu45rxGlwCv9EWzpOo7j0aQuf3U5gODlFdOyLMM8c3Ula7YBrljjVXdEa6ACj22Yjy+3BFAo2ut8+PH5TbjjnLm4d28Ij34clv3IWFga2DPvpc1Lcf5zvUhY+fGn5dSeDAx0H2Iw5dMjrghSacFyjOjKRX785YpF9lJUTMzxmnjk0gXYuKAaN772aVbayVBKnC2W2R+KGXj/B6PO/PU3ItlZlgnmzCV3FsPkCGTMWVpTgacvWyidUQrcsLwWwfEp3LdvTM6QUuOrYqY80B125C8ktTk1oPQeTXud00baIYWMbzvXN6Oh0kSp8aPVc/F4zzj6o0mUA6vrfeCMOfKnIVgV1FN0p05jSC44ly2p9mBTix/lgNdk2H5OPe5+dwwwDJQag/GkbS8Chf2Yupw6BKZBPUrzdueNTka/sS0AgzGUC9cI529/PyxplhJvjyTsmMug+2opuSD3/0NgGGAcEoxRXUgSxHJ5/IJGH8qJZSJeLRY/GCgl7L3RfR+dAjNMJX8GBbjc3Eu7EofQNdG5QdWjpdVzKlBurKz1lnSGnExYuGXvCRyLc8A0FPwVO326j5SgMUQNrTWzqdKc8c5Y8J4R5lWZSIJhIsVRTPTHUnhpaBIPHoyiT+gwjcJihtQVDlHnvPqPLwMehpngpc8SuPqtMVV/agxM4t6PIhrjJ1DzZ078tcupQ5z/ZXr6b9kDhLKDpAV4DWhj0wIfrOsXYCbY8m4YZ9V6cM/KAIqJI5EkuoYTeOhwFB+eTObFn+pQOygDAxJc/hiDlCSgO77JxG3njSQslBujJepzWcCD77X5seeyRmwV0pm/lNl6VjmkzOjUIaJCfh3QH6nPGHA8nkK5MTRpoZTwmQyPrK3FhoYKB/5SZus5yknaKwsV/0+w9YwkyJ5VMqt4czSB9Q1elAuTKY59JxL4xqLKUn8jiMcuqEPHKyElf/XXE7ScLllAzilmQ0rpUeUd0jU8iXJiz1gCCV6m9LrGg1a/qTtD8oIxLZBnP6tXdGi3rrz+X0MTGCzjsrXrWFzeROXAeXUV+dmL3sBymcpzyZK69Gp2IwQ0C7P1BIAHeyL41Zo5KDWORpPYdTSGcmJsMpUjC5W6RnmOGSJ/HFnSLpVS593w3x6O4JNTUyglLM5x1wcnMWVZKAOkrfaFExpZJwSU9iQzhHhKsRcn+xQhsqX0fswCvvbWCPZePg9zvQZKgTv2hfGPzyZkv+XAE30xjKcgoOSf9/c/dMmSF1IPE2h2eDiSQmdXSGQm9VjX4EOx8Gk8hbs/DONPA/Gs/jhKjb5oEvd0h3UMrkiMFA8XAdV7TXTKAvm/RtMtlq3Pdw1jy1I/bl8ewNp6L2aKXmGQP/bH8MvgOE5NSaLgnAEobVD/80AMW987gfCUpcXf+SUIgL518mFVnm9vF44lfg+unl+Js+dUoD3gwbJqD2orGPwmQ5X4JSwgmrQQSXIci6UQjEzhwKkkXh2ewL6wOiZd0ezDJXO9Rf2uvS+SxO7RBPpjSRQApX2Da+I5HFLSz8j1XyzTB21f/WajhKv8g2smbGlu27btPgjsHPK4dHgF3dcAXMrC31xkGjeAe/zvnJckMWRaVMpOG3hmDPm8sK9/h3Nut5WRkLrmBwEa5QSu86dB3ZrIOT5YmTlnaX83XvTvvNWvBhf0Xbqr/AF2ZgzpeD8G6H74XorzstTjL+V5Wa7yP3C+f/oMiYNz0oFjj9SA+gPmUmbxt7L4n9YtQijn9XC6nt7ALvOf5hCeioNljZDpHgZjqc/6YGSKCqlzAJgl68u2GG2fepmORxZxMn73+NOHi1YcACMxixggR9bBZp7FyLqsSO3RjZqcZdRgcgTcZf40qBfjxKhSH5dFUMQTsNzmT2NICb7Q08mK9A9zKa453eQv4WGMWZxzw+QTEApZ45QG0zEQzyq3ZCAmA1Ty0TSJTtYrVRf4m4bcGFseAMMA5jVUcAzH47qfBJI1mKy5uV49zRogeKY+Z/pfJDmPR7YtJDEIoesC/0av/zSvEBNHw74vlLU3738L742E4AC903X0T4jTXmO0p4S63BX+FzbNx1PnrgdjbJ8HwDsA1m5sasZ7oaPEAOqjF6h96B1IL2C2npGQevEXcf2g4wr/jU1NyGAvO3To0FWpVOrFvskINr/+rO0195+GSugdmun2cVn6/G1OL2z8Jlp9AZimuYkJol5xEOYhIRf/5MBuPHekW71mF/7sszjtly7rKiv/69pW44GOL6b1fnGY8gqPUBLBYHAHgCe3r7iYvzn4CRuKjSsIkZ0nmYIOoEdlEDLkbBIpiQlIUNXOs2VdIWVxOfg3+QPYvuIiuzbnfEfaFyxzBxhilvxbyM5PYsP4zut/QGRqIp+NF5mShZ6rqx+k1SbUH69ESflXe3zY1XkrPudvAmOsS8yOLwlpyREMDAw0RKPRdwC0HZ0I4/a3n0bvyRCKj1m0zWnGI+tuwtLKOgj0VldXX9TS0jJ6xntZ6T94vd7LAXSnL3y+8wd8x4XXotlfi6JgFrYthU1t22ac0Z22ue2MXB/yhEKhQDgcfhjALZxzAwz840iIHTg1hNDkOKLJSeSNWdhLU7OvBh2183BWoNkOHwIWgF11dXXbmpubI3l93SwC/bmi4k8BbOKc+1EwZsEYiwF4kXN+vzh4fz8owOCA3t7eSrFP6eScLwewUMga6GDWCeMABoU8bJpmV1tb2wT+dzCL/wIZJcVP9ubgfQAAAABJRU5ErkJggg==")
}
.page-user-payments .PaylineWidget.pl-container-default .pl-card-logo.pl-visa {
background-image: url("data:image/svg+xml,%3Csvg width='50' height='35' viewBox='0 0 50 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.857178' width='49' height='33.2857' rx='5.5' fill='white' stroke='%23D9DDE2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1791 23.5832H12.15L9.87865 14.9177C9.77084 14.5191 9.54192 14.1667 9.2052 14.0006C8.36487 13.5832 7.43888 13.251 6.42871 13.0835V12.7498H11.3082C11.9817 12.7498 12.4868 13.251 12.571 13.833L13.7495 20.0838L16.777 12.7498H19.7219L15.1791 23.5832ZM21.4055 23.5832H18.5449L20.9005 12.7498H23.7611L21.4055 23.5832ZM27.4621 15.751C27.5463 15.1675 28.0514 14.8339 28.6406 14.8339C29.5666 14.7501 30.5753 14.9177 31.4171 15.3336L31.9222 13.0012C31.0804 12.6675 30.1544 12.5 29.3141 12.5C26.5376 12.5 24.5173 14.0006 24.5173 16.0832C24.5173 17.6675 25.9483 18.4994 26.9585 19.0006C28.0514 19.5003 28.4723 19.8339 28.3881 20.3336C28.3881 21.0832 27.5463 21.4168 26.706 21.4168C25.6958 21.4168 24.6856 21.167 23.7611 20.7496L23.256 23.0835C24.2662 23.4994 25.3591 23.667 26.3692 23.667C29.4825 23.7493 31.4171 22.2502 31.4171 20C31.4171 17.1664 27.4621 17.0003 27.4621 15.751ZM41.4288 23.5832L39.1574 12.7498H36.7176C36.2125 12.7498 35.7074 13.0835 35.5391 13.5832L31.333 23.5832H34.2778L34.8656 22.0003H38.4839L38.8206 23.5832H41.4288ZM37.1385 15.6673L37.9788 19.7502H35.6232L37.1385 15.6673Z' fill='%23172B85'/%3E%3C/svg%3E%0A")
}
.page-user-payments .PaylineWidget.pl-container-default .pl-card-logo.pl-mastercard {
background-image: url("data:image/svg+xml,%3Csvg width='50' height='35' viewBox='0 0 50 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='49' height='33.2857' rx='5.5' fill='white' stroke='%23D9D9D9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.2631 24.8299C23.5628 26.2989 21.3573 27.1857 18.9473 27.1857C13.5698 27.1857 9.21045 22.7706 9.21045 17.3243C9.21045 11.878 13.5698 7.46289 18.9473 7.46289C21.3573 7.46289 23.5628 8.34968 25.2631 9.81867C26.9634 8.34968 29.1689 7.46289 31.5789 7.46289C36.9564 7.46289 41.3158 11.878 41.3158 17.3243C41.3158 22.7706 36.9564 27.1857 31.5789 27.1857C29.1689 27.1857 26.9634 26.2989 25.2631 24.8299Z' fill='%23ED0006'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.2632 24.8299C27.3567 23.0212 28.6842 20.3297 28.6842 17.3243C28.6842 14.3189 27.3567 11.6274 25.2632 9.81867C26.9634 8.34968 29.169 7.46289 31.579 7.46289C36.9565 7.46289 41.3158 11.878 41.3158 17.3243C41.3158 22.7706 36.9565 27.1857 31.579 27.1857C29.169 27.1857 26.9634 26.2989 25.2632 24.8299Z' fill='%23F9A000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.2633 24.8299C27.3569 23.0211 28.6844 20.3297 28.6844 17.3242C28.6844 14.3188 27.3569 11.6274 25.2633 9.8186C23.1698 11.6274 21.8423 14.3188 21.8423 17.3242C21.8423 20.3297 23.1698 23.0211 25.2633 24.8299Z' fill='%23FF5E00'/%3E%3C/svg%3E%0A")
}
.page-user-payments .PaylineWidget.pl-container-default .pl-wallet-infos,
.page-user-payments .PaylineWidget.pl-container-default .pl-wallet-infos-sub {
margin-top: 0 !important
}
.page-user-payments .PaylineWidget.pl-container-default .pl-mng-btn {
padding: 0 !important;
height: 2.2rem;
width: 2.2rem;
display: flex;
justify-content: center;
align-items: center;
transform: translateY(-45px) !important
}
.page-user-payments .PaylineWidget.pl-container-default .pl-mng-btn:before {
margin: 0 !important;
font-size: 1rem !important;
line-height: 1 !important;
content: "";
font-family: "hubber8";
color: #76818d
}
.page-user-payments .PaylineWidget.pl-container-default .pl-defaultLabel-container {
margin-bottom: 13px;
left: 76px !important
}
.page-user-payments .PaylineWidget.pl-container-default .pl-walletrowmng,
.page-user-payments .PaylineWidget.pl-container-default .pl-confirm-container,
.page-user-payments .PaylineWidget.pl-container-default .pl-mng-sub-btn-container,
.page-user-payments .PaylineWidget.pl-container-default .pl-mng-btns-container {
height: 4rem !important;
margin-top: 0 !important
}
.page-user-payments .PaylineWidget.pl-container-default .pl-paymentMethod-view {
padding: 0 !important
}
.page-user-payments .PaylineWidget.pl-container-default .pl-label-input {
margin-bottom: 0
}
@media(max-width:575.98px) {
.page-user-payments .PaylineWidget.pl-container-default .pl-label-input {
font-size: .625rem
}
}
.page-user-payments .PaylineWidget.pl-container-default .pl-input {
box-shadow: none;
border: 1px solid #d9dde2;
margin-bottom: 1rem
}
.page-user-payments .PaylineWidget.pl-container-default .pl-message {
margin: 0 !important
}
.page-user-payments .PaylineWidget.pl-container-default .pl-pay-btn {
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
padding: 0 1rem;
height: 46px
}
@media(min-width:768px) {
.page-user-payments .PaylineWidget.pl-container-default .pl-pay-btn {
display: inline-flex
}
}
.page-user-payments .PaylineWidget.pl-container-default .pl-pay-btn:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.page-user-payments .PaylineWidget.pl-container-default .pl-pay-btn:hover {
box-shadow: none
}
.page-user-payments .PaylineWidget.pl-container-default .pl-pay-btn-container {
margin: 0
}
@media(min-width:992px) {
.page-user-payments .PaylineWidget.pl-container-default .pl-pay-btn-container {
margin-bottom: .4rem
}
}
@media(max-width:991.98px) {
.page-user-payments .PaylineWidget.pl-container-default .pl-form-container .pl-expirationDateContainer {
width: 46%;
float: left
}
.page-user-payments .PaylineWidget.pl-container-default .pl-form-container .pl-cvvContainer {
width: 46%;
margin-left: 8%
}
}
@media(max-width:575.98px) {
.page-user-payments .PaylineWidget.pl-container-default .pl-form-container .pl-expirationDateContainer {
width: 60%
}
.page-user-payments .PaylineWidget.pl-container-default .pl-form-container .pl-cvvContainer {
width: 34%;
margin-left: 6%;
transform: translateY(-0.25rem)
}
}
@media(min-width:992px) {
.page-user-payments .PaylineWidget.pl-container-default .pl-wallets {
display: flex;
flex-wrap: wrap
}
.page-user-payments .PaylineWidget.pl-container-default .pl-wallet-column {
flex: 0 0 48%;
margin-right: 2%;
margin-bottom: 1rem
}
.page-user-payments .PaylineWidget.pl-container-default .pl-mng-btns-container,
.page-user-payments .PaylineWidget.pl-container-default .pl-confirm-container {
width: calc(100% - 65px) !important;
border-radius: .375rem !important
}
.page-user-payments .PaylineWidget.pl-container-default .pl-confirm-message {
margin-top: .25rem
}
.page-user-payments .PaylineWidget.pl-container-default .pl-mng-upd-btn-container {
padding: 10px 0 !important
}
.page-user-payments .PaylineWidget.pl-container-default .pl-form-container {
display: flex;
align-items: flex-end;
flex-wrap: wrap
}
.page-user-payments .PaylineWidget.pl-container-default .pl-form-container .pl-cardNumberContainer {
height: 78px
}
.page-user-payments .PaylineWidget.pl-container-default .pl-form-container .pl-pay-btn-container {
margin-top: 26px
}
.page-user-payments .PaylineWidget.pl-container-default .pl-form-container .pl-form-group {
margin-right: 1rem;
flex: 0 0 8rem
}
.page-user-payments .PaylineWidget.pl-container-default .pl-form-container .pl-form-group.pl-cardNumberContainer {
flex: 0 0 17.5rem;
display: flex;
flex-direction: column
}
}
@media(min-width:1200px) {
.page-user-payments .PaylineWidget.pl-container-default .pl-wallet-column {
flex: 0 0 31%
}
}
.page-user-payments .lyra-registered-cards-wrapper .card-logo {
width: 50px;
height: 34px;
background-position: center;
background-size: cover;
background-image: url("data:image/svg+xml,%3Csvg width='50' height='34' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.827586 0H11.1724C11.3919 0 11.6024 0.0842855 11.7576 0.234315C11.9128 0.384344 12 0.587827 12 0.8V7.2C12 7.41217 11.9128 7.61566 11.7576 7.76569C11.6024 7.91571 11.3919 8 11.1724 8H0.827586C0.608097 8 0.397597 7.91571 0.242394 7.76569C0.0871918 7.61566 0 7.41217 0 7.2V0.8C0 0.587827 0.0871918 0.384344 0.242394 0.234315C0.397597 0.0842855 0.608097 0 0.827586 0ZM1.33333 1.77778C1.33333 1.6599 1.37803 1.54686 1.45759 1.46351C1.53715 1.38016 1.64506 1.33333 1.75758 1.33333H3.45455C3.56706 1.33333 3.67497 1.38016 3.75453 1.46351C3.83409 1.54686 3.87879 1.6599 3.87879 1.77778V2.66667C3.87879 2.78454 3.83409 2.89759 3.75453 2.98094C3.67497 3.06429 3.56706 3.11111 3.45455 3.11111H1.75758C1.64506 3.11111 1.53715 3.06429 1.45759 2.98094C1.37803 2.89759 1.33333 2.78454 1.33333 2.66667V1.77778ZM1.33333 6.22222C1.33333 6.10435 1.37803 5.9913 1.45759 5.90795C1.53715 5.8246 1.64506 5.77778 1.75758 5.77778H6C6.11252 5.77778 6.22042 5.8246 6.29998 5.90795C6.37955 5.9913 6.42424 6.10435 6.42424 6.22222C6.42424 6.3401 6.37955 6.45314 6.29998 6.53649C6.22042 6.61984 6.11252 6.66667 6 6.66667H1.75758C1.64506 6.66667 1.53715 6.61984 1.45759 6.53649C1.37803 6.45314 1.33333 6.3401 1.33333 6.22222ZM1.33333 4.44444C1.33333 4.32657 1.37803 4.21352 1.45759 4.13017C1.53715 4.04683 1.64506 4 1.75758 4H2.60606C2.71858 4 2.82648 4.04683 2.90604 4.13017C2.98561 4.21352 3.0303 4.32657 3.0303 4.44444C3.0303 4.56232 2.98561 4.67537 2.90604 4.75871C2.82648 4.84206 2.71858 4.88889 2.60606 4.88889H1.75758C1.64506 4.88889 1.53715 4.84206 1.45759 4.75871C1.37803 4.67537 1.33333 4.56232 1.33333 4.44444ZM3.87879 4.44444C3.87879 4.32657 3.92348 4.21352 4.00305 4.13017C4.08261 4.04683 4.19051 4 4.30303 4H5.15152C5.26403 4 5.37194 4.04683 5.4515 4.13017C5.53106 4.21352 5.57576 4.32657 5.57576 4.44444C5.57576 4.56232 5.53106 4.67537 5.4515 4.75871C5.37194 4.84206 5.26403 4.88889 5.15152 4.88889H4.30303C4.19051 4.88889 4.08261 4.84206 4.00305 4.75871C3.92348 4.67537 3.87879 4.56232 3.87879 4.44444ZM6.42424 4.44444C6.42424 4.32657 6.46894 4.21352 6.5485 4.13017C6.62806 4.04683 6.73597 4 6.84848 4H7.69697C7.80949 4 7.91739 4.04683 7.99695 4.13017C8.07652 4.21352 8.12121 4.32657 8.12121 4.44444C8.12121 4.56232 8.07652 4.67537 7.99695 4.75871C7.91739 4.84206 7.80949 4.88889 7.69697 4.88889H6.84848C6.73597 4.88889 6.62806 4.84206 6.5485 4.75871C6.46894 4.67537 6.42424 4.56232 6.42424 4.44444ZM8.9697 4.44444C8.9697 4.32657 9.01439 4.21352 9.09396 4.13017C9.17352 4.04683 9.28142 4 9.39394 4H10.2424C10.3549 4 10.4628 4.04683 10.5424 4.13017C10.622 4.21352 10.6667 4.32657 10.6667 4.44444C10.6667 4.56232 10.622 4.67537 10.5424 4.75871C10.4628 4.84206 10.3549 4.88889 10.2424 4.88889H9.39394C9.28142 4.88889 9.17352 4.84206 9.09396 4.75871C9.01439 4.67537 8.9697 4.56232 8.9697 4.44444ZM8.24547 5.90795C8.16591 5.9913 8.12121 6.10435 8.12121 6.22222C8.12121 6.3401 8.16591 6.45314 8.24547 6.53649C8.32503 6.61984 8.43294 6.66667 8.54545 6.66667H10.2424C10.3549 6.66667 10.4628 6.61984 10.5424 6.53649C10.622 6.45314 10.6667 6.3401 10.6667 6.22222C10.6667 6.10435 10.622 5.9913 10.5424 5.90795C10.4628 5.8246 10.3549 5.77778 10.2424 5.77778H8.54545C8.43294 5.77778 8.32503 5.8246 8.24547 5.90795Z' fill='%23263140'/%3E%3C/svg%3E")
}
.page-user-payments .lyra-registered-cards-wrapper .card-logo.pl-cb,
.page-user-payments .lyra-registered-cards-wrapper .card-logo.card-logo-cb {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABGCAYAAAA6hjFpAAAMaklEQVR4Xu1cC2wcxRn+Zvd8Z5/Pjh0/8nISO4kTF0ggPJOWJoZSWhIKorRFIEppQ5UKCBJBqkrbqLQCqVKrIkFEBaWCRgiV0tLSCgqoBRMBJeERggXk4iR2Ysfg8yOX+B72+W6nc6vL6OJfN3vje6xa+ZNO/y/PzuP7/535/1nvDoMCPT09LQCutSxrM4DlABYCCEAHs4gAGARw2DCMFwA8397ePoAcYKDAsWPHFsbj8Z8zxr7LOTdRNMyCMZbinD9RVVX1syVLlgySctBZcY1lWU8BqElZnO/pi7DdwRF0Hx3DUDiG6GQSPFORw4bUGfKCY33OORhjthSQelpS0OshdAhdSP3xOfevxb/a58H8+mqcs6QeG1Y14pLWADcNu6FxwzBuFrPl7zkdcvDgwbsAPMg5N/YcjeA3L/egLzSuJkQIEBADSd3ZgNQAtL7aYGpojqdw/q3NNdj+lXZcsjSQrmMBuHvlypUPyUuzZwbn/G+cA79/e4g9+lrPjAgQKA1MoF1fXV4QSsp/62Xt2LJuHmcM4seuOz1TWFbMOACg5vG9I3i06xD+f6CeoW5ia+cK3HZxIwTGRUzpSMcUBoFgMPg7ALf9Z2ACdz7TTTyqGQMKN4C6vrqcjk+XT1n577xhNda1VELg8VWrVn2fpVNbznlf0uLGDU8fZL0jUe2gqr5eXa42KIF++/pLTln5tzVW45mbVnKPwSzGWGvaIXdYlrXzjeOTuOuvQecO1QZygXBR+3OF/8Nf78Cli3wwDONOJparFwFc9Ys3RvBc91BhWQghoBn09O84/SxNzccV/tevmY8dX2iAwD89mR049ofi4Kapv4YSSXTHAfPMgHkWQUteL3VYzu3T66WeVxbmCv8PhmIAbIcs92Qeh2AwOiUdQjug4BprumLABNoE1Q7T7d8N/rbtM1iYXrLsstVPHilWWijrutBeIde7yr/71mW29EiPeTz6QVGfgFP7xUtT9Q3mKn+BaQ4xTWWDsoSs+VogBOka79y+LCMxqKA02E3+1CGWYRQ/DVQYyMoup6TVBDTblzFG/SzMdf50yXJO2/LMWqSuDrIaz6akVOiO/avH6yp/gC5ZskC3Q66QSpD+NLMmjfpwNpCb/KlDWMYhMshMu0N4dhDKDJFnUeAF/EeEZ3RbkhjhvLGi481UZSRRVm0c3eWfgUx7V70wntOnLNOhkKQ50oF6DXIup/1JndP2qcP0t35Sd5N/cHPtmTMEBgNg5PBgGkyxRhqZv5D6moTojKF8qINoEJU+UhickfG7yZ/OkJdjAJjuvqbgO1KzQ80pR/nQoC2vd5V/8MqqaTNE7kMyl7EseoY9+LTMkYUYmVEbeZmrxsPQ2RLAmrmVWNNQiY56H+p8Jmq9JgIVBqYsjvGEhciUhf5IAh+NTeLjExN449MY9o9OKNv/1vI5uHJxAMWCxTl6TiawdyiG3aJ/Df5aDzfpDHk1AQbNp6ma+4RNi6vx7VV1uKa1FlUeAzNBT3gSzx45hYe7RzEUT5H+f71+Pu45rxGlwCv9EWzpOo7j0aQuf3U5gODlFdOyLMM8c3Ula7YBrljjVXdEa6ACj22Yjy+3BFAo2ut8+PH5TbjjnLm4d28Ij34clv3IWFga2DPvpc1Lcf5zvUhY+fGn5dSeDAx0H2Iw5dMjrghSacFyjOjKRX785YpF9lJUTMzxmnjk0gXYuKAaN772aVbayVBKnC2W2R+KGXj/B6PO/PU3ItlZlgnmzCV3FsPkCGTMWVpTgacvWyidUQrcsLwWwfEp3LdvTM6QUuOrYqY80B125C8ktTk1oPQeTXud00baIYWMbzvXN6Oh0kSp8aPVc/F4zzj6o0mUA6vrfeCMOfKnIVgV1FN0p05jSC44ly2p9mBTix/lgNdk2H5OPe5+dwwwDJQag/GkbS8Chf2Yupw6BKZBPUrzdueNTka/sS0AgzGUC9cI529/PyxplhJvjyTsmMug+2opuSD3/0NgGGAcEoxRXUgSxHJ5/IJGH8qJZSJeLRY/GCgl7L3RfR+dAjNMJX8GBbjc3Eu7EofQNdG5QdWjpdVzKlBurKz1lnSGnExYuGXvCRyLc8A0FPwVO326j5SgMUQNrTWzqdKc8c5Y8J4R5lWZSIJhIsVRTPTHUnhpaBIPHoyiT+gwjcJihtQVDlHnvPqPLwMehpngpc8SuPqtMVV/agxM4t6PIhrjJ1DzZ078tcupQ5z/ZXr6b9kDhLKDpAV4DWhj0wIfrOsXYCbY8m4YZ9V6cM/KAIqJI5EkuoYTeOhwFB+eTObFn+pQOygDAxJc/hiDlCSgO77JxG3njSQslBujJepzWcCD77X5seeyRmwV0pm/lNl6VjmkzOjUIaJCfh3QH6nPGHA8nkK5MTRpoZTwmQyPrK3FhoYKB/5SZus5yknaKwsV/0+w9YwkyJ5VMqt4czSB9Q1elAuTKY59JxL4xqLKUn8jiMcuqEPHKyElf/XXE7ScLllAzilmQ0rpUeUd0jU8iXJiz1gCCV6m9LrGg1a/qTtD8oIxLZBnP6tXdGi3rrz+X0MTGCzjsrXrWFzeROXAeXUV+dmL3sBymcpzyZK69Gp2IwQ0C7P1BIAHeyL41Zo5KDWORpPYdTSGcmJsMpUjC5W6RnmOGSJ/HFnSLpVS593w3x6O4JNTUyglLM5x1wcnMWVZKAOkrfaFExpZJwSU9iQzhHhKsRcn+xQhsqX0fswCvvbWCPZePg9zvQZKgTv2hfGPzyZkv+XAE30xjKcgoOSf9/c/dMmSF1IPE2h2eDiSQmdXSGQm9VjX4EOx8Gk8hbs/DONPA/Gs/jhKjb5oEvd0h3UMrkiMFA8XAdV7TXTKAvm/RtMtlq3Pdw1jy1I/bl8ewNp6L2aKXmGQP/bH8MvgOE5NSaLgnAEobVD/80AMW987gfCUpcXf+SUIgL518mFVnm9vF44lfg+unl+Js+dUoD3gwbJqD2orGPwmQ5X4JSwgmrQQSXIci6UQjEzhwKkkXh2ewL6wOiZd0ezDJXO9Rf2uvS+SxO7RBPpjSRQApX2Da+I5HFLSz8j1XyzTB21f/WajhKv8g2smbGlu27btPgjsHPK4dHgF3dcAXMrC31xkGjeAe/zvnJckMWRaVMpOG3hmDPm8sK9/h3Nut5WRkLrmBwEa5QSu86dB3ZrIOT5YmTlnaX83XvTvvNWvBhf0Xbqr/AF2ZgzpeD8G6H74XorzstTjL+V5Wa7yP3C+f/oMiYNz0oFjj9SA+gPmUmbxt7L4n9YtQijn9XC6nt7ALvOf5hCeioNljZDpHgZjqc/6YGSKCqlzAJgl68u2GG2fepmORxZxMn73+NOHi1YcACMxixggR9bBZp7FyLqsSO3RjZqcZdRgcgTcZf40qBfjxKhSH5dFUMQTsNzmT2NICb7Q08mK9A9zKa453eQv4WGMWZxzw+QTEApZ45QG0zEQzyq3ZCAmA1Ty0TSJTtYrVRf4m4bcGFseAMMA5jVUcAzH47qfBJI1mKy5uV49zRogeKY+Z/pfJDmPR7YtJDEIoesC/0av/zSvEBNHw74vlLU3738L742E4AC903X0T4jTXmO0p4S63BX+FzbNx1PnrgdjbJ8HwDsA1m5sasZ7oaPEAOqjF6h96B1IL2C2npGQevEXcf2g4wr/jU1NyGAvO3To0FWpVOrFvskINr/+rO0195+GSugdmun2cVn6/G1OL2z8Jlp9AZimuYkJol5xEOYhIRf/5MBuPHekW71mF/7sszjtly7rKiv/69pW44GOL6b1fnGY8gqPUBLBYHAHgCe3r7iYvzn4CRuKjSsIkZ0nmYIOoEdlEDLkbBIpiQlIUNXOs2VdIWVxOfg3+QPYvuIiuzbnfEfaFyxzBxhilvxbyM5PYsP4zut/QGRqIp+NF5mShZ6rqx+k1SbUH69ESflXe3zY1XkrPudvAmOsS8yOLwlpyREMDAw0RKPRdwC0HZ0I4/a3n0bvyRCKj1m0zWnGI+tuwtLKOgj0VldXX9TS0jJ6xntZ6T94vd7LAXSnL3y+8wd8x4XXotlfi6JgFrYthU1t22ac0Z22ue2MXB/yhEKhQDgcfhjALZxzAwz840iIHTg1hNDkOKLJSeSNWdhLU7OvBh2183BWoNkOHwIWgF11dXXbmpubI3l93SwC/bmi4k8BbOKc+1EwZsEYiwF4kXN+vzh4fz8owOCA3t7eSrFP6eScLwewUMga6GDWCeMABoU8bJpmV1tb2wT+dzCL/wIZJcVP9ubgfQAAAABJRU5ErkJggg==")
}
.page-user-payments .lyra-registered-cards-wrapper .card-logo.pl-visa,
.page-user-payments .lyra-registered-cards-wrapper .card-logo.card-logo-visa {
background-image: url("data:image/svg+xml,%3Csvg width='50' height='35' viewBox='0 0 50 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.857178' width='49' height='33.2857' rx='5.5' fill='white' stroke='%23D9DDE2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1791 23.5832H12.15L9.87865 14.9177C9.77084 14.5191 9.54192 14.1667 9.2052 14.0006C8.36487 13.5832 7.43888 13.251 6.42871 13.0835V12.7498H11.3082C11.9817 12.7498 12.4868 13.251 12.571 13.833L13.7495 20.0838L16.777 12.7498H19.7219L15.1791 23.5832ZM21.4055 23.5832H18.5449L20.9005 12.7498H23.7611L21.4055 23.5832ZM27.4621 15.751C27.5463 15.1675 28.0514 14.8339 28.6406 14.8339C29.5666 14.7501 30.5753 14.9177 31.4171 15.3336L31.9222 13.0012C31.0804 12.6675 30.1544 12.5 29.3141 12.5C26.5376 12.5 24.5173 14.0006 24.5173 16.0832C24.5173 17.6675 25.9483 18.4994 26.9585 19.0006C28.0514 19.5003 28.4723 19.8339 28.3881 20.3336C28.3881 21.0832 27.5463 21.4168 26.706 21.4168C25.6958 21.4168 24.6856 21.167 23.7611 20.7496L23.256 23.0835C24.2662 23.4994 25.3591 23.667 26.3692 23.667C29.4825 23.7493 31.4171 22.2502 31.4171 20C31.4171 17.1664 27.4621 17.0003 27.4621 15.751ZM41.4288 23.5832L39.1574 12.7498H36.7176C36.2125 12.7498 35.7074 13.0835 35.5391 13.5832L31.333 23.5832H34.2778L34.8656 22.0003H38.4839L38.8206 23.5832H41.4288ZM37.1385 15.6673L37.9788 19.7502H35.6232L37.1385 15.6673Z' fill='%23172B85'/%3E%3C/svg%3E%0A")
}
.page-user-payments .lyra-registered-cards-wrapper .card-logo.pl-mastercard,
.page-user-payments .lyra-registered-cards-wrapper .card-logo.card-logo-mastercard {
background-image: url("data:image/svg+xml,%3Csvg width='50' height='35' viewBox='0 0 50 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='49' height='33.2857' rx='5.5' fill='white' stroke='%23D9D9D9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.2631 24.8299C23.5628 26.2989 21.3573 27.1857 18.9473 27.1857C13.5698 27.1857 9.21045 22.7706 9.21045 17.3243C9.21045 11.878 13.5698 7.46289 18.9473 7.46289C21.3573 7.46289 23.5628 8.34968 25.2631 9.81867C26.9634 8.34968 29.1689 7.46289 31.5789 7.46289C36.9564 7.46289 41.3158 11.878 41.3158 17.3243C41.3158 22.7706 36.9564 27.1857 31.5789 27.1857C29.1689 27.1857 26.9634 26.2989 25.2631 24.8299Z' fill='%23ED0006'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.2632 24.8299C27.3567 23.0212 28.6842 20.3297 28.6842 17.3243C28.6842 14.3189 27.3567 11.6274 25.2632 9.81867C26.9634 8.34968 29.169 7.46289 31.579 7.46289C36.9565 7.46289 41.3158 11.878 41.3158 17.3243C41.3158 22.7706 36.9565 27.1857 31.579 27.1857C29.169 27.1857 26.9634 26.2989 25.2632 24.8299Z' fill='%23F9A000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.2633 24.8299C27.3569 23.0211 28.6844 20.3297 28.6844 17.3242C28.6844 14.3188 27.3569 11.6274 25.2633 9.8186C23.1698 11.6274 21.8423 14.3188 21.8423 17.3242C21.8423 20.3297 23.1698 23.0211 25.2633 24.8299Z' fill='%23FF5E00'/%3E%3C/svg%3E%0A")
}
.page-user-payments .lyra-registered-cards-wrapper .card-logo.pl-amex,
.page-user-payments .lyra-registered-cards-wrapper .card-logo.card-logo-amex {
background-image: url("data:image/svg+xml,%3Csvg width='50' height='34' viewBox='0 0 50 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.583496' y='0.5' width='48.5833' height='33' rx='5.5' fill='%231F72CD' stroke='%23D9D9D9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.97262 12.0416L4.3335 22.3078H9.88717L10.5757 20.671H12.1494L12.8379 22.3078H18.9509V21.0585L19.4957 22.3078H22.6578L23.2025 21.0321V22.3078H35.916L37.4619 20.7135L38.9094 22.3078L45.4393 22.321L40.7855 17.2034L45.4393 12.0416H39.0107L37.5058 13.6065L36.1039 12.0416H22.2733L21.0857 14.6914L19.8702 12.0416H14.3281V13.2484L13.7116 12.0416H8.97262ZM10.0472 13.4994H12.7543L15.8315 20.461V13.4994H18.797L21.1737 18.4909L23.3641 13.4994H26.3149V20.8661H24.5194L24.5048 15.0936L21.8872 20.8661H20.2811L17.6488 15.0936V20.8661H13.9552L13.2549 19.2146H9.47174L8.77294 20.8647H6.79393L10.0472 13.4994ZM35.2582 13.4994H27.9576V20.8618H35.1452L37.4619 18.4218L39.6948 20.8618H42.029L38.6363 17.202L42.029 13.4994H39.7961L37.4912 15.9114L35.2582 13.4994ZM11.3641 14.7458L10.1177 17.6879H12.6091L11.3641 14.7458ZM29.7604 16.3695V15.0247V15.0234H34.3158L36.3035 17.1741L34.2277 19.3365H29.7604V17.8684H33.7432V16.3695H29.7604Z' fill='white'/%3E%3C/svg%3E")
}
.page-user-payments .lyra-registered-cards-wrapper .btn-card-delete {
height: 2.375rem;
width: 2.375rem;
font-size: 0;
background-color: rgba(0, 0, 0, 0) !important;
border-color: rgba(0, 0, 0, 0) !important;
padding: 0;
justify-content: center;
display: inline-flex;
align-items: center
}
.page-user-payments .lyra-registered-cards-wrapper .btn-card-delete:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-user-payments .lyra-registered-cards-wrapper .btn-card-delete:before {
color: #ccd2d9 !important
}
.page-user-payments .lyra-registered-cards-wrapper .btn-card-delete:hover {
background-color: #c50808 !important
}
.page-user-payments .lyra-registered-cards-wrapper .btn-card-delete:hover:before {
color: #fff !important
}
.credit-list,
.gift-card-list {
border-radius: .375rem;
padding: 1.5rem;
background-color: #fff;
border: 1px solid #dee2e6
}
.credit-list li,
.gift-card-list li {
display: flex;
justify-content: space-between;
font-size: .75rem
}
.credit-list li span,
.gift-card-list li span {
padding: .5rem 1rem;
flex: 0 0 6.25rem;
border-radius: .5rem;
flex: 0 0 6.25rem;
margin-left: .5rem;
display: flex;
align-items: center
}
.credit-list li span:first-child,
.gift-card-list li span:first-child {
margin-left: 0;
flex: 1
}
.credit-list-header,
.gift-card-list-header {
color: #76818d
}
.credit-list-item,
.gift-card-list-item {
margin-bottom: .5rem
}
.credit-list-item span,
.gift-card-list-item span {
background-color: #f6f8f9
}
@media(min-width:992px) {
.gift-card-list-header span:last-child,
.gift-card-list-item span:last-child {
flex: 0 0 15rem;
justify-content: center
}
}
@media(max-width:767.98px) {
.gift-card-list-item span {
flex: 0 0 100% !important;
margin-left: 0 !important
}
}
.block-hubber-rib-manager,
.block-hubber-multi-payment-credit-provider-user-edit,
.block-hubber-multi-payment-gift-card-provider-user-edit,
.page-user-payments .block-system-main-block {
margin-left: auto;
margin-right: auto;
margin-bottom: 3rem
}
@media(min-width:992px) {
.block-hubber-rib-manager,
.block-hubber-multi-payment-credit-provider-user-edit,
.block-hubber-multi-payment-gift-card-provider-user-edit,
.page-user-payments .block-system-main-block {
max-width: 100%;
margin-left: 0
}
}
@media(min-width:1200px) {
.block-hubber-rib-manager,
.block-hubber-multi-payment-credit-provider-user-edit,
.block-hubber-multi-payment-gift-card-provider-user-edit,
.page-user-payments .block-system-main-block {
max-width: calc(100% - 9rem)
}
}
.block-hubber-rib-manager .block-description {
font-size: 1rem;
margin-left: 1rem
}
@media(max-width:767.98px) {
.block-hubber-rib-manager .block-description {
font-size: .75rem
}
}
.block-hubber-rib-manager [class^=rib-form] .radio-button-list {
margin-bottom: 1rem
}
.block-hubber-rib-manager .block-form-wrapper {
border-radius: .375rem;
padding: 1.5rem;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 0 4px rgba(0, 0, 0, .03)
}
.block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item .list-rib-item-name {
font-weight: 500
}
@media(max-width:991.98px) {
.block-hubber-rib-manager .block-form-wrapper {
text-align: center
}
.block-hubber-rib-manager .block-form-wrapper #container_form_new_rib,
.block-hubber-rib-manager .block-form-wrapper .list-rib {
text-align: left
}
}
.block-hubber-rib-manager .btn-add-new {
margin-top: .5rem;
padding-left: 1rem;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.block-hubber-rib-manager .btn-add-new:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.block-hubber-rib-manager .list-rib li {
position: relative
}
.block-hubber-rib-manager .list-rib li .list-rib-item>div:not(:last-child) {
flex-basis: 10%
}
@media(max-width:1199.98px) {
.block-hubber-rib-manager .list-rib li:last-child .list-rib-item {
margin-bottom: 1rem
}
}
@media(min-width:992px) {
.block-hubber-rib-manager .list-rib li .list-rib-item {
padding-right: 10rem
}
}
@media(max-width:767.98px) {
.block-hubber-rib-manager .list-rib li .list-rib-item {
align-items: flex-start
}
}
@media(min-width:992px) {
.block-hubber-rib-manager .list-rib li [class*=-weight] {
flex: 0;
text-align: right
}
}
.block-hubber-rib-manager .list-rib-header {
font-size: 11px;
padding: .5rem 1rem;
display: flex;
align-items: center;
margin-right: 5.5rem;
justify-content: space-between
}
@media(min-width:768px) {
.block-hubber-rib-manager .list-rib-header {
display: none
}
}
.block-hubber-rib-manager .list-rib-item {
font-size: .875rem;
margin-bottom: .5rem;
font-weight: 600;
padding: .78rem 1rem
}
@media(min-width:1440px) {
.block-hubber-rib-manager .list-rib-item {
border-radius: .375rem;
background-color: #f6f8f9;
display: flex;
align-items: center;
margin-right: 5.5rem;
justify-content: space-between
}
}
@media(max-width:767.98px) {
.block-hubber-rib-manager .list-rib-item {
margin-bottom: 3rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid #dee2e6
}
.block-hubber-rib-manager .list-rib-item .item-with-bg {
padding: 1rem;
border-radius: .375rem;
background-color: #f6f8f9;
margin-top: 2.5rem;
position: relative
}
.block-hubber-rib-manager .list-rib-item .item-with-bg:before {
content: attr(data-title);
font-size: 11px;
color: #76818d;
font-weight: normal;
position: absolute;
top: -1.5rem;
left: 0
}
}
.block-hubber-rib-manager .list-rib-item-weight {
border-radius: 2px;
background: #64bf18;
padding: 4px 4px 3px;
color: #fff;
font-size: .6875rem;
font-style: normal;
font-weight: 500;
line-height: 8px;
letter-spacing: .55px;
text-transform: uppercase;
font-family: "Bebas Neue";
flex: 0
}
.block-hubber-rib-manager .list-rib-item-weight:empty {
display: none
}
@media(max-width:1199.98px) {
.block-hubber-rib-manager .list-rib-item-weight {
height: 1rem
}
}
@media(max-width:991.98px) {
.block-hubber-rib-manager .list-rib-item-weight {
margin-top: 1rem
}
}
.block-hubber-rib-manager .list-rib-item-action {
display: flex;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%)
}
.block-hubber-rib-manager .list-rib-item-action .btn {
font-size: 0;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none !important;
height: 3rem;
width: 3rem;
border-radius: 8px !important;
border: 1px solid #e2e5e8;
margin-left: 8px
}
.block-hubber-rib-manager .list-rib-item-action .btn:before {
font-family: "hubber8";
font-size: 1.5rem;
color: #76818d;
line-height: 1
}
.block-hubber-rib-manager .list-rib-item-action .btn-edit:before {
content: ""
}
.block-hubber-rib-manager .list-rib-item-action .btn-delete:before {
content: ""
}
.block-hubber-rib-manager .radio {
display: flex
}
.block-hubber-rib-manager .radio input {
margin-right: .5rem;
background-color: #fff;
display: inline-flex
}
.block-hubber-rib-manager .radio .custom-radio {
margin-right: 1.5rem;
display: flex;
align-items: baseline
}
.block-hubber-rib-manager .radio .custom-radio .custom-control-label {
font-size: .75rem;
line-height: 2.2
}
.block-hubber-rib-manager .radio .custom-radio .custom-control-label:after {
margin: 0 !important
}
.block-hubber-rib-manager .layout-user-resale-form div#block-payement [id*=edit-rib] .rib-line {
margin-top: 1rem;
background-color: rgba(0, 0, 0, 0)
}
.block-hubber-rib-manager #edit-payment-method legend .fieldset-legend {
display: none
}
.block-hubber-rib-manager form.bank-info-form div.js-form-item.form-type-textfield::after {
background: linear-gradient(0deg, #FBFBFC 75%, transparent 75%) !important;
top: -4px !important;
padding: 0 !important;
line-height: 1 !important
}
.block-hubber-rib-manager form.bank-info-form div.js-form-item.form-type-textfield:has(input:focus)::after {
background: linear-gradient(0deg, #FFFFFF 75%, transparent 75%) !important
}
@media(max-width:767.98px) {
.block-hubber-rib-manager #page-wrapper #content .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item {
align-items: stretch;
flex-direction: column
}
}
.block-hubber-rib-manager #page-wrapper form.user-resale-form div.js-form-item.form-type-select {
background-color: rgba(0, 0, 0, 0);
padding: 0
}
.block-hubber-rib-manager #page-wrapper form.user-resale-form div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-selection__rendered[title]:not([title=""])):has(select) label {
background: #fff;
top: -0.5rem;
left: .5rem
}
.block-hubber-rib-manager form.user-resale-form #block-payement [id*=edit-rib] label span {
font-size: inherit
}
.block-hubber-rib-manager div#block-payement [id*=edit-rib] {
padding-bottom: 0;
background-color: rgba(0, 0, 0, 0);
margin-bottom: 0;
padding: 0
}
.block-hubber-rib-manager div#block-payement [id*=edit-rib] .select2 .select2-selection__rendered {
padding: 0 1rem
}
.block-hubber-rib-manager form[class^=rib-form] .form-item-bic {
flex: 1
}
.block-hubber-rib-manager div#block-payment [id*=edit-rib-saved] {
margin-top: 1.5rem
}
.block-hubber-rib-manager #block-payement .form-group {
margin-bottom: 0
}
.block-hubber-rib-manager #block-payement [id*=edit-rib] .form-item-save-1 {
width: 100%;
margin-top: .5rem
}
.block-hubber-rib-manager #block-payement [id*=edit-rib] .form-item-save-1 .form-check-label span {
font-size: 1rem
}
.block-hubber-rib-manager ul.price-summary {
margin: 0;
width: 100%
}
.block-hubber-rib-manager #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
.block-hubber-rib-manager #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) label {
background: linear-gradient(to bottom, transparent 48%, white 48%)
}
.block-hubber-rib-manager #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) label {
text-transform: lowercase
}
.block-hubber-rib-manager #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) label span:first-letter {
text-transform: uppercase
}
.block-hubber-rib-manager [class^=rib-form],
.block-hubber-rib-manager .rib-line {
padding: 1rem;
border-radius: .375rem;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: .5rem
}
.block-hubber-rib-manager [class^=rib-form]:not(.rib-form-actions-wrapper):before,
.block-hubber-rib-manager .rib-line:not(.rib-form-actions-wrapper):before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--hb-cta-primary);
border-radius: .375rem;
opacity: .1
}
.block-hubber-rib-manager [class^=rib-form]>*,
.block-hubber-rib-manager .rib-line>* {
position: relative
}
.block-hubber-rib-manager [class^=rib-form].valid,
.block-hubber-rib-manager .rib-line.valid {
background-color: #fff
}
.block-hubber-rib-manager [class^=rib-form] .price-summary,
.block-hubber-rib-manager .rib-line .price-summary {
margin-bottom: 0
}
.block-hubber-rib-manager [class^=rib-form] .css-rib-block,
.block-hubber-rib-manager .rib-line .css-rib-block {
margin-bottom: 1.5rem
}
.block-hubber-rib-manager [class^=rib-form] .rib-form-actions-wrapper,
.block-hubber-rib-manager .rib-line .rib-form-actions-wrapper {
padding: 0
}
@media(min-width:992px) {
.block-hubber-rib-manager [class^=rib-form] .rib-form-actions-wrapper,
.block-hubber-rib-manager .rib-line .rib-form-actions-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row
}
}
.block-hubber-rib-manager [class^=rib-form] .rib-form-actions-wrapper .form-item-principal,
.block-hubber-rib-manager .rib-line .rib-form-actions-wrapper .form-item-principal {
display: flex;
align-items: center;
margin-bottom: 0
}
@media(max-width:991.98px) {
.block-hubber-rib-manager [class^=rib-form] .rib-form-actions-wrapper .form-actions,
.block-hubber-rib-manager .rib-line .rib-form-actions-wrapper .form-actions {
display: flex;
flex-direction: column-reverse;
align-items: center;
gap: 1rem;
margin-top: 1rem;
width: 100%
}
.block-hubber-rib-manager [class^=rib-form] .rib-form-actions-wrapper .form-actions .button,
.block-hubber-rib-manager .rib-line .rib-form-actions-wrapper .form-actions .button {
width: 100%
}
}
.block-hubber-rib-manager [class^=rib-form] .rib-form-actions-wrapper .js-cancel-rib,
.block-hubber-rib-manager .rib-line .rib-form-actions-wrapper .js-cancel-rib {
color: initial;
text-decoration: underline;
margin-inline-end: .75rem
}
@media(max-width:991.98px) {
.block-hubber-rib-manager [class^=rib-form] .rib-form-actions-wrapper .js-cancel-rib,
.block-hubber-rib-manager .rib-line .rib-form-actions-wrapper .js-cancel-rib {
margin: 0;
width: 100%;
text-align: center
}
}
.block-hubber-rib-manager [class^=rib-form] .form-group label,
.block-hubber-rib-manager .rib-line .form-group label {
font-size: 11px;
font-weight: normal;
text-transform: none
}
.block-hubber-rib-manager [class^=rib-form] .form-group label:after,
.block-hubber-rib-manager .rib-line .form-group label:after {
display: none
}
.block-hubber-rib-manager [class^=rib-form] .form-group .form-control,
.block-hubber-rib-manager .rib-line .form-group .form-control {
font-size: .875rem;
font-weight: 600
}
.block-hubber-rib-manager [class^=rib-form] .form-group .form-control::placeholder,
.block-hubber-rib-manager .rib-line .form-group .form-control::placeholder {
font-size: .875rem
}
.block-hubber-rib-manager [class^=rib-form] .form-group .form-submit,
.block-hubber-rib-manager .rib-line .form-group .form-submit {
height: 2.375rem;
font-size: .875rem;
padding-top: 0;
padding-bottom: 0;
margin-left: auto
}
.block-hubber-rib-manager [class^=rib-form] .form-check:not(.custom-switch),
.block-hubber-rib-manager .rib-line .form-check:not(.custom-switch) {
padding-left: 1.75rem
}
@media(max-width:991.98px) {
.block-hubber-rib-manager [class^=rib-form] .form-check:not(.custom-switch),
.block-hubber-rib-manager .rib-line .form-check:not(.custom-switch) {
height: 2rem
}
}
.block-hubber-rib-manager [class^=rib-form] .form-check:not(.custom-switch) .form-check:checked+label,
.block-hubber-rib-manager .rib-line .form-check:not(.custom-switch) .form-check:checked+label {
color: #1882ff
}
.block-hubber-rib-manager [class^=rib-form] .form-check:not(.custom-switch) .form-check-label,
.block-hubber-rib-manager .rib-line .form-check:not(.custom-switch) .form-check-label {
font-size: .6875rem;
line-height: 1.25rem
}
.block-hubber-rib-manager [class^=rib-form] .form-check:not(.custom-switch) .form-check-label:before,
.block-hubber-rib-manager .rib-line .form-check:not(.custom-switch) .form-check-label:before {
height: 1.25rem;
width: 1.25rem
}
.block-hubber-rib-manager [class^=rib-form] .form-check:not(.custom-switch) .form-check-label:after,
.block-hubber-rib-manager .rib-line .form-check:not(.custom-switch) .form-check-label:after {
left: -2px;
line-height: 1.25rem
}
.block-hubber-rib-manager [class^=rib-form] .form-actions,
.block-hubber-rib-manager .rib-line .form-actions {
display: flex;
align-items: center
}
.block-hubber-rib-manager [class^=rib-form] .form-actions .button,
.block-hubber-rib-manager .rib-line .form-actions .button {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.block-hubber-rib-manager [class^=rib-form] .form-actions .button:before,
.block-hubber-rib-manager .rib-line .form-actions .button:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:991.98px) {
.block-hubber-rib-manager [class^=rib-form] .form-actions,
.block-hubber-rib-manager .rib-line .form-actions {
flex-direction: column-reverse
}
.block-hubber-rib-manager [class^=rib-form] .form-actions .btn,
.block-hubber-rib-manager .rib-line .form-actions .btn {
width: 100%;
margin-bottom: 1.5rem;
margin-top: 1rem
}
}
.block-hubber-rib-manager [class^=rib-form] .form-actions .js-cancel-rib,
.block-hubber-rib-manager .rib-line .form-actions .js-cancel-rib {
color: initial;
font-size: .75rem;
text-decoration: underline
}
@media(min-width:992px) {
.block-hubber-rib-manager [class^=rib-form] .form-actions .js-cancel-rib,
.block-hubber-rib-manager .rib-line .form-actions .js-cancel-rib {
margin-right: 1.5rem
}
}
@media(min-width:992px) {
.block-hubber-rib-manager [class^=rib-form] .form-group,
.block-hubber-rib-manager .rib-line .form-group {
margin-bottom: 0
}
.block-hubber-rib-manager [class^=rib-form] .css-rib-block,
.block-hubber-rib-manager [class^=rib-form],
.block-hubber-rib-manager .rib-line .css-rib-block,
.block-hubber-rib-manager .rib-line {
display: flex;
flex-wrap: wrap;
align-items: flex-end
}
.block-hubber-rib-manager [class^=rib-form] .css-rib-block .js-form-item,
.block-hubber-rib-manager [class^=rib-form] .js-form-item,
.block-hubber-rib-manager .rib-line .css-rib-block .js-form-item,
.block-hubber-rib-manager .rib-line .js-form-item {
width: 24.5%
}
.block-hubber-rib-manager [class^=rib-form] .css-rib-block .js-form-item[class*=form-item-other],
.block-hubber-rib-manager [class^=rib-form] .js-form-item[class*=form-item-other],
.block-hubber-rib-manager .rib-line .css-rib-block .js-form-item[class*=form-item-other],
.block-hubber-rib-manager .rib-line .js-form-item[class*=form-item-other] {
flex: 0 0 100%
}
.block-hubber-rib-manager [class^=rib-form] .css-rib-block,
.block-hubber-rib-manager .rib-line .css-rib-block {
display: flex;
flex-wrap: wrap;
width: 100%
}
}
@media(min-width:992px)and (min-width:992px) {
.block-hubber-rib-manager [class^=rib-form] .css-rib-block [class*=-name],
.block-hubber-rib-manager .rib-line .css-rib-block [class*=-name] {
flex: 1
}
.block-hubber-rib-manager [class^=rib-form] .css-rib-block .form-item-bic,
.block-hubber-rib-manager .rib-line .css-rib-block .form-item-bic {
flex: 0 0 10rem
}
}
.block-hubber-rib-manager [class^=rib-form] fieldset,
.block-hubber-rib-manager [class^=rib-form] .form-check,
.block-hubber-rib-manager .rib-line fieldset,
.block-hubber-rib-manager .rib-line .form-check {
margin-right: 1rem
}
.block-hubber-rib-manager [class^=rib-form] .form-item-bic,
.block-hubber-rib-manager .rib-line .form-item-bic {
flex: 0 0 11.5rem;
margin-right: 0
}
.block-hubber-rib-manager [class^=rib-form] {
display: inline-flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%
}
.bank-info-form .css-rib-block {
display: flex;
gap: .5rem;
align-items: flex-end;
margin-bottom: 1rem;
flex-wrap: wrap;
justify-content: space-between
}
.bank-info-form .css-rib-block .form-item-other {
flex: 0 0 100%
}
.bank-info-form .css-rib-block>fieldset {
display: flex;
flex-direction: column;
align-items: flex-start
}
@media(min-width:992px) {
.bank-info-form .css-rib-block .form-item-bic {
flex: 0 0 8rem
}
.bank-info-form .css-rib-block [class*=-label] {
flex: 0 0 20%;
min-width: 20%;
display: block !important
}
.bank-info-form .css-rib-block [class*=-name] {
flex: 0 0 10rem
}
.bank-info-form .css-rib-block [class*=-iban] {
flex: 0 0 17rem
}
.bank-info-form .css-rib-block [class*=-bic] {
flex: 0 0 6rem
}
.bank-info-form .css-rib-block [class*=-other] {
flex-basis: 100%
}
}
@media(max-width:991.98px) {
.bank-info-form .form-item-bic {
flex: 1
}
}
.bank-info-form .form-group {
margin-bottom: 0
}
@media(min-width:992px) {
[id*=container-form-edit-rib] {
margin-right: -5rem;
margin-bottom: 1rem
}
}
[id*=container-form-edit-rib] {
padding: .75rem;
position: relative
}
[id*=container-form-edit-rib]:before {
content: "";
position: absolute;
background: #1882ff;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: .5rem;
opacity: .1
}
[id*=container-form-edit-rib] .bank-info-form {
position: relative
}
[id*=container-form-edit-rib] [class*=-bic] {
flex: 1 0 8rem !important
}
button.adyen-checkout__applepay__button {
-webkit-appearance: -apple-pay-button !important;
border-radius: 5px
}
@media(max-width:767.98px) {
.page-user-payments #page-wrapper #content .PaylineWidget.pl-container-default .pl-wallet-layout .pl-wallets {
padding: 0
}
}
@media(max-width:767.98px) {
.page-user-payments #page-wrapper #content .PaylineWidget.pl-container-default .pl-pay-btn {
margin-top: 1rem
}
}
.page-user-payments #page-wrapper #content .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item-other {
flex-basis: 6%;
text-align: right
}
.page-user-payments #page-wrapper #content .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item-other:empty {
display: block;
flex: 0
}
@media(max-width:767.98px) {
.page-user-payments #page-wrapper #content .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item-other:empty {
display: none
}
}
.page-user-payments #page-wrapper #content .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item-weight:empty {
display: none
}
@media(max-width:767.98px) {
.page-user-payments #page-wrapper #content .block-hubber-rib-manager .block-form-wrapper ul.list-rib li {
position: relative;
border: none;
padding-bottom: 0
}
.page-user-payments #page-wrapper #content .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item-weight {
position: absolute;
bottom: 22px;
left: 0;
font-size: .75rem;
background: rgba(0, 0, 0, 0);
color: #64bf18;
text-transform: none
}
}
@media(max-width:767.98px) {
.page-user-payments #page-wrapper #content .block-hubber-rib-manager .block-form-wrapper {
padding: 1.5rem 1rem
}
}
.page-user-payments #page-wrapper #content .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item {
padding-top: .6rem;
padding-bottom: .6rem;
justify-content: space-between;
align-items: center
}
@media(max-width:767.98px) {
.page-user-payments #page-wrapper #content .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item {
padding: 0;
border-bottom: 1px solid #dee2e6;
padding-bottom: 4rem;
margin-bottom: 1rem;
flex-direction: column;
flex-wrap: wrap;
align-items: stretch
}
}
@media(max-width:767.98px) {
.page-user-payments #page-wrapper #content .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item-action {
right: 0;
bottom: 8px
}
.page-user-payments #page-wrapper #content .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item-action .btn-link {
border: none
}
}
@media(max-width:767.98px) {
.page-user-payments #page-wrapper #content .block-hubber-rib-manager [class^=rib-form] .form-check:not(.custom-switch) {
height: 1rem;
margin-top: 0rem
}
}
@media(max-width:767.98px) {
.page-user-payments #page-wrapper #content .block-hubber-rib-manager [class^=rib-form] .rib-form-actions-wrapper .form-actions {
margin-top: 1rem
}
}
@media(max-width:767.98px) {
.page-user-payments #page-wrapper #content .block-hubber-rib-manager [class^=rib-form] .form-actions .button.form-submit {
margin: 0
}
}
.page-user-payments #page-wrapper #content .block-hubber-rib-manager .block-form-wrapper .js-toggle-detail {
background-color: rgba(0, 0, 0, 0) !important;
border-color: rgba(0, 0, 0, 0) !important;
color: var(--hb-cta-primary) !important;
box-shadow: none !important;
padding-left: 0
}
@media(max-width:767.98px) {
.page-user-payments #page-wrapper #content .block-hubber-rib-manager .block-form-wrapper .js-toggle-detail {
justify-content: flex-start;
align-items: center;
height: auto
}
}
.page-user-payments #page-wrapper #content .block-hubber-rib-manager .block-form-wrapper .js-toggle-detail span {
text-decoration: underline;
font-weight: 400
}
.page-user-payments #page-wrapper #content form:not(.email-tfa-verify-code):not(:has(.filter)):not(.cart-summary-form) .css-rib-block .form-type-textfield:has(input:focus) label,
.page-user-payments #page-wrapper #content form:not(.email-tfa-verify-code):not(:has(.filter)):not(.cart-summary-form) .css-rib-block .form-type-textfield:has(input.is-not-empty) label {
background: linear-gradient(0deg, #FFFFFF 55%, rgba(var(--hb-cta-primary-rgb), 0.01) 55%)
}
.user-logged-in-address-book-add,
.user-logged-in-address-book-edit,
.path-webform,
.path-contact,
.page-user-register,
.page-user-profil {
background-color: #f7f9fa
}
.user-logged-in-address-book-add .form-wrapper.captcha summary,
.user-logged-in-address-book-edit .form-wrapper.captcha summary,
.path-webform .form-wrapper.captcha summary,
.path-contact .form-wrapper.captcha summary,
.page-user-register .form-wrapper.captcha summary,
.page-user-profil .form-wrapper.captcha summary {
font-size: 1.25rem;
text-align: center;
color: initial;
pointer-events: none
}
.user-logged-in-address-book-add .form-wrapper.captcha summary:after,
.user-logged-in-address-book-edit .form-wrapper.captcha summary:after,
.path-webform .form-wrapper.captcha summary:after,
.path-contact .form-wrapper.captcha summary:after,
.page-user-register .form-wrapper.captcha summary:after,
.page-user-profil .form-wrapper.captcha summary:after {
display: none
}
@media(min-width:992px) {
.user-logged-in-address-book-add [data-drupal-selector=edit-field-user-civility],
.user-logged-in-address-book-edit [data-drupal-selector=edit-field-user-civility],
.path-webform [data-drupal-selector=edit-field-user-civility],
.path-contact [data-drupal-selector=edit-field-user-civility],
.page-user-register [data-drupal-selector=edit-field-user-civility],
.page-user-profil [data-drupal-selector=edit-field-user-civility] {
width: 48%
}
}
.user-logged-in-address-book-add .form-wrapper:has(>[style*="display: none"]),
.user-logged-in-address-book-edit .form-wrapper:has(>[style*="display: none"]),
.path-webform .form-wrapper:has(>[style*="display: none"]),
.path-contact .form-wrapper:has(>[style*="display: none"]),
.page-user-register .form-wrapper:has(>[style*="display: none"]),
.page-user-profil .form-wrapper:has(>[style*="display: none"]) {
display: none
}
.user-logged-in-address-book-add .iti,
.user-logged-in-address-book-edit .iti,
.path-webform .iti,
.path-contact .iti,
.page-user-register .iti,
.page-user-profil .iti {
display: block
}
.user-logged-in-address-book-add .block-system-main-block,
.user-logged-in-address-book-edit .block-system-main-block,
.path-webform .block-system-main-block,
.path-contact .block-system-main-block,
.page-user-register .block-system-main-block,
.page-user-profil .block-system-main-block {
max-width: 40rem;
border-radius: .375rem;
background-color: #fff;
margin: 0 auto 3rem;
padding: 1.5rem;
border: 1px solid #dee2e6
}
@media(max-width:991.98px) {
.user-logged-in-address-book-add .block-system-main-block,
.user-logged-in-address-book-edit .block-system-main-block,
.path-webform .block-system-main-block,
.path-contact .block-system-main-block,
.page-user-register .block-system-main-block,
.page-user-profil .block-system-main-block {
max-width: 100%
}
}
.user-logged-in-address-book-add .block-system-main-block .form-wrapper,
.user-logged-in-address-book-edit .block-system-main-block .form-wrapper,
.path-webform .block-system-main-block .form-wrapper,
.path-contact .block-system-main-block .form-wrapper,
.page-user-register .block-system-main-block .form-wrapper,
.page-user-profil .block-system-main-block .form-wrapper {
margin-bottom: 1rem
}
.user-logged-in-address-book-add .block-system-main-block #edit-shipping-information-shipments-0-shipping-method-0-shipping-profile-address-0-address .address-container .js-form-item,
.user-logged-in-address-book-edit .block-system-main-block #edit-shipping-information-shipments-0-shipping-method-0-shipping-profile-address-0-address .address-container .js-form-item,
.path-webform .block-system-main-block #edit-shipping-information-shipments-0-shipping-method-0-shipping-profile-address-0-address .address-container .js-form-item,
.path-contact .block-system-main-block #edit-shipping-information-shipments-0-shipping-method-0-shipping-profile-address-0-address .address-container .js-form-item,
.page-user-register .block-system-main-block #edit-shipping-information-shipments-0-shipping-method-0-shipping-profile-address-0-address .address-container .js-form-item,
.page-user-profil .block-system-main-block #edit-shipping-information-shipments-0-shipping-method-0-shipping-profile-address-0-address .address-container .js-form-item {
margin-bottom: .75rem
}
@media(min-width:992px) {
.user-logged-in-address-book-add .address-country-code-container .country,
.user-logged-in-address-book-edit .address-country-code-container .country,
.path-webform .address-country-code-container .country,
.path-contact .address-country-code-container .country,
.page-user-register .address-country-code-container .country,
.page-user-profil .address-country-code-container .country {
width: 50%
}
}
.user-logged-in-address-book-add .password-strength__title,
.user-logged-in-address-book-add .password-confirm-message,
.user-logged-in-address-book-add #edit-pass--description,
.user-logged-in-address-book-edit .password-strength__title,
.user-logged-in-address-book-edit .password-confirm-message,
.user-logged-in-address-book-edit #edit-pass--description,
.path-webform .password-strength__title,
.path-webform .password-confirm-message,
.path-webform #edit-pass--description,
.path-contact .password-strength__title,
.path-contact .password-confirm-message,
.path-contact #edit-pass--description,
.page-user-register .password-strength__title,
.page-user-register .password-confirm-message,
.page-user-register #edit-pass--description,
.page-user-profil .password-strength__title,
.page-user-profil .password-confirm-message,
.page-user-profil #edit-pass--description {
font-size: .75rem;
color: #76818d
}
.user-logged-in-address-book-add .custom-control,
.user-logged-in-address-book-edit .custom-control,
.path-webform .custom-control,
.path-contact .custom-control,
.page-user-register .custom-control,
.page-user-profil .custom-control {
display: inline-block;
margin-right: 20px
}
.user-logged-in-address-book-add span.error,
.user-logged-in-address-book-edit span.error,
.path-webform span.error,
.path-contact span.error,
.page-user-register span.error,
.page-user-profil span.error {
color: red
}
.user-logged-in-address-book-add span.ok,
.user-logged-in-address-book-edit span.ok,
.path-webform span.ok,
.path-contact span.ok,
.page-user-register span.ok,
.page-user-profil span.ok {
color: green
}
.user-logged-in-address-book-add details summary::-webkit-details-marker,
.user-logged-in-address-book-edit details summary::-webkit-details-marker,
.path-webform details summary::-webkit-details-marker,
.path-contact details summary::-webkit-details-marker,
.page-user-register details summary::-webkit-details-marker,
.page-user-profil details summary::-webkit-details-marker {
display: none
}
.user-logged-in-address-book-add details summary,
.user-logged-in-address-book-edit details summary,
.path-webform details summary,
.path-contact details summary,
.page-user-register details summary,
.page-user-profil details summary {
font-size: 2rem;
color: #1882ff
}
.user-logged-in-address-book-add details[open] summary~*,
.user-logged-in-address-book-edit details[open] summary~*,
.path-webform details[open] summary~*,
.path-contact details[open] summary~*,
.page-user-register details[open] summary~*,
.page-user-profil details[open] summary~* {
animation: open .3s ease-in-out
}
.user-logged-in-address-book-add summary>.form-required::after,
.user-logged-in-address-book-edit summary>.form-required::after,
.path-webform summary>.form-required::after,
.path-contact summary>.form-required::after,
.page-user-register summary>.form-required::after,
.page-user-profil summary>.form-required::after {
display: none
}
@media(min-width:992px) {
.user-logged-in-address-book-add fieldset.form-item-pass fieldset,
.user-logged-in-address-book-edit fieldset.form-item-pass fieldset,
.path-webform fieldset.form-item-pass fieldset,
.path-contact fieldset.form-item-pass fieldset,
.page-user-register fieldset.form-item-pass fieldset,
.page-user-profil fieldset.form-item-pass fieldset {
width: 49%;
display: inline-block
}
.user-logged-in-address-book-add fieldset.form-item-pass fieldset:first-child,
.user-logged-in-address-book-edit fieldset.form-item-pass fieldset:first-child,
.path-webform fieldset.form-item-pass fieldset:first-child,
.path-contact fieldset.form-item-pass fieldset:first-child,
.page-user-register fieldset.form-item-pass fieldset:first-child,
.page-user-profil fieldset.form-item-pass fieldset:first-child {
float: left;
margin-right: 2%
}
.user-logged-in-address-book-add fieldset.form-item-pass small,
.user-logged-in-address-book-add fieldset.form-item-pass .small,
.user-logged-in-address-book-edit fieldset.form-item-pass small,
.user-logged-in-address-book-edit fieldset.form-item-pass .small,
.path-webform fieldset.form-item-pass small,
.path-webform fieldset.form-item-pass .small,
.path-contact fieldset.form-item-pass small,
.path-contact fieldset.form-item-pass .small,
.page-user-register fieldset.form-item-pass small,
.page-user-register fieldset.form-item-pass .small,
.page-user-profil fieldset.form-item-pass small,
.page-user-profil fieldset.form-item-pass .small {
float: left
}
}
@keyframes open {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.user-logged-in-address-book-add details summary,
.user-logged-in-address-book-edit details summary,
.path-webform details summary,
.path-contact details summary,
.page-user-register details summary,
.page-user-profil details summary {
width: 100%;
padding: .5rem 0;
position: relative;
cursor: pointer;
font-size: 1.3rem;
font-weight: 600;
list-style: none
}
.user-logged-in-address-book-add details summary:after,
.user-logged-in-address-book-edit details summary:after,
.path-webform details summary:after,
.path-contact details summary:after,
.page-user-register details summary:after,
.page-user-profil details summary:after {
content: "+";
color: #000;
position: absolute;
font-size: 1.75rem;
line-height: 0;
margin-top: .75rem;
right: 0;
font-weight: 200;
transform-origin: center;
transition: 200ms linear;
background-image: none
}
.user-logged-in-address-book-add details[open]>summary:after,
.user-logged-in-address-book-edit details[open]>summary:after,
.path-webform details[open]>summary:after,
.path-contact details[open]>summary:after,
.page-user-register details[open]>summary:after,
.page-user-profil details[open]>summary:after {
transform: rotate(135deg);
font-size: 2rem
}
.user-logged-in-address-book-add details summary,
.user-logged-in-address-book-edit details summary,
.path-webform details summary,
.path-contact details summary,
.page-user-register details summary,
.page-user-profil details summary {
outline: 0
}
.user-logged-in-address-book-add details p,
.user-logged-in-address-book-edit details p,
.path-webform details p,
.path-contact details p,
.page-user-register details p,
.page-user-profil details p {
font-size: .95rem;
margin: 0 0 1rem;
padding-top: 1rem
}
.user-logged-in-address-book-add .back-to-login,
.user-logged-in-address-book-add .form-actions,
.user-logged-in-address-book-edit .back-to-login,
.user-logged-in-address-book-edit .form-actions,
.path-webform .back-to-login,
.path-webform .form-actions,
.path-contact .back-to-login,
.path-contact .form-actions,
.page-user-register .back-to-login,
.page-user-register .form-actions,
.page-user-profil .back-to-login,
.page-user-profil .form-actions {
text-align: center
}
@media(max-width:991.98px) {
.user-logged-in-address-book-add .form-inline .form-group,
.user-logged-in-address-book-edit .form-inline .form-group,
.path-webform .form-inline .form-group,
.path-contact .form-inline .form-group,
.page-user-register .form-inline .form-group,
.page-user-profil .form-inline .form-group {
width: 30%;
flex: unset
}
}
.user-logged-in-address-book-add #edit-field-user-address-wrapper,
.user-logged-in-address-book-edit #edit-field-user-address-wrapper,
.path-webform #edit-field-user-address-wrapper,
.path-contact #edit-field-user-address-wrapper,
.page-user-register #edit-field-user-address-wrapper,
.page-user-profil #edit-field-user-address-wrapper {
overflow: hidden;
margin-bottom: 0;
width: 100%
}
@media(min-width:1200px) {
.user-logged-in-address-book-add #edit-field-user-address-wrapper [class*=-postal-code],
.user-logged-in-address-book-edit #edit-field-user-address-wrapper [class*=-postal-code],
.path-webform #edit-field-user-address-wrapper [class*=-postal-code],
.path-contact #edit-field-user-address-wrapper [class*=-postal-code],
.page-user-register #edit-field-user-address-wrapper [class*=-postal-code],
.page-user-profil #edit-field-user-address-wrapper [class*=-postal-code] {
flex: 1
}
}
.user-logged-in-address-book-add .register-terms-of-use,
.user-logged-in-address-book-edit .register-terms-of-use,
.path-webform .register-terms-of-use,
.path-contact .register-terms-of-use,
.page-user-register .register-terms-of-use,
.page-user-profil .register-terms-of-use {
font-size: .625rem;
color: #76818d;
margin-bottom: 2rem;
display: block;
text-align: justify
}
.user-logged-in-address-book-add .form-type-password,
.user-logged-in-address-book-edit .form-type-password,
.path-webform .form-type-password,
.path-contact .form-type-password,
.page-user-register .form-type-password,
.page-user-profil .form-type-password {
margin-bottom: 0
}
.user-logged-in-address-book-add .form-check,
.user-logged-in-address-book-edit .form-check,
.path-webform .form-check,
.path-contact .form-check,
.page-user-register .form-check,
.page-user-profil .form-check {
padding-left: 2.25rem
}
.user-logged-in-address-book-add .form-check .form-check-input,
.user-logged-in-address-book-edit .form-check .form-check-input,
.path-webform .form-check .form-check-input,
.path-contact .form-check .form-check-input,
.page-user-register .form-check .form-check-input,
.page-user-profil .form-check .form-check-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0;
margin-top: 0;
margin-left: 0
}
.user-logged-in-address-book-add .form-check .form-check-label,
.user-logged-in-address-book-edit .form-check .form-check-label,
.path-webform .form-check .form-check-label,
.path-contact .form-check .form-check-label,
.page-user-register .form-check .form-check-label,
.page-user-profil .form-check .form-check-label {
width: 100%
}
.user-logged-in-address-book-add .form-check .form-check-label:after,
.user-logged-in-address-book-edit .form-check .form-check-label:after,
.path-webform .form-check .form-check-label:after,
.path-contact .form-check .form-check-label:after,
.page-user-register .form-check .form-check-label:after,
.page-user-profil .form-check .form-check-label:after {
display: none
}
.user-logged-in-address-book-add .form-actions,
.user-logged-in-address-book-edit .form-actions,
.path-webform .form-actions,
.path-contact .form-actions,
.page-user-register .form-actions,
.page-user-profil .form-actions {
text-align: left
}
.user-logged-in-address-book-add .layout-main-wrapper .btn,
.user-logged-in-address-book-edit .layout-main-wrapper .btn,
.path-webform .layout-main-wrapper .btn,
.path-contact .layout-main-wrapper .btn,
.page-user-register .layout-main-wrapper .btn,
.page-user-profil .layout-main-wrapper .btn {
display: inline-flex;
align-items: center;
margin-right: .5rem;
margin-bottom: .75rem
}
.user-logged-in-address-book-add .layout-main-wrapper .btn:before,
.user-logged-in-address-book-edit .layout-main-wrapper .btn:before,
.path-webform .layout-main-wrapper .btn:before,
.path-contact .layout-main-wrapper .btn:before,
.page-user-register .layout-main-wrapper .btn:before,
.page-user-profil .layout-main-wrapper .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.user-logged-in-address-book-add .layout-main-wrapper .btn.js-hide,
.user-logged-in-address-book-edit .layout-main-wrapper .btn.js-hide,
.path-webform .layout-main-wrapper .btn.js-hide,
.path-contact .layout-main-wrapper .btn.js-hide,
.page-user-register .layout-main-wrapper .btn.js-hide,
.page-user-profil .layout-main-wrapper .btn.js-hide {
display: none !important
}
.user-logged-in-address-book-add #edit-field-user-civility>.custom-radio:not(last-child),
.user-logged-in-address-book-edit #edit-field-user-civility>.custom-radio:not(last-child),
.path-webform #edit-field-user-civility>.custom-radio:not(last-child),
.path-contact #edit-field-user-civility>.custom-radio:not(last-child),
.page-user-register #edit-field-user-civility>.custom-radio:not(last-child),
.page-user-profil #edit-field-user-civility>.custom-radio:not(last-child) {
position: relative
}
.user-logged-in-address-book-add #edit-field-user-civility>.custom-radio:not(last-child):after,
.user-logged-in-address-book-edit #edit-field-user-civility>.custom-radio:not(last-child):after,
.path-webform #edit-field-user-civility>.custom-radio:not(last-child):after,
.path-contact #edit-field-user-civility>.custom-radio:not(last-child):after,
.page-user-register #edit-field-user-civility>.custom-radio:not(last-child):after,
.page-user-profil #edit-field-user-civility>.custom-radio:not(last-child):after {
content: "";
display: block;
position: absolute;
top: .5rem;
bottom: .5rem;
right: 0;
width: 1px;
background-color: rgba(118, 129, 141, .1)
}
@media(min-width:992px) {
.user-logged-in-address-book-add .form-type-language-select,
.user-logged-in-address-book-edit .form-type-language-select,
.path-webform .form-type-language-select,
.path-contact .form-type-language-select,
.page-user-register .form-type-language-select,
.page-user-profil .form-type-language-select {
width: 50%
}
}
.user-logged-in-address-book-add .field--name-field-user-firstname,
.user-logged-in-address-book-add .field--name-field-user-lastname,
.user-logged-in-address-book-add .field--name-field-user-mobile,
.user-logged-in-address-book-add .field--name-field-user-birthday,
.user-logged-in-address-book-edit .field--name-field-user-firstname,
.user-logged-in-address-book-edit .field--name-field-user-lastname,
.user-logged-in-address-book-edit .field--name-field-user-mobile,
.user-logged-in-address-book-edit .field--name-field-user-birthday,
.path-webform .field--name-field-user-firstname,
.path-webform .field--name-field-user-lastname,
.path-webform .field--name-field-user-mobile,
.path-webform .field--name-field-user-birthday,
.path-contact .field--name-field-user-firstname,
.path-contact .field--name-field-user-lastname,
.path-contact .field--name-field-user-mobile,
.path-contact .field--name-field-user-birthday,
.page-user-register .field--name-field-user-firstname,
.page-user-register .field--name-field-user-lastname,
.page-user-register .field--name-field-user-mobile,
.page-user-register .field--name-field-user-birthday,
.page-user-profil .field--name-field-user-firstname,
.page-user-profil .field--name-field-user-lastname,
.page-user-profil .field--name-field-user-mobile,
.page-user-profil .field--name-field-user-birthday {
margin-bottom: 0
}
@media(min-width:992px) {
.user-logged-in-address-book-add .field--name-field-user-firstname,
.user-logged-in-address-book-add .field--name-field-user-lastname,
.user-logged-in-address-book-add .field--name-field-user-mobile,
.user-logged-in-address-book-add .field--name-field-user-birthday,
.user-logged-in-address-book-edit .field--name-field-user-firstname,
.user-logged-in-address-book-edit .field--name-field-user-lastname,
.user-logged-in-address-book-edit .field--name-field-user-mobile,
.user-logged-in-address-book-edit .field--name-field-user-birthday,
.path-webform .field--name-field-user-firstname,
.path-webform .field--name-field-user-lastname,
.path-webform .field--name-field-user-mobile,
.path-webform .field--name-field-user-birthday,
.path-contact .field--name-field-user-firstname,
.path-contact .field--name-field-user-lastname,
.path-contact .field--name-field-user-mobile,
.path-contact .field--name-field-user-birthday,
.page-user-register .field--name-field-user-firstname,
.page-user-register .field--name-field-user-lastname,
.page-user-register .field--name-field-user-mobile,
.page-user-register .field--name-field-user-birthday,
.page-user-profil .field--name-field-user-firstname,
.page-user-profil .field--name-field-user-lastname,
.page-user-profil .field--name-field-user-mobile,
.page-user-profil .field--name-field-user-birthday {
width: 50%;
display: inline-block
}
}
.user-logged-in-address-book-add [class*=-address-locality],
.user-logged-in-address-book-edit [class*=-address-locality],
.path-webform [class*=-address-locality],
.path-contact [class*=-address-locality],
.page-user-register [class*=-address-locality],
.page-user-profil [class*=-address-locality] {
float: left;
padding-right: 1.5rem
}
@media(min-width:992px) {
.user-logged-in-address-book-add [class*=-address-locality],
.user-logged-in-address-book-edit [class*=-address-locality],
.path-webform [class*=-address-locality],
.path-contact [class*=-address-locality],
.page-user-register [class*=-address-locality],
.page-user-profil [class*=-address-locality] {
width: 50%
}
}
.user-logged-in-address-book-add [class*=-address-locality] input.locality,
.user-logged-in-address-book-edit [class*=-address-locality] input.locality,
.path-webform [class*=-address-locality] input.locality,
.path-contact [class*=-address-locality] input.locality,
.page-user-register [class*=-address-locality] input.locality,
.page-user-profil [class*=-address-locality] input.locality {
max-width: unset
}
@media(max-width:991.98px) {
.user-logged-in-address-book-add .address-container-inline [class*=-address-locality],
.user-logged-in-address-book-edit .address-container-inline [class*=-address-locality],
.path-webform .address-container-inline [class*=-address-locality],
.path-contact .address-container-inline [class*=-address-locality],
.page-user-register .address-container-inline [class*=-address-locality],
.page-user-profil .address-container-inline [class*=-address-locality] {
float: none
}
}
@media(min-width:992px) {
.user-logged-in-address-book-add .address-container-inline,
.user-logged-in-address-book-edit .address-container-inline,
.path-webform .address-container-inline,
.path-contact .address-container-inline,
.page-user-register .address-container-inline,
.page-user-profil .address-container-inline {
float: left;
display: inline-flex;
margin-bottom: 0;
width: 50%
}
.user-logged-in-address-book-add .address-container-inline [class*=-address-locality],
.user-logged-in-address-book-add .address-container-inline .form-item-field-user-address-0-address-administrative-area+.form-item-field-user-address-0-address-postal-code,
.user-logged-in-address-book-edit .address-container-inline [class*=-address-locality],
.user-logged-in-address-book-edit .address-container-inline .form-item-field-user-address-0-address-administrative-area+.form-item-field-user-address-0-address-postal-code,
.path-webform .address-container-inline [class*=-address-locality],
.path-webform .address-container-inline .form-item-field-user-address-0-address-administrative-area+.form-item-field-user-address-0-address-postal-code,
.path-contact .address-container-inline [class*=-address-locality],
.path-contact .address-container-inline .form-item-field-user-address-0-address-administrative-area+.form-item-field-user-address-0-address-postal-code,
.page-user-register .address-container-inline [class*=-address-locality],
.page-user-register .address-container-inline .form-item-field-user-address-0-address-administrative-area+.form-item-field-user-address-0-address-postal-code,
.page-user-profil .address-container-inline [class*=-address-locality],
.page-user-profil .address-container-inline .form-item-field-user-address-0-address-administrative-area+.form-item-field-user-address-0-address-postal-code {
margin: 0 1.5rem;
padding-right: 0
}
}
@media(min-width:992px) {
.user-logged-in-address-book-add .field--name-field-user-firstname,
.user-logged-in-address-book-add .field--name-field-user-mobile,
.user-logged-in-address-book-edit .field--name-field-user-firstname,
.user-logged-in-address-book-edit .field--name-field-user-mobile,
.path-webform .field--name-field-user-firstname,
.path-webform .field--name-field-user-mobile,
.path-contact .field--name-field-user-firstname,
.path-contact .field--name-field-user-mobile,
.page-user-register .field--name-field-user-firstname,
.page-user-register .field--name-field-user-mobile,
.page-user-profil .field--name-field-user-firstname,
.page-user-profil .field--name-field-user-mobile {
float: left;
padding-right: .75rem
}
.user-logged-in-address-book-add .field--name-field-user-lastname,
.user-logged-in-address-book-add .field--name-field-user-birthday,
.user-logged-in-address-book-edit .field--name-field-user-lastname,
.user-logged-in-address-book-edit .field--name-field-user-birthday,
.path-webform .field--name-field-user-lastname,
.path-webform .field--name-field-user-birthday,
.path-contact .field--name-field-user-lastname,
.path-contact .field--name-field-user-birthday,
.page-user-register .field--name-field-user-lastname,
.page-user-register .field--name-field-user-birthday,
.page-user-profil .field--name-field-user-lastname,
.page-user-profil .field--name-field-user-birthday {
padding-left: .75rem
}
.user-logged-in-address-book-add .field--name-field-user-phone,
.user-logged-in-address-book-edit .field--name-field-user-phone,
.path-webform .field--name-field-user-phone,
.path-contact .field--name-field-user-phone,
.page-user-register .field--name-field-user-phone,
.page-user-profil .field--name-field-user-phone {
width: 50%;
padding-right: .75rem
}
.user-logged-in-address-book-add .locality,
.user-logged-in-address-book-edit .locality,
.path-webform .locality,
.path-contact .locality,
.page-user-register .locality,
.page-user-profil .locality {
max-width: 14rem
}
}
.user-logged-in-address-book-add .block-page-title-block .title,
.user-logged-in-address-book-edit .block-page-title-block .title,
.page-user-profil .block-page-title-block .title {
text-align: left !important;
max-width: 40rem
}
@media(max-width:1199.98px) {
.user-logged-in-address-book-add .block-page-title-block .title,
.user-logged-in-address-book-edit .block-page-title-block .title,
.page-user-profil .block-page-title-block .title {
margin: auto
}
}
@media(max-width:991.98px) {
.user-logged-in-address-book-add .block-page-title-block .title,
.user-logged-in-address-book-edit .block-page-title-block .title,
.page-user-profil .block-page-title-block .title {
max-width: 100%
}
}
.user-logged-in-address-book-add .user-change-password,
.user-logged-in-address-book-add .user-change-email,
.user-logged-in-address-book-add .user-update-account,
.user-logged-in-address-book-edit .user-change-password,
.user-logged-in-address-book-edit .user-change-email,
.user-logged-in-address-book-edit .user-update-account,
.page-user-profil .user-change-password,
.page-user-profil .user-change-email,
.page-user-profil .user-update-account {
max-width: 40rem;
margin: 0 auto 1.5rem;
padding: 1.5rem;
background-color: #fff;
border-radius: .375rem;
border: 1px solid #dee2e6
}
@media(max-width:991.98px) {
.user-logged-in-address-book-add .user-change-password,
.user-logged-in-address-book-add .user-change-email,
.user-logged-in-address-book-add .user-update-account,
.user-logged-in-address-book-edit .user-change-password,
.user-logged-in-address-book-edit .user-change-email,
.user-logged-in-address-book-edit .user-update-account,
.page-user-profil .user-change-password,
.page-user-profil .user-change-email,
.page-user-profil .user-update-account {
max-width: 100%
}
}
.user-logged-in-address-book-add .user-change-password a.btn,
.user-logged-in-address-book-add .user-change-email a.btn,
.user-logged-in-address-book-add .user-update-account a.btn,
.user-logged-in-address-book-edit .user-change-password a.btn,
.user-logged-in-address-book-edit .user-change-email a.btn,
.user-logged-in-address-book-edit .user-update-account a.btn,
.page-user-profil .user-change-password a.btn,
.page-user-profil .user-change-email a.btn,
.page-user-profil .user-update-account a.btn {
width: 100%;
justify-content: center;
align-items: center
}
.user-logged-in-address-book-add .user-change-password .block-title,
.user-logged-in-address-book-add .user-change-email .block-title,
.user-logged-in-address-book-add .user-update-account .block-title,
.user-logged-in-address-book-edit .user-change-password .block-title,
.user-logged-in-address-book-edit .user-change-email .block-title,
.user-logged-in-address-book-edit .user-update-account .block-title,
.page-user-profil .user-change-password .block-title,
.page-user-profil .user-change-email .block-title,
.page-user-profil .user-update-account .block-title {
font-size: .875rem;
text-transform: uppercase;
margin-bottom: 1rem
}
.user-logged-in-address-book-add .user-change-password .btn:before,
.user-logged-in-address-book-edit .user-change-password .btn:before,
.page-user-profil .user-change-password .btn:before {
content: ""
}
.user-logged-in-address-book-add .user-change-email .content .block-title,
.user-logged-in-address-book-edit .user-change-email .content .block-title,
.page-user-profil .user-change-email .content .block-title {
margin-bottom: 0
}
.user-logged-in-address-book-add .user-change-email .content .current-email,
.user-logged-in-address-book-edit .user-change-email .content .current-email,
.page-user-profil .user-change-email .content .current-email {
font-size: .75rem;
color: #76818d;
display: block;
margin: .5rem 0;
line-height: 1
}
.user-logged-in-address-book-add .user-change-email .btn,
.user-logged-in-address-book-edit .user-change-email .btn,
.page-user-profil .user-change-email .btn {
width: 100%;
justify-content: center;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.user-logged-in-address-book-add .user-change-email .btn:before,
.user-logged-in-address-book-edit .user-change-email .btn:before,
.page-user-profil .user-change-email .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.user-logged-in-address-book-add .menu--menu-logout,
.user-logged-in-address-book-edit .menu--menu-logout,
.page-user-profil .menu--menu-logout {
display: none
}
@media(min-width:1200px) {
.user-logged-in-address-book-add .main-content,
.user-logged-in-address-book-edit .main-content,
.page-user-profil .main-content {
padding-left: 2rem
}
.user-logged-in-address-book-add .block-system-main-block,
.user-logged-in-address-book-edit .block-system-main-block,
.page-user-profil .block-system-main-block {
float: left;
margin-right: 1.5rem;
max-width: calc(100% - 25rem)
}
.user-logged-in-address-book-add .user-change-password,
.user-logged-in-address-book-add .user-change-email,
.user-logged-in-address-book-add .user-update-account,
.user-logged-in-address-book-edit .user-change-password,
.user-logged-in-address-book-edit .user-change-email,
.user-logged-in-address-book-edit .user-update-account,
.page-user-profil .user-change-password,
.page-user-profil .user-change-email,
.page-user-profil .user-update-account {
float: left;
min-width: 23rem;
max-width: 100%
}
.user-logged-in-address-book-add .user-change-password a.btn,
.user-logged-in-address-book-add .user-change-email a.btn,
.user-logged-in-address-book-add .user-update-account a.btn,
.user-logged-in-address-book-edit .user-change-password a.btn,
.user-logged-in-address-book-edit .user-change-email a.btn,
.user-logged-in-address-book-edit .user-update-account a.btn,
.page-user-profil .user-change-password a.btn,
.page-user-profil .user-change-email a.btn,
.page-user-profil .user-update-account a.btn {
width: 100%;
justify-content: center;
align-items: center
}
.user-logged-in-address-book-add .sidebar .menu--menu-logout,
.user-logged-in-address-book-edit .sidebar .menu--menu-logout,
.page-user-profil .sidebar .menu--menu-logout {
display: block
}
}
.user-logged-in-address-book-add .address-container-inline,
.user-logged-in-address-book-edit .address-container-inline {
width: 100%;
display: flex;
justify-content: space-between
}
.user-logged-in-address-book-add .address-container-inline .js-form-item-address-0-address-sorting-code,
.user-logged-in-address-book-edit .address-container-inline .js-form-item-address-0-address-sorting-code {
padding-top: .375rem
}
@media(min-width:992px) {
.user-logged-in-address-book-add .address-container-inline .js-form-item-address-0-address-family-name,
.user-logged-in-address-book-edit .address-container-inline .js-form-item-address-0-address-family-name {
padding-left: .75rem;
width: 50%
}
.user-logged-in-address-book-add .address-container-inline .js-form-item-address-0-address-given-name,
.user-logged-in-address-book-edit .address-container-inline .js-form-item-address-0-address-given-name {
padding-right: .75rem;
width: 50%
}
}
.user-logged-in-address-book-add .js-form-item-address-0-address-address-line1,
.user-logged-in-address-book-edit .js-form-item-address-0-address-address-line1 {
width: 100%
}
.page-user-register .block-page-title-block {
text-align: center;
color: #000
}
.page-user-register .form-type-password .shwpd {
margin-top: -1.875rem;
margin-right: .75rem
}
@media(max-width:991.98px) {
#edit-field-user-civility:lang(en) {
flex-wrap: wrap
}
#edit-field-user-civility:lang(en) .form-item-field-user-civility:nth-child(3) {
flex: 1
}
#edit-field-user-civility:lang(en) .form-item-field-user-civility:nth-child(3) label {
white-space: nowrap
}
.user-logged-in-address-book-add .address-container-inline,
.user-logged-in-address-book-edit .address-container-inline {
flex-direction: column
}
}
@media(min-width:992px) {
.path-user:not(.user-dashboard):not(.page-user-reset) .main-content {
padding-left: 3rem;
padding-right: 3rem;
overflow: hidden
}
.address-country-code-container {
float: left;
width: 50%;
display: inline-flex
}
.address-country-code-container .country {
width: 100% !important
}
}
.user-form,
.user-register-form {
display: flex;
flex-wrap: wrap;
gap: 1.5rem
}
.user-form .form-wrapper,
.user-form .form-group,
.user-form .register-terms-of-use,
.user-form .address-container .js-form-item,
.user-register-form .form-wrapper,
.user-register-form .form-group,
.user-register-form .register-terms-of-use,
.user-register-form .address-container .js-form-item {
margin-bottom: 0 !important
}
.user-form .form-type-select:has(select.required) .select2-container,
.user-register-form .form-type-select:has(select.required) .select2-container {
position: relative
}
.user-form .form-type-select:has(select.required) .select2-container:after,
.user-register-form .form-type-select:has(select.required) .select2-container:after {
content: "*";
position: absolute;
right: 8px;
top: -1px;
display: block;
color: #76818d;
font-size: 1rem;
line-height: .625rem;
font-weight: 400;
z-index: 5;
background: #fff
}
.user-form .form-type-select:has(select.required) .select2-container.select2-container--disabled:after,
.user-register-form .form-type-select:has(select.required) .select2-container.select2-container--disabled:after {
background: #e9ecef
}
.user-form [data-drupal-selector=edit-account],
.user-form [data-drupal-selector=edit-field-user-type-wrapper],
.user-form [data-drupal-selector=edit-field-company-wrapper],
.user-form [data-drupal-selector=edit-field-user-siret-wrapper],
.user-form [data-drupal-selector=edit-field-user-civility-wrapper],
.user-form [data-drupal-selector=edit-field-user-mobile-wrapper] .iti,
.user-form [data-drupal-selector=edit-field-user-phone-wrapper] .iti,
.user-form [data-drupal-selector=edit-language],
.user-form [data-drupal-selector=edit-field-last-password-reset-wrapper],
.user-form [class^=fieldset-address-line],
.user-form .field--widget-boolean-checkbox,
.user-form .register-terms-of-use,
.user-register-form [data-drupal-selector=edit-account],
.user-register-form [data-drupal-selector=edit-field-user-type-wrapper],
.user-register-form [data-drupal-selector=edit-field-company-wrapper],
.user-register-form [data-drupal-selector=edit-field-user-siret-wrapper],
.user-register-form [data-drupal-selector=edit-field-user-civility-wrapper],
.user-register-form [data-drupal-selector=edit-field-user-mobile-wrapper] .iti,
.user-register-form [data-drupal-selector=edit-field-user-phone-wrapper] .iti,
.user-register-form [data-drupal-selector=edit-language],
.user-register-form [data-drupal-selector=edit-field-last-password-reset-wrapper],
.user-register-form [class^=fieldset-address-line],
.user-register-form .field--widget-boolean-checkbox,
.user-register-form .register-terms-of-use {
width: 100% !important
}
.user-form [data-drupal-selector=edit-field-user-firstname-wrapper],
.user-form [data-drupal-selector=edit-field-user-lastname-wrapper],
.user-form [data-drupal-selector=edit-field-user-birthday-wrapper],
.user-form [data-drupal-selector=edit-field-user-phone-wrapper],
.user-form [data-drupal-selector=edit-field-user-mobile-wrapper],
.user-form .address-container-inline,
.user-form .address-country-code-container,
.user-form .form-item-preferred-langcode,
.user-register-form [data-drupal-selector=edit-field-user-firstname-wrapper],
.user-register-form [data-drupal-selector=edit-field-user-lastname-wrapper],
.user-register-form [data-drupal-selector=edit-field-user-birthday-wrapper],
.user-register-form [data-drupal-selector=edit-field-user-phone-wrapper],
.user-register-form [data-drupal-selector=edit-field-user-mobile-wrapper],
.user-register-form .address-container-inline,
.user-register-form .address-country-code-container,
.user-register-form .form-item-preferred-langcode {
width: 100% !important
}
@media(min-width:1200px) {
.user-form [data-drupal-selector=edit-field-user-firstname-wrapper],
.user-form [data-drupal-selector=edit-field-user-lastname-wrapper],
.user-form [data-drupal-selector=edit-field-user-birthday-wrapper],
.user-form [data-drupal-selector=edit-field-user-phone-wrapper],
.user-form [data-drupal-selector=edit-field-user-mobile-wrapper],
.user-form .address-container-inline,
.user-form .address-country-code-container,
.user-form .form-item-preferred-langcode,
.user-register-form [data-drupal-selector=edit-field-user-firstname-wrapper],
.user-register-form [data-drupal-selector=edit-field-user-lastname-wrapper],
.user-register-form [data-drupal-selector=edit-field-user-birthday-wrapper],
.user-register-form [data-drupal-selector=edit-field-user-phone-wrapper],
.user-register-form [data-drupal-selector=edit-field-user-mobile-wrapper],
.user-register-form .address-container-inline,
.user-register-form .address-country-code-container,
.user-register-form .form-item-preferred-langcode {
width: calc(50% - .75rem) !important
}
}
.user-form .fieldset-locality,
.user-register-form .fieldset-locality {
margin: 0 !important
}
.user-form [data-drupal-selector=edit-field-user-firstname-wrapper],
.user-form [data-drupal-selector=edit-field-user-lastname-wrapper],
.user-form [data-drupal-selector=edit-field-user-birthday-wrapper],
.user-form [data-drupal-selector=edit-field-user-phone-wrapper],
.user-form [data-drupal-selector=edit-field-user-mobile-wrapper],
.user-form .fieldset-locality,
.user-register-form [data-drupal-selector=edit-field-user-firstname-wrapper],
.user-register-form [data-drupal-selector=edit-field-user-lastname-wrapper],
.user-register-form [data-drupal-selector=edit-field-user-birthday-wrapper],
.user-register-form [data-drupal-selector=edit-field-user-phone-wrapper],
.user-register-form [data-drupal-selector=edit-field-user-mobile-wrapper],
.user-register-form .fieldset-locality {
padding: 0 !important
}
.user-form [data-drupal-selector=edit-field-user-firstname-wrapper],
.user-form [data-drupal-selector=edit-field-user-lastname-wrapper],
.user-register-form [data-drupal-selector=edit-field-user-firstname-wrapper],
.user-register-form [data-drupal-selector=edit-field-user-lastname-wrapper] {
float: none !important
}
.user-form .address-container,
.user-register-form .address-container {
display: flex;
flex-wrap: wrap;
gap: 1.5rem
}
.user-form .address-container-inline,
.user-register-form .address-container-inline {
display: flex;
gap: 1.5rem;
flex: 1
}
@media(max-width:991.98px) {
.user-form .address-container-inline,
.user-register-form .address-container-inline {
flex-direction: column
}
}
.user-form .fieldset-postal-code,
.user-register-form .fieldset-postal-code {
min-width: 7rem
}
.user-form .fieldset-locality,
.user-register-form .fieldset-locality {
flex: 1
}
.user-form [data-drupal-field-elements=date-time],
.user-register-form [data-drupal-field-elements=date-time] {
gap: 1.5rem
}
.user-form .form-inline,
.user-register-form .form-inline {
gap: .5rem
}
.user-form .form-inline .form-type-date,
.user-register-form .form-inline .form-type-date {
flex: 1
}
.user-form .address-country-code-container>.js-form-type-select,
.user-register-form .address-country-code-container>.js-form-type-select {
width: 100%
}
.user-form [data-drupal-selector=edit-field-user-birthday-wrapper] .form-inline,
.user-register-form [data-drupal-selector=edit-field-user-birthday-wrapper] .form-inline {
gap: .5rem
}
.user-form [data-drupal-selector=edit-actions],
.user-register-form [data-drupal-selector=edit-actions] {
width: 100%;
display: flex;
align-items: center;
gap: 1.5rem;
flex-wrap: wrap
}
.user-form [data-drupal-selector=edit-actions] .btn-primary,
.user-register-form [data-drupal-selector=edit-actions] .btn-primary {
display: inline-flex;
align-items: center;
margin-right: .5rem;
margin-bottom: 0;
max-width: 320px;
min-width: 250px;
width: auto
}
.user-form [data-drupal-selector=edit-actions] .btn-primary:before,
.user-register-form [data-drupal-selector=edit-actions] .btn-primary:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:1023.98px) {
.user-form [data-drupal-selector=edit-actions] .btn-primary,
.user-register-form [data-drupal-selector=edit-actions] .btn-primary {
min-width: auto
}
}
.user-form [data-drupal-selector=edit-actions] [data-drupal-selector=edit-delete],
.user-register-form [data-drupal-selector=edit-actions] [data-drupal-selector=edit-delete] {
font-size: .75rem;
text-decoration: underline;
color: initial
}
#page-wrapper form div[data-drupal-selector=edit-account] div.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(input:focus)):not(:has(input.is-not-empty)):has(input.required) label.js-form-required label,
#page-wrapper form div.field--name-field-user-firstname div.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code.js-form-item.form-type-textfield:not(.js-form-type-checkbox):not(.js-form-type-radio):not(:has(input:focus)):not(:has(input.is-not-empty)):has(input.required) label.js-form-required label {
top: auto
}
#page-wrapper form .field--name-field-user-civility div.js-form-item.form-type-select .select2-selection.select2-selection--single,
.page-checkout-beneficiary #page-wrapper .benef-form-content-wrapper div.js-form-item:has(select) label {
background-color: rgba(0, 0, 0, 0)
}
#page-wrapper form .field--name-field-user-civility div.js-form-item.form-type-select .select2-selection.select2-selection--single:not(:has(.select2-selection__placeholder)):has(.select2-selection__rendered) {
background-color: #fff
}
#page-wrapper form div.address-country-code-container.js-form-wrapper.form-wrapper {
margin-bottom: 0
}
.page-order-checkout .checkout-pane-coupon-redemption .js-form-wrapper.form-wrapper:has(input[type=text]) {
margin-bottom: 0
}
.page-order-checkout .commerce-checkout-flow.js-form-wrapper.form-wrapper:has(input[type=text]) {
margin-bottom: 0
}
.page-order-checkout #page-wrapper form div.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code.js-form-item.form-type-textfield:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label {
border-radius: 3rem;
min-height: 0;
height: auto;
top: 1px;
width: auto
}
.page-order-checkout #page-wrapper form div.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code.js-form-item.form-type-textfield:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input:focus) label,
.page-order-checkout #page-wrapper form div.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code.js-form-item.form-type-textfield:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.is-not-empty) label {
top: 1px;
left: 2px
}
.page-order-checkout #page-wrapper form div.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code.js-form-item.form-type-textfield:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input)::after {
display: none
}
.page-order-checkout #page-wrapper form div.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code.js-form-item.form-type-textfield:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) input {
height: 40px
}
div#edit-sidebar-coupon-redemption-form label {
top: 5px;
left: 10px;
width: 10px
}
div#edit-sidebar-coupon-redemption-form label:before {
content: "";
position: static
}
div#edit-sidebar-coupon-redemption-form .form-submit:before {
margin-right: 0
}
#page-wrapper form #edit-shipping-information-shipments-0-shipping-method-0-shipping-profile-address-wrapper .address-country-code-container {
margin-bottom: 0
}
#page-wrapper form :not(:has(.filter)) div.js-form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code.js-form-item.form-type-textfield:not(.js-form-type-checkbox):not(.js-form-type-radio) {
min-height: 0
}
#page-wrapper #edit-sidebar-coupon-redemption-form {
margin-bottom: 0 !important
}
.page-user-profil #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[disabled]):after,
.page-user-profil #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).disabled:after,
.page-user-profil #page-wrapper form div.js-form-item.form-type-tel:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input[disabled])::after,
.page-user-profil #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(select[name=field_user_civility]):has(.select2-container--disabled) .select2:after {
background: linear-gradient(0deg, #E2E5E8 80%, #FFFFFF 80%) !important;
color: #76818d !important
}
.page-user-profil #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(select[name=field_user_civility]):has(.select2-container--disabled) .select2-selection {
border-color: #76818d !important;
background: #e2e5e8 !important
}
.page-user-profil #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.address-line3[disabled]):after {
background: linear-gradient(0deg, #E2E5E8 60%, #FFFFFF 60%) !important
}
.page-user-profil #page-wrapper form :not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-filter-container):not(.select2-filter-container):not(.js-form-type-checkbox):not(.js-form-type-radio).disabled label {
background: linear-gradient(0deg, #e9ecef 52%, #FFFFFF 52%) !important
}
.page-user-profil #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).disabled:has(input.is-not-empty) label {
background: linear-gradient(0deg, #E2E5E8 52%, #FFFFFF 52%) !important
}
.page-user-profil #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio).disabled:not(:has(input.is-not-empty)) label {
background: rgba(0, 0, 0, 0) !important
}
.page-user-profil #page-wrapper form .field--type-datetime:has(input[value]:not([value=""])):has(input[disabled])>label,
.page-user-profil #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-select:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(select[name=field_user_civility]):has(.select2-container--disabled) label {
background: linear-gradient(0deg, #E2E5E8 51%, #FFFFFF 51%) !important
}
@media(min-width:992px) {
.page-user-notifications .main-content {
padding-left: 2rem;
padding-right: 2rem
}
}
.page-user-notifications fieldset>legend {
font-size: 1rem;
font-weight: 600;
color: #000;
margin-bottom: 1rem
}
@media(min-width:992px) {
.page-user-notifications fieldset>legend {
font-size: 1.5rem
}
}
.page-user-notifications .alerting-notifications-form fieldset>.fieldset-wrapper>p {
padding: 1.5em;
margin-bottom: 0
}
.page-user-notifications .alerting-notifications-form fieldset>.fieldset-wrapper>fieldset {
margin-bottom: 0
}
.page-user-notifications .alerting-notifications-form .fieldset-wrapper {
display: grid;
grid-template-columns: 1fr;
grid-gap: 0;
background-color: #fff;
border: 1px solid #e2e5e8;
border-radius: .5em;
color: #263140
}
.page-user-notifications .alerting-notifications-form .fieldset-wrapper legend {
display: none
}
.page-user-notifications .alerting-notifications-form .fieldset-wrapper fieldset .fieldset-wrapper {
display: grid;
border-radius: 0;
border: 0;
border-bottom: 1px solid #e2e5e8;
background-color: inherit;
grid-template-columns: auto minmax(6rem, 6rem);
grid-template-rows: minmax(6rem, auto)
}
@media(max-width:991.98px) {
.page-user-notifications .alerting-notifications-form .fieldset-wrapper fieldset .fieldset-wrapper {
grid-template-columns: auto minmax(4rem, 4rem);
grid-template-rows: minmax(4rem, auto)
}
}
.page-user-notifications .alerting-notifications-form .fieldset-wrapper fieldset:last-child .fieldset-wrapper {
border-bottom: 0
}
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item {
display: grid;
grid-template-columns: 3fr 1fr 1fr;
grid-gap: 0;
border-right: 1px solid #e2e5e8;
align-items: center
}
@media(max-width:991.98px) {
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item {
display: flex;
flex-direction: column;
align-items: flex-start;
border-right: none;
padding: 1em 1em 1em 7.5em;
position: relative
}
}
@media(max-width:767.98px) {
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item {
padding: 1em 1em 1em 4.5em
}
}
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item .name {
display: grid;
grid-template-columns: minmax(7em, 1fr) 7fr;
grid-gap: 0;
font-weight: 600;
font-size: .75rem;
align-items: center;
height: 100%
}
@media(min-width:992px) {
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item .name {
font-size: 1.125rem;
text-transform: uppercase
}
}
@media(max-width:991.98px) {
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item .name {
grid-template-columns: 1fr
}
}
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item .name .image {
padding: 1em;
text-align: center
}
@media(max-width:991.98px) {
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item .name .image {
position: absolute;
left: 0em;
top: 1.25rem;
padding: 0 1rem
}
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item .name .image>img {
max-height: 4rem;
height: auto;
width: auto;
max-width: 6rem
}
}
@media(max-width:991.98px)and (max-width:991.98px) {
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item .name .image>img {
max-height: 3.5rem;
max-width: 5rem
}
}
@media(max-width:991.98px)and (max-width:767.98px) {
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item .name .image>img {
max-height: 3rem;
max-width: 3rem
}
}
@media(max-width:991.98px) {
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item .name .image .participants-wrapper .participant .logo {
max-width: 2.5rem
}
}
@media(max-width:767.98px) {
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item .name .image .participants-wrapper .participant .logo {
max-width: 1.25rem
}
}
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item .name .title {
border-left: 1px solid #e2e5e8;
height: 100%;
align-items: center;
display: flex;
padding: 1rem
}
@media(max-width:991.98px) {
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item .name .title {
border: none;
padding: 0
}
}
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item .date-info {
border-left: 1px solid #e2e5e8;
height: 100%;
padding: 1em;
flex-direction: column;
justify-content: center
}
@media(max-width:991.98px) {
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item .date-info {
border: none;
font-size: .75rem;
flex-direction: row;
display: flex;
gap: .5em;
padding: .25em 0;
color: #76818d
}
}
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item .location {
border-left: 1px solid #e2e5e8;
display: flex;
flex-direction: column;
justify-content: center;
padding: 1em;
height: 100%
}
@media(max-width:991.98px) {
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item .location {
font-size: .75rem;
flex-direction: row;
gap: .5em;
padding: 0;
color: #76818d;
border: 0
}
}
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item-submit {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center
}
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item-submit .button {
width: 2.5rem;
height: 2.5rem;
overflow: hidden;
padding: 0;
border: 0;
font-size: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
border-radius: 0;
font-weight: 100
}
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item-submit .button:before {
font-family: "hubber8";
content: "";
color: #263140;
font-size: 1.5rem;
transition: transform .2s ease-out;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
overflow: hidden
}
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item-submit .button:hover:before {
transform: translateY(-100%)
}
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item-submit .button:after {
font-family: "hubber8";
content: "";
color: #263140;
font-size: 1.5rem;
font-weight: 100;
background-color: #dc3545;
transition: transform .2s ease-out;
border-radius: 8px;
padding: .5rem;
color: #fff;
position: absolute;
top: 2.5rem;
width: 2.5rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #fff;
box-sizing: border-box
}
.page-user-notifications .alerting-notifications-form .fieldset-wrapper .notification-item-submit .button:hover:after {
transform: translateY(-100%)
}
.page-user-notifications .optin-notifications-form .fieldset-wrapper {
background: #fff;
border-radius: .5em;
padding: 1.5rem;
border: 1px solid #e2e5e8;
color: #263140
}
.page-user-notifications .optin-notifications-form .fieldset-wrapper .form-check {
margin-bottom: 1rem
}
.page-user-notifications .optin-notifications-form .fieldset-wrapper .custom-switch {
padding-bottom: 1rem;
margin-bottom: 2rem;
border-bottom: 1px solid #dee2e6
}
.page-user-notifications .optin-notifications-form .fieldset-wrapper>p {
margin-bottom: 0
}
.page-user-notifications .optin-notifications-form .button {
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
@media(min-width:768px) {
.page-user-notifications .optin-notifications-form .button {
display: inline-flex
}
}
.page-user-notifications .optin-notifications-form .button:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.page-user-notifications .optin-notifications-form .button:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-user-notifications .optin-notifications-form .button:before {
transform: rotate(180deg)
}
@media(max-width:991.98px) {
.page-user-notifications .optin-notifications-form .button {
width: 100%
}
}
.page-user-resale-confirm .layout-main-wrapper {
overflow: hidden
}
@media(max-width:991.98px) {
.page-user-resale-confirm .main-content {
padding: 0
}
}
.page-user-resale-confirm .block-page-title-block,
.page-user-resale-confirm .description {
display: none
}
.page-user-resale-confirm .scroller,
.page-user-resale-confirm .site-footer {
display: none !important
}
.page-user-resale-confirm p.legend {
font-size: .875rem;
color: #76818d;
margin-top: 0
}
.page-user-resale-confirm h4,
.page-user-resale-confirm .h4 {
font-size: .875rem;
margin-bottom: 1rem;
padding: 0
}
.page-user-resale-confirm #edit-main-container {
flex-direction: column;
flex-wrap: nowrap
}
@media(max-width:991.98px) {
.page-user-resale-confirm #edit-main-container {
padding: 0 .75rem;
margin-bottom: 10rem
}
}
.page-user-resale-confirm #edit-main-container .price-summary {
background-color: #fff;
margin: 0 0 1.5rem 0;
width: 100%;
border-radius: .5rem;
overflow: hidden
}
@media(max-width:991.98px) {
.page-user-resale-confirm #edit-main-container .price-summary li {
padding: .875rem 0;
margin: 0
}
}
.page-user-resale-confirm .resale-product-list-wrapper {
margin-bottom: 1.5rem;
padding: 0
}
@media(min-width:992px) {
.page-user-resale-confirm .resale-product-list .ebillet-item:hover {
background-color: #fff
}
.page-user-resale-confirm .resale-product-list .ebillet-item span {
text-align: left
}
.page-user-resale-confirm .resale-product-list .ebillet-item span.resale-product-date {
flex: 0 0 10rem
}
}
@media(max-width:991.98px) {
.page-user-resale-confirm .resale-product-list-item {
border-radius: 0;
position: relative
}
.page-user-resale-confirm .resale-product-list-item .ebillet-item {
text-align: center;
align-items: center
}
.page-user-resale-confirm .resale-product-list-item .ebillet-item:hover {
background-color: rgba(0, 0, 0, 0)
}
.page-user-resale-confirm .resale-product-list-item .ebillet-item span {
position: relative
}
.page-user-resale-confirm .resale-product-list-item .resale-product-title,
.page-user-resale-confirm .resale-product-list-item .resale-product-date,
.page-user-resale-confirm .resale-product-list-item .resale-product-venue {
position: relative;
justify-content: flex-start;
align-items: flex-start;
text-align: left
}
.page-user-resale-confirm .resale-product-list-item .resale-product-date {
flex-direction: row
}
.page-user-resale-confirm .resale-product-list-item .resale-product-date .hour {
margin-left: .5rem
}
}
.page-user-resale-confirm .user-resale-confirm-form .form-submit {
display: inline-flex;
align-items: center;
margin-left: .5rem;
margin-left: auto
}
.page-user-resale-confirm .user-resale-confirm-form .form-submit:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(min-width:992px) {
.page-user-resale-confirm .user-resale-confirm-form .form-submit {
width: auto
}
}
.page-user-resale-confirm .resale-confirm-main-block {
width: 100%;
margin: 1.5rem auto
}
@media(min-width:992px) {
.page-user-resale-confirm .main-content {
max-width: unset;
padding: 0
}
.page-user-resale-confirm .resale-confirm-main-block.with-option {
margin: 0
}
.page-user-resale-confirm .resale-confirm-main-block.with-option #edit-main-container {
width: calc(100% - 20rem)
}
.page-user-resale-confirm .resale-confirm-sidebar {
height: calc(100% - 5.5rem);
padding-bottom: 1rem
}
.page-user-resale-confirm .resale-confirm-sidebar .button {
width: 100%;
justify-content: center
}
.page-user-resale-confirm .resale-confirm-sidebar .form-group {
margin-bottom: 0
}
.page-user-resale-confirm .resale-confirm-sidebar>.form-group {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between
}
}
@media(max-width:991.98px) {
.page-user-resale-confirm .resale-confirm-sidebar {
position: fixed;
bottom: 0;
background: #fff;
width: 100%;
left: 0;
padding: 1.5rem 1rem;
border-radius: 1rem 1rem 0 0;
z-index: 12;
box-shadow: 0 -1px 11px 0 rgba(0, 0, 0, .1)
}
.page-user-resale-confirm .resale-confirm-sidebar:before {
content: "";
display: block;
height: 3px;
width: 30px;
border-radius: 3px;
background-color: #e2e5e8;
position: absolute;
top: .75rem;
left: 50%;
transform: translateX(-50%)
}
.page-user-resale-confirm .resale-confirm-sidebar:not(.show) .cart-summary-header,
.page-user-resale-confirm .resale-confirm-sidebar:not(.show) .cart-summary-info-caption,
.page-user-resale-confirm .resale-confirm-sidebar:not(.show) .cart-contents {
display: none
}
.page-user-resale-confirm .resale-confirm-sidebar.show .mobile-summary-toggle::before {
transform: rotate(180deg)
}
.page-user-resale-confirm .resale-confirm-sidebar .cart-summary-header {
text-align: left
}
.page-user-resale-confirm .resale-confirm-sidebar #edit-right-container,
.page-user-resale-confirm .resale-confirm-sidebar .form-actions {
margin-bottom: 0
}
.page-user-resale-confirm .resale-confirm-sidebar .form-actions {
margin-bottom: 0;
display: flex;
align-items: center
}
.page-user-resale-confirm .resale-confirm-sidebar .form-actions .btn {
flex: 1;
justify-content: center
}
}
.page-user-resale-confirm .resale-confirm-sidebar .cart-summary-header-mobile {
display: none
}
.page-user-resale-confirm .resale-confirm-sidebar .cart-summary-header-desktop {
font-size: 1.75rem;
font-weight: 600;
color: initial
}
.page-user-resale-confirm .resale-confirm-sidebar .cart-summary-info-wrapper {
margin-bottom: .5rem
}
.page-user-resale-confirm .resale-confirm-sidebar .cart-summary-info-wrapper .cart-contents {
padding-bottom: 0
}
.page-user-resale-confirm .resale-confirm-sidebar .cart-summary-info-caption {
font-size: .75rem;
color: #76818d;
text-transform: uppercase;
padding-bottom: .5rem;
border-bottom: 1px solid #dee2e6;
letter-spacing: 1px
}
.page-user-resale-confirm .resale-confirm-sidebar .cart-summary-product {
padding: .5rem 1rem;
margin: 1rem 1px;
border-radius: .5rem;
background-color: #fff6e1;
display: flex;
align-items: center;
box-shadow: 0 0 1px #cea236
}
.page-user-resale-confirm .resale-confirm-sidebar .cart-summary-product .product-title {
font-weight: normal;
display: flex;
align-items: center;
text-align: left
}
.page-user-resale-confirm .resale-confirm-sidebar .cart-summary-product .product-title:before {
content: "";
font-family: "hubber8";
margin-right: .5rem;
color: #cea236;
font-size: 1.5rem
}
.page-user-resale-confirm .resale-confirm-sidebar .cart_counter,
.page-user-resale-confirm .resale-confirm-sidebar .totals {
color: #263140
}
.page-user-resale-confirm .resale-confirm-sidebar .totals {
width: 100%
}
@media(min-width:992px) {
.page-user-resale-confirm .resale-confirm-sidebar .totals {
margin-bottom: 1rem
}
}
.page-user-resale-confirm .resale-confirm-sidebar .totals .order-total-line {
text-align: right
}
.page-user-resale-confirm .resale-confirm-sidebar .totals .order-total-line-value {
text-align: right
}
.page-user-resale-confirm .resale-confirm-sidebar .totals .order-total-line .mobile-summary-toggle {
align-items: center;
background-color: rgba(0, 0, 0, 0);
border-radius: .5rem;
border: 1px solid;
border-color: #dee2e6;
color: initial;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
display: inline-flex;
align-items: center;
width: 3rem;
height: 3rem;
margin-left: .5rem
}
@media(min-width:768px) {
.page-user-resale-confirm .resale-confirm-sidebar .totals .order-total-line .mobile-summary-toggle {
display: inline-flex
}
}
.page-user-resale-confirm .resale-confirm-sidebar .totals .order-total-line .mobile-summary-toggle:hover {
transform: none;
color: initial;
background-color: #fff;
border-color: #fff
}
.page-user-resale-confirm .resale-confirm-sidebar .totals .order-total-line .mobile-summary-toggle:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-user-resale-confirm .resale-confirm-sidebar .totals .order-total-line .mobile-summary-toggle:before {
transform: rotate(180deg)
}
.page-user-resale-confirm .resale-confirm-sidebar .totals .order-total-line .mobile-summary-toggle:hover {
border: 1px solid #dee2e6
}
@media(min-width:992px) {
.page-user-resale-confirm .resale-confirm-sidebar .totals .order-total-line .mobile-summary-toggle {
display: none
}
}
.page-user-resale-confirm .resale-confirm-sidebar .cart-action-wrapper {
padding: 0
}
.page-user-resale-confirm .resale-confirm-sidebar .cart-action-wrapper .btn {
width: 100%;
justify-content: center;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.page-user-resale-confirm .resale-confirm-sidebar .cart-action-wrapper .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-user-resale-confirm .resale-confirm-sidebar .cart-action-wrapper .btn .checkout-btn-price-info {
display: none
}
.page-user-resale-confirm #edit-actions {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.5rem
}
@media(max-width:991.98px) {
.page-user-resale-confirm #edit-actions {
justify-content: center
}
.page-user-resale-confirm #edit-actions button {
display: none
}
}
.page-user-resale-confirm #edit-actions a {
padding: 0;
font-weight: normal;
color: initial;
text-decoration: underline;
font-size: .875rem
}
.resale-confirm-wrapper {
margin: 3rem 0
}
.resale-confirm-wrapper .description {
font-size: .75rem;
margin-bottom: 3rem
}
.resale-confirm-title {
display: flex;
align-items: center;
font-size: 1rem;
color: #64bf18;
margin-bottom: 3rem
}
@media(max-width:991.98px) {
.resale-confirm-title {
padding: 0
}
}
.resale-confirm-title:before {
content: "";
font-family: "hubber8";
font-size: 3rem;
margin-right: .5rem
}
@media(max-width:991.98px) {
.resale-confirm-title:before {
margin-bottom: .5rem;
margin-right: 0
}
}
.resale__empty {
display: flex;
flex-direction: column;
align-items: center;
text-align: center
}
.resale__empty:before {
content: "";
font-family: "hubber8";
font-size: 5rem;
margin-bottom: 1rem
}
@media(min-width:992px) {
.resale__empty:before {
margin-top: 6rem
}
}
.resale__empty h2,
.resale__empty .h2 {
font-weight: 600;
font-size: 1rem
}
.resale__empty p {
font-size: .75rem
}
.page-user-resale-detail .block-page-title-block .title,
.page-user-my-resale-detail .block-page-title-block .title {
display: none
}
.page-user-resale .layout-user-resale-form div#block-payement [id*=edit-rib] .rib-line,
.page-user-my-resale .layout-user-resale-form div#block-payement [id*=edit-rib] .rib-line {
margin-top: 1rem;
background-color: rgba(0, 0, 0, 0)
}
.page-user-resale #edit-payment-method legend .fieldset-legend,
.page-user-my-resale #edit-payment-method legend .fieldset-legend {
display: none
}
.page-user-resale form.bank-info-form div.js-form-item.form-type-textfield::after,
.page-user-my-resale form.bank-info-form div.js-form-item.form-type-textfield::after {
background: linear-gradient(0deg, #FBFBFC 75%, transparent 75%) !important;
top: -4px !important;
padding: 0 !important;
line-height: 1 !important
}
.page-user-resale form.bank-info-form div.js-form-item.form-type-textfield:has(input:focus)::after,
.page-user-my-resale form.bank-info-form div.js-form-item.form-type-textfield:has(input:focus)::after {
background: linear-gradient(0deg, #FFFFFF 75%, transparent 75%) !important
}
@media(max-width:767.98px) {
.page-user-resale #page-wrapper #content .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item,
.page-user-my-resale #page-wrapper #content .block-hubber-rib-manager .block-form-wrapper ul.list-rib li .list-rib-item {
align-items: stretch;
flex-direction: column
}
}
.page-user-resale #page-wrapper form.user-resale-form div.js-form-item.form-type-select,
.page-user-my-resale #page-wrapper form.user-resale-form div.js-form-item.form-type-select {
background-color: rgba(0, 0, 0, 0);
padding: 0
}
.page-user-resale #page-wrapper form.user-resale-form div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-selection__rendered[title]:not([title=""])):has(select) label,
.page-user-my-resale #page-wrapper form.user-resale-form div.js-form-item.form-type-select:not(.form-item-purchased-entity-0-attributes-attribute-color):not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-selection__rendered[title]:not([title=""])):has(select) label {
background: #fff;
top: -0.5rem;
left: .5rem
}
.page-user-resale form.user-resale-form #block-payement [id*=edit-rib] label span,
.page-user-my-resale form.user-resale-form #block-payement [id*=edit-rib] label span {
font-size: inherit
}
.page-user-resale div#block-payement [id*=edit-rib],
.page-user-my-resale div#block-payement [id*=edit-rib] {
padding-bottom: 0;
background-color: rgba(0, 0, 0, 0);
margin-bottom: 0;
padding: 0
}
.page-user-resale div#block-payement [id*=edit-rib] .select2 .select2-selection__rendered,
.page-user-my-resale div#block-payement [id*=edit-rib] .select2 .select2-selection__rendered {
padding: 0 1rem
}
.page-user-resale form[class^=rib-form] .form-item-bic,
.page-user-my-resale form[class^=rib-form] .form-item-bic {
flex: 1
}
.page-user-resale div#block-payment [id*=edit-rib-saved],
.page-user-my-resale div#block-payment [id*=edit-rib-saved] {
margin-top: 1.5rem
}
.page-user-resale #block-payement .form-group,
.page-user-my-resale #block-payement .form-group {
margin-bottom: 0
}
.page-user-resale #block-payement [id*=edit-rib] .form-item-save-1,
.page-user-my-resale #block-payement [id*=edit-rib] .form-item-save-1 {
width: 100%;
margin-top: .5rem
}
.page-user-resale #block-payement [id*=edit-rib] .form-item-save-1 .form-check-label span,
.page-user-my-resale #block-payement [id*=edit-rib] .form-item-save-1 .form-check-label span {
font-size: 1rem
}
.page-user-resale ul.price-summary,
.page-user-my-resale ul.price-summary {
margin: 0;
width: 100%
}
.page-user-resale #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
.page-user-resale #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) label,
.page-user-my-resale #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
.page-user-my-resale #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.is-not-empty) label {
background: linear-gradient(to bottom, transparent 48%, white 48%)
}
.page-user-resale #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) label,
.page-user-my-resale #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) label {
text-transform: lowercase
}
.page-user-resale #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) label span:first-letter,
.page-user-my-resale #page-wrapper form:not(.email-tfa-verify-code):not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-captcha-response):not(.coupon-unlockrate-code-wrapper):not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) label span:first-letter {
text-transform: uppercase
}
.page-user-resale [class^=rib-form],
.page-user-resale .rib-line,
.page-user-my-resale [class^=rib-form],
.page-user-my-resale .rib-line {
padding: 1rem;
border-radius: .375rem;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: .5rem
}
.page-user-resale [class^=rib-form]:not(.rib-form-actions-wrapper):before,
.page-user-resale .rib-line:not(.rib-form-actions-wrapper):before,
.page-user-my-resale [class^=rib-form]:not(.rib-form-actions-wrapper):before,
.page-user-my-resale .rib-line:not(.rib-form-actions-wrapper):before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--hb-cta-primary);
border-radius: .375rem;
opacity: .1
}
.page-user-resale [class^=rib-form]>*,
.page-user-resale .rib-line>*,
.page-user-my-resale [class^=rib-form]>*,
.page-user-my-resale .rib-line>* {
position: relative
}
.page-user-resale [class^=rib-form].valid,
.page-user-resale .rib-line.valid,
.page-user-my-resale [class^=rib-form].valid,
.page-user-my-resale .rib-line.valid {
background-color: #fff
}
.page-user-resale [class^=rib-form] .price-summary,
.page-user-resale .rib-line .price-summary,
.page-user-my-resale [class^=rib-form] .price-summary,
.page-user-my-resale .rib-line .price-summary {
margin-bottom: 0
}
.page-user-resale [class^=rib-form] .css-rib-block,
.page-user-resale .rib-line .css-rib-block,
.page-user-my-resale [class^=rib-form] .css-rib-block,
.page-user-my-resale .rib-line .css-rib-block {
margin-bottom: 1.5rem
}
.page-user-resale [class^=rib-form] .rib-form-actions-wrapper,
.page-user-resale .rib-line .rib-form-actions-wrapper,
.page-user-my-resale [class^=rib-form] .rib-form-actions-wrapper,
.page-user-my-resale .rib-line .rib-form-actions-wrapper {
padding: 0
}
@media(min-width:992px) {
.page-user-resale [class^=rib-form] .rib-form-actions-wrapper,
.page-user-resale .rib-line .rib-form-actions-wrapper,
.page-user-my-resale [class^=rib-form] .rib-form-actions-wrapper,
.page-user-my-resale .rib-line .rib-form-actions-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row
}
}
.page-user-resale [class^=rib-form] .rib-form-actions-wrapper .form-item-principal,
.page-user-resale .rib-line .rib-form-actions-wrapper .form-item-principal,
.page-user-my-resale [class^=rib-form] .rib-form-actions-wrapper .form-item-principal,
.page-user-my-resale .rib-line .rib-form-actions-wrapper .form-item-principal {
display: flex;
align-items: center;
margin-bottom: 0
}
@media(max-width:991.98px) {
.page-user-resale [class^=rib-form] .rib-form-actions-wrapper .form-actions,
.page-user-resale .rib-line .rib-form-actions-wrapper .form-actions,
.page-user-my-resale [class^=rib-form] .rib-form-actions-wrapper .form-actions,
.page-user-my-resale .rib-line .rib-form-actions-wrapper .form-actions {
display: flex;
flex-direction: column-reverse;
align-items: center;
gap: 1rem;
margin-top: 1rem;
width: 100%
}
.page-user-resale [class^=rib-form] .rib-form-actions-wrapper .form-actions .button,
.page-user-resale .rib-line .rib-form-actions-wrapper .form-actions .button,
.page-user-my-resale [class^=rib-form] .rib-form-actions-wrapper .form-actions .button,
.page-user-my-resale .rib-line .rib-form-actions-wrapper .form-actions .button {
width: 100%
}
}
.page-user-resale [class^=rib-form] .rib-form-actions-wrapper .js-cancel-rib,
.page-user-resale .rib-line .rib-form-actions-wrapper .js-cancel-rib,
.page-user-my-resale [class^=rib-form] .rib-form-actions-wrapper .js-cancel-rib,
.page-user-my-resale .rib-line .rib-form-actions-wrapper .js-cancel-rib {
color: initial;
text-decoration: underline;
margin-inline-end: .75rem
}
@media(max-width:991.98px) {
.page-user-resale [class^=rib-form] .rib-form-actions-wrapper .js-cancel-rib,
.page-user-resale .rib-line .rib-form-actions-wrapper .js-cancel-rib,
.page-user-my-resale [class^=rib-form] .rib-form-actions-wrapper .js-cancel-rib,
.page-user-my-resale .rib-line .rib-form-actions-wrapper .js-cancel-rib {
margin: 0;
width: 100%;
text-align: center
}
}
.page-user-resale [class^=rib-form] .form-group label,
.page-user-resale .rib-line .form-group label,
.page-user-my-resale [class^=rib-form] .form-group label,
.page-user-my-resale .rib-line .form-group label {
font-size: 11px;
font-weight: normal;
text-transform: none
}
.page-user-resale [class^=rib-form] .form-group label:after,
.page-user-resale .rib-line .form-group label:after,
.page-user-my-resale [class^=rib-form] .form-group label:after,
.page-user-my-resale .rib-line .form-group label:after {
display: none
}
.page-user-resale [class^=rib-form] .form-group .form-control,
.page-user-resale .rib-line .form-group .form-control,
.page-user-my-resale [class^=rib-form] .form-group .form-control,
.page-user-my-resale .rib-line .form-group .form-control {
font-size: .875rem;
font-weight: 600
}
.page-user-resale [class^=rib-form] .form-group .form-control::placeholder,
.page-user-resale .rib-line .form-group .form-control::placeholder,
.page-user-my-resale [class^=rib-form] .form-group .form-control::placeholder,
.page-user-my-resale .rib-line .form-group .form-control::placeholder {
font-size: .875rem
}
.page-user-resale [class^=rib-form] .form-group .form-submit,
.page-user-resale .rib-line .form-group .form-submit,
.page-user-my-resale [class^=rib-form] .form-group .form-submit,
.page-user-my-resale .rib-line .form-group .form-submit {
height: 2.375rem;
font-size: .875rem;
padding-top: 0;
padding-bottom: 0;
margin-left: auto
}
.page-user-resale [class^=rib-form] .form-check:not(.custom-switch),
.page-user-resale .rib-line .form-check:not(.custom-switch),
.page-user-my-resale [class^=rib-form] .form-check:not(.custom-switch),
.page-user-my-resale .rib-line .form-check:not(.custom-switch) {
padding-left: 1.75rem
}
@media(max-width:991.98px) {
.page-user-resale [class^=rib-form] .form-check:not(.custom-switch),
.page-user-resale .rib-line .form-check:not(.custom-switch),
.page-user-my-resale [class^=rib-form] .form-check:not(.custom-switch),
.page-user-my-resale .rib-line .form-check:not(.custom-switch) {
height: 2rem
}
}
.page-user-resale [class^=rib-form] .form-check:not(.custom-switch) .form-check:checked+label,
.page-user-resale .rib-line .form-check:not(.custom-switch) .form-check:checked+label,
.page-user-my-resale [class^=rib-form] .form-check:not(.custom-switch) .form-check:checked+label,
.page-user-my-resale .rib-line .form-check:not(.custom-switch) .form-check:checked+label {
color: #1882ff
}
.page-user-resale [class^=rib-form] .form-check:not(.custom-switch) .form-check-label,
.page-user-resale .rib-line .form-check:not(.custom-switch) .form-check-label,
.page-user-my-resale [class^=rib-form] .form-check:not(.custom-switch) .form-check-label,
.page-user-my-resale .rib-line .form-check:not(.custom-switch) .form-check-label {
font-size: .6875rem;
line-height: 1.25rem
}
.page-user-resale [class^=rib-form] .form-check:not(.custom-switch) .form-check-label:before,
.page-user-resale .rib-line .form-check:not(.custom-switch) .form-check-label:before,
.page-user-my-resale [class^=rib-form] .form-check:not(.custom-switch) .form-check-label:before,
.page-user-my-resale .rib-line .form-check:not(.custom-switch) .form-check-label:before {
height: 1.25rem;
width: 1.25rem
}
.page-user-resale [class^=rib-form] .form-check:not(.custom-switch) .form-check-label:after,
.page-user-resale .rib-line .form-check:not(.custom-switch) .form-check-label:after,
.page-user-my-resale [class^=rib-form] .form-check:not(.custom-switch) .form-check-label:after,
.page-user-my-resale .rib-line .form-check:not(.custom-switch) .form-check-label:after {
left: -2px;
line-height: 1.25rem
}
.page-user-resale [class^=rib-form] .form-actions,
.page-user-resale .rib-line .form-actions,
.page-user-my-resale [class^=rib-form] .form-actions,
.page-user-my-resale .rib-line .form-actions {
display: flex;
align-items: center
}
.page-user-resale [class^=rib-form] .form-actions .button,
.page-user-resale .rib-line .form-actions .button,
.page-user-my-resale [class^=rib-form] .form-actions .button,
.page-user-my-resale .rib-line .form-actions .button {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.page-user-resale [class^=rib-form] .form-actions .button:before,
.page-user-resale .rib-line .form-actions .button:before,
.page-user-my-resale [class^=rib-form] .form-actions .button:before,
.page-user-my-resale .rib-line .form-actions .button:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:991.98px) {
.page-user-resale [class^=rib-form] .form-actions,
.page-user-resale .rib-line .form-actions,
.page-user-my-resale [class^=rib-form] .form-actions,
.page-user-my-resale .rib-line .form-actions {
flex-direction: column-reverse
}
.page-user-resale [class^=rib-form] .form-actions .btn,
.page-user-resale .rib-line .form-actions .btn,
.page-user-my-resale [class^=rib-form] .form-actions .btn,
.page-user-my-resale .rib-line .form-actions .btn {
width: 100%;
margin-bottom: 1.5rem;
margin-top: 1rem
}
}
.page-user-resale [class^=rib-form] .form-actions .js-cancel-rib,
.page-user-resale .rib-line .form-actions .js-cancel-rib,
.page-user-my-resale [class^=rib-form] .form-actions .js-cancel-rib,
.page-user-my-resale .rib-line .form-actions .js-cancel-rib {
color: initial;
font-size: .75rem;
text-decoration: underline
}
@media(min-width:992px) {
.page-user-resale [class^=rib-form] .form-actions .js-cancel-rib,
.page-user-resale .rib-line .form-actions .js-cancel-rib,
.page-user-my-resale [class^=rib-form] .form-actions .js-cancel-rib,
.page-user-my-resale .rib-line .form-actions .js-cancel-rib {
margin-right: 1.5rem
}
}
@media(min-width:992px) {
.page-user-resale [class^=rib-form] .form-group,
.page-user-resale .rib-line .form-group,
.page-user-my-resale [class^=rib-form] .form-group,
.page-user-my-resale .rib-line .form-group {
margin-bottom: 0
}
.page-user-resale [class^=rib-form] .css-rib-block,
.page-user-resale [class^=rib-form],
.page-user-resale .rib-line .css-rib-block,
.page-user-resale .rib-line,
.page-user-my-resale [class^=rib-form] .css-rib-block,
.page-user-my-resale [class^=rib-form],
.page-user-my-resale .rib-line .css-rib-block,
.page-user-my-resale .rib-line {
display: flex;
flex-wrap: wrap;
align-items: flex-end
}
.page-user-resale [class^=rib-form] .css-rib-block .js-form-item,
.page-user-resale [class^=rib-form] .js-form-item,
.page-user-resale .rib-line .css-rib-block .js-form-item,
.page-user-resale .rib-line .js-form-item,
.page-user-my-resale [class^=rib-form] .css-rib-block .js-form-item,
.page-user-my-resale [class^=rib-form] .js-form-item,
.page-user-my-resale .rib-line .css-rib-block .js-form-item,
.page-user-my-resale .rib-line .js-form-item {
width: 24.5%
}
.page-user-resale [class^=rib-form] .css-rib-block .js-form-item[class*=form-item-other],
.page-user-resale [class^=rib-form] .js-form-item[class*=form-item-other],
.page-user-resale .rib-line .css-rib-block .js-form-item[class*=form-item-other],
.page-user-resale .rib-line .js-form-item[class*=form-item-other],
.page-user-my-resale [class^=rib-form] .css-rib-block .js-form-item[class*=form-item-other],
.page-user-my-resale [class^=rib-form] .js-form-item[class*=form-item-other],
.page-user-my-resale .rib-line .css-rib-block .js-form-item[class*=form-item-other],
.page-user-my-resale .rib-line .js-form-item[class*=form-item-other] {
flex: 0 0 100%
}
.page-user-resale [class^=rib-form] .css-rib-block,
.page-user-resale .rib-line .css-rib-block,
.page-user-my-resale [class^=rib-form] .css-rib-block,
.page-user-my-resale .rib-line .css-rib-block {
display: flex;
flex-wrap: wrap;
width: 100%
}
}
@media(min-width:992px)and (min-width:992px) {
.page-user-resale [class^=rib-form] .css-rib-block [class*=-name],
.page-user-resale .rib-line .css-rib-block [class*=-name],
.page-user-my-resale [class^=rib-form] .css-rib-block [class*=-name],
.page-user-my-resale .rib-line .css-rib-block [class*=-name] {
flex: 1
}
.page-user-resale [class^=rib-form] .css-rib-block .form-item-bic,
.page-user-resale .rib-line .css-rib-block .form-item-bic,
.page-user-my-resale [class^=rib-form] .css-rib-block .form-item-bic,
.page-user-my-resale .rib-line .css-rib-block .form-item-bic {
flex: 0 0 10rem
}
}
.page-user-resale [class^=rib-form] fieldset,
.page-user-resale [class^=rib-form] .form-check,
.page-user-resale .rib-line fieldset,
.page-user-resale .rib-line .form-check,
.page-user-my-resale [class^=rib-form] fieldset,
.page-user-my-resale [class^=rib-form] .form-check,
.page-user-my-resale .rib-line fieldset,
.page-user-my-resale .rib-line .form-check {
margin-right: 1rem
}
.page-user-resale [class^=rib-form] .form-item-bic,
.page-user-resale .rib-line .form-item-bic,
.page-user-my-resale [class^=rib-form] .form-item-bic,
.page-user-my-resale .rib-line .form-item-bic {
flex: 0 0 11.5rem;
margin-right: 0
}
.page-user-resale [class^=rib-form],
.page-user-my-resale [class^=rib-form] {
display: inline-flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%
}
.page-user-resale section,
.page-user-my-resale section {
position: relative
}
@media(max-width:991.98px) {
.page-user-resale .resale-description,
.page-user-my-resale .resale-description {
font-size: .875rem;
margin-bottom: 1rem
}
.page-user-resale .main-content,
.page-user-my-resale .main-content {
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-bottom: 5rem
}
.page-user-resale-detail .main-content,
.page-user-my-resale-detail .main-content {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
.page-user-resale .site-footer,
.page-user-my-resale .site-footer {
display: none
}
.page-user-resale .block-page-title-block {
padding-left: 3.5rem
}
.resale-wrapper {
max-width: 100%
}
.js-non-contiguous-seats {
display: table;
margin-top: 1rem;
margin-left: auto
}
.layout-user-resale-form {
max-width: 100%
}
.layout-user-resale-form .title {
font-size: .875rem;
font-weight: 600;
margin-bottom: 1rem
}
.layout-user-resale-form #edit-submit.btn-resale[disabled] {
background-color: #e2e5e8 !important;
color: #c7ccd1 !important
}
.layout-user-resale-form .ticket-mode-number .form-group {
margin-bottom: 0
}
.layout-user-resale-form .ticket-mode-number legend {
display: none
}
.layout-user-resale-form .ticket-mode-number .fieldset-wrapper {
border-radius: 0;
background-color: #f6f8f9;
padding: .5rem .5rem .5rem 1.5rem;
font-size: .75rem;
display: flex;
align-items: center;
justify-content: space-between
}
.layout-user-resale-form .ticket-mode-number .fieldset-wrapper>.custom-select {
height: 38px;
max-width: 13.25rem;
border: 0
}
.layout-user-resale-form .ticket-mode-number .fieldset-wrapper p {
margin-bottom: 0;
font-weight: 600
}
.layout-user-resale-form .ticket-mode-number .fieldset-wrapper .quantity-selector select {
width: 3rem;
height: 40px;
background-image: none;
text-align: center;
pointer-events: none
}
.layout-user-resale-form .ticket-mode-number .fieldset-wrapper .quantity-selector button {
padding: 0 .75rem;
font-size: 0;
margin-left: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.layout-user-resale-form .ticket-mode-number .fieldset-wrapper .quantity-selector button:hover {
color: #fff;
background-color: #1882ff
}
.layout-user-resale-form .ticket-mode-number .fieldset-wrapper .quantity-selector button.quantity-minus {
order: -1;
margin-right: .25rem;
margin-left: 0
}
.layout-user-resale-form .select-wrapper {
margin: 1.5rem 0;
background-color: #fff;
border-radius: .5rem;
border: 1px solid #dee2e6;
padding: 1rem
}
.layout-user-resale-form .select-wrapper p {
font-size: .75rem
}
@media(min-width:992px) {
.layout-user-resale-form .select-wrapper {
padding: 1.5rem;
margin: 3rem 0
}
}
.layout-user-resale-form .select-wrapper .quantity-selector {
display: flex
}
.layout-user-resale-form .select-wrapper#block-cgv .description {
font-size: 1rem;
font-weight: 600
}
.layout-user-resale-form .resale-breadcrumb {
margin-bottom: 1rem
}
@media(min-width:992px) {
.layout-user-resale-form .resale-breadcrumb {
margin-bottom: 2.5rem
}
}
@media(min-width:992px) {
.layout-user-resale-form .resale-breadcrumb ul {
display: flex;
justify-content: space-between;
position: relative
}
.layout-user-resale-form .resale-breadcrumb ul:before {
content: "";
height: 1px;
width: 100%;
background-color: rgba(118, 129, 141, .5);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%)
}
}
@media(min-width:992px) {
.layout-user-resale-form .resale-breadcrumb ul li {
position: relative;
z-index: 1;
background-color: #fff;
padding: 0 20px
}
.layout-user-resale-form .resale-breadcrumb ul li:first-child {
padding-left: 0
}
.layout-user-resale-form .resale-breadcrumb ul li:last-child {
padding-right: 0
}
}
.layout-user-resale-form .resale-breadcrumb ul li:not(.active) {
color: #76818d
}
.layout-user-resale-form .resale-breadcrumb ul li:not(.active) a {
color: inherit
}
@media(max-width:991.98px) {
.layout-user-resale-form .resale-breadcrumb ul li:not(.active) {
display: none
}
}
.layout-user-resale-form .resale-breadcrumb ul li.active {
font-weight: 600
}
.layout-user-resale-form .resale-form .resale-product-list-item.has-participants .resale-product-visual::after {
display: none
}
.layout-user-resale-form .resale-form .resale-product-list-item.has-participants .participants-wrapper {
height: 100%
}
.layout-user-resale-form .resale-form .resale-product-list-item.has-participants .participants-wrapper .separator {
display: none
}
.layout-user-resale-form .custom-switch-wrapper {
border-radius: 0;
background-color: #f6f8f9;
padding: .75rem .75rem .75rem 1.5rem;
font-size: .75rem;
display: flex;
align-items: center;
justify-content: space-between
}
.layout-user-resale-form .custom-switch-wrapper .custom-control-input {
position: absolute;
margin: 0;
height: auto
}
.layout-user-resale-form .custom-switch-wrapper p {
display: flex;
align-items: center;
margin-bottom: 0
}
.layout-user-resale-form .custom-switch-wrapper .infos {
margin-right: auto;
margin-left: .5rem
}
.layout-user-resale-form .description {
font-size: .75rem
}
.layout-user-resale-form #edit-type-price {
display: flex;
margin: 1rem 0
}
.layout-user-resale-form #edit-type-price .custom-control-label {
justify-content: initial;
padding: 1.125rem;
border-radius: .5rem;
background-color: #f6f8f9;
padding-left: 3rem;
font-size: .75rem;
color: #76818d
}
.layout-user-resale-form #edit-type-price .custom-control-label .price-note {
margin-left: .5rem;
padding: .125rem .5rem;
background-color: #64bf18;
color: #fff;
border-radius: .25rem
}
.layout-user-resale-form #edit-type-price .custom-control-label:before {
left: 1.125rem;
top: 50%;
transform: translateY(-50%);
height: 1.25rem;
width: 1.25rem;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1)
}
.layout-user-resale-form #edit-type-price .custom-radio {
flex: 1;
padding: 0
}
.layout-user-resale-form #edit-type-price .custom-radio:first-child {
margin-right: 1rem
}
.layout-user-resale-form #edit-type-price .custom-radio .custom-control-label span {
margin-left: .25rem
}
.layout-user-resale-form #edit-type-price .custom-radio .custom-control-input:checked~.custom-control-label {
background-color: #fff;
color: initial;
box-shadow: 0 0 0 1px #1882ff
}
.layout-user-resale-form #edit-type-price .custom-radio .custom-control-input:checked~.custom-control-label:before {
background-color: #fff;
border: 1px solid #1882ff;
box-shadow: none
}
.layout-user-resale-form #edit-type-price .custom-radio .custom-control-input:checked~.custom-control-label:after {
left: 1.2rem;
top: 50%;
transform: translateY(-50%);
background: #1882ff;
border-radius: 100%;
height: 10px;
width: 10px
}
.layout-user-resale-form .price-range {
display: flex;
justify-content: space-between;
font-size: .75rem;
color: #76818d
}
@media(min-width:992px) {
.layout-user-resale-form .price-range {
margin-top: 3rem
}
.layout-user-resale-form .price-range+.form-item-range-price {
margin-bottom: 1rem
}
}
.layout-user-resale-form .price-average {
font-size: .75rem;
color: #76818d
}
@media(min-width:992px) {
.layout-user-resale-form .price-average {
float: right;
margin-top: -5em
}
}
.layout-user-resale-form .price-container {
font-size: .75rem;
display: flex;
align-items: center;
margin-bottom: 1rem
}
.layout-user-resale-form .price-container .form-control {
width: 4.5rem;
margin-left: 1rem;
height: 2.375rem;
padding-right: 1.5rem;
text-align: right
}
.layout-user-resale-form .price-summary {
font-weight: 600
}
.layout-user-resale-form .price-summary li {
display: flex;
align-items: center;
font-size: .75rem;
justify-content: space-between
}
.layout-user-resale-form .price-summary li .price {
text-align: right
}
.layout-user-resale-form .price-summary li.bg-gray {
background-color: #f6f8f9;
padding: .875rem 1.25rem;
margin-bottom: .25rem;
border-radius: 0
}
@media(max-width:991.98px) {
.layout-user-resale-form .price-summary li.bg-gray {
padding: .875rem 1rem
}
}
.layout-user-resale-form .price-summary li.bg-gray a {
font-weight: normal;
text-decoration: underline;
margin-right: 1.5rem
}
@media(min-width:992px) {
.layout-user-resale-form .price-summary li.row-ticket-number>span:first-child {
flex: 0 0 85%
}
.layout-user-resale-form .price-summary li.row-ticket-number>span:last-child {
display: flex;
justify-content: space-between;
flex: 1
}
.layout-user-resale-form .price-summary li.row-ticket-number>span:last-child a {
transform: translateX(-100%)
}
}
.layout-user-resale-form .price-summary li:not(.bg-gray) {
margin: 1rem 1.25rem
}
@media(max-width:991.98px) {
.layout-user-resale-form .price-summary li:not(.bg-gray) {
padding: 0;
margin: 1rem 0
}
}
.layout-user-resale-form .price-summary li.total {
font-size: 1rem;
padding-top: .875rem;
border-top: 1px solid #dee2e6
}
.layout-user-resale-form #block-payement legend {
display: none
}
.layout-user-resale-form #block-payement .rib-line .form-type-textfield {
margin-bottom: .5rem
}
.layout-user-resale-form #block-payement label {
text-transform: initial;
font-weight: normal;
font-size: .75rem
}
.layout-user-resale-form #block-payement input,
.layout-user-resale-form #block-payement select {
font-size: .75rem
}
.layout-user-resale-form #block-payement [id*=edit-rib] {
padding: .75rem;
background-color: #f6f8f9;
border-radius: 0
}
@media(min-width:992px) {
.layout-user-resale-form #block-payement [id*=edit-rib] {
margin-top: 1.5rem
}
}
.layout-user-resale-form #block-payement [id*=edit-rib] .js-form-type-select {
width: 100%
}
.layout-user-resale-form #block-payement [id*=edit-rib] .rib-line {
margin-top: .75rem
}
.layout-user-resale-form #block-payement [id*=edit-rib] label {
font-weight: normal
}
.layout-user-resale-form #block-payement [id*=edit-rib] label span {
font-size: 11px
}
.layout-user-resale-form #block-payement [id*=edit-rib] fieldset label:before {
display: none
}
.layout-user-resale-form #block-payement [id*=edit-rib] select,
.layout-user-resale-form #block-payement [id*=edit-rib] .form-text {
height: 2.375rem;
padding-top: 0;
padding-bottom: 0
}
.layout-user-resale-form #block-payement [id*=edit-rib] .custom-select {
border: 0;
font-size: .875rem;
font-weight: 600
}
.layout-user-resale-form #block-payement [id*=edit-rib] .rib-line {
padding: 1rem;
border-radius: .375rem;
background-color: rgba(118, 129, 141, .15)
}
.layout-user-resale-form #block-payement [id*=edit-rib] .rib-line .radio {
background: rgba(0, 0, 0, 0)
}
.layout-user-resale-form #block-payement [id*=edit-rib] .rib-line .radio .custom-control-label {
padding: 0 1rem;
background: rgba(0, 0, 0, 0);
box-shadow: none;
border: 0;
font-size: .75rem;
line-height: 2.2;
color: initial
}
.layout-user-resale-form #block-payement [id*=edit-rib] .rib-line .radio .custom-control-label:before,
.layout-user-resale-form #block-payement [id*=edit-rib] .rib-line .radio .custom-control-label:after {
display: block !important;
margin: 0
}
.layout-user-resale-form #block-payement [id*=edit-rib] .rib-line .radio .custom-control-label:before {
content: "";
height: 20px;
width: 20px;
border-radius: 100%;
position: absolute;
left: 0;
top: 2px;
background: #fff;
border: 1px solid #dee2e6
}
.layout-user-resale-form #block-payement [id*=edit-rib] .rib-line .radio .js-select-rib-type:checked+.custom-control-label:before {
border-color: #1882ff
}
.layout-user-resale-form #block-payement [id*=edit-rib] .rib-line .radio .js-select-rib-type:checked+.custom-control-label:after {
content: "";
position: absolute;
height: 10px;
width: 10px;
background: #1882ff;
top: 7px;
left: 5px;
border-radius: 100%
}
.layout-user-resale-form #block-payement [id*=edit-rib] .rib-line .radio .custom-radio {
flex: unset;
margin-right: 1.5rem;
padding-left: 1.5rem;
width: auto
}
@media(max-width:991.98px) {
.layout-user-resale-form #block-payement [id*=edit-rib] .checkbox {
min-height: 1.5rem;
display: flex;
align-items: center;
margin: 1rem 0
}
}
@media(min-width:992px) {
.layout-user-resale-form #block-payement [id*=edit-rib] .fieldset-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.layout-user-resale-form #block-payement [id*=edit-rib] .form-group {
width: 100%;
margin-bottom: .75rem
}
.layout-user-resale-form #block-payement [id*=edit-rib] .form-group[class*=form-item-iban],
.layout-user-resale-form #block-payement [id*=edit-rib] .form-group[class*=form-item-owner-name] {
margin-right: .75rem
}
.layout-user-resale-form #block-payement [id*=edit-rib] .rib-line {
display: flex;
flex-wrap: wrap
}
.layout-user-resale-form #block-payement [id*=edit-rib] .rib-line .form-type-textfield {
flex: 1;
margin-right: .75rem
}
.layout-user-resale-form #block-payement [id*=edit-rib] .rib-line .form-type-textfield[class*=form-item-other] {
flex: 0 0 100%
}
.layout-user-resale-form #block-payement [id*=edit-rib] .rib-line .form-item {
flex: 0 0 100%
}
.layout-user-resale-form #block-payement [id*=edit-rib] .checkbox {
flex: 100%;
margin: 1rem 0
}
.layout-user-resale-form #block-payement [id*=edit-rib] .checkbox label {
line-height: 1.5rem
}
}
.layout-user-resale-form #block-payement [id*=edit-rib-saved] {
background-color: rgba(0, 0, 0, 0);
margin-top: 0;
padding: 0 1rem
}
.layout-user-resale-form #block-payement .form-required:after {
display: none
}
.layout-user-resale-form #edit-actions {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.5rem
}
.layout-user-resale-form #edit-actions a {
color: #263140;
text-decoration: underline;
font-size: .875rem;
margin: 1rem 0
}
@media(max-width:991.98px) {
.layout-user-resale-form #edit-actions {
flex-direction: column-reverse
}
}
.layout-user-resale-form [id^=edit-submit],
.layout-user-resale-form .btn-resale-submit {
display: inline-flex;
align-items: center;
margin-right: .5rem;
box-shadow: none
}
.layout-user-resale-form [id^=edit-submit]:before,
.layout-user-resale-form .btn-resale-submit:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(min-width:992px) {
.layout-user-resale-form [id^=edit-submit],
.layout-user-resale-form .btn-resale-submit {
width: auto
}
}
.layout-user-resale-form [id^=edit-submit]:disabled,
.layout-user-resale-form .btn-resale-submit:disabled {
background-color: #76818d;
border-color: #76818d
}
.layout-user-resale-form .ticket-table {
font-size: .75rem
}
.layout-user-resale-form .ticket-table .checkbox-select-all {
border: 1px solid #76818d;
border-radius: .125rem;
display: block;
height: 1.25rem;
width: 1.25rem;
position: relative;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1)
}
.layout-user-resale-form .ticket-table .checkbox-select-all.selected {
background-color: #1882ff;
border-color: #1882ff
}
.layout-user-resale-form .ticket-table .checkbox-select-all.selected:after {
content: "";
font-family: "hubber8";
position: absolute;
line-height: 1;
font-size: 1.25rem;
height: 1.25rem;
width: 1.25rem;
left: -1px;
top: -1px;
color: #fff
}
.layout-user-resale-form .ticket-table .checkbox-select-all.indeterminate {
box-shadow: none
}
.layout-user-resale-form .ticket-table .checkbox-select-all.indeterminate:after {
content: "";
background-color: #1882ff;
height: 10px;
width: 10px;
position: absolute;
left: 4px;
top: 4px
}
@media(max-width:991.98px) {
.layout-user-resale-form .ticket-table .ticket-header {
padding: .75rem
}
.layout-user-resale-form .ticket-table .ticket-header span:not(:first-child) {
display: none
}
.layout-user-resale-form .ticket-table .ticket-header .select-all-label-mobile {
margin-left: 10px;
font-size: 12px;
text-align: left;
color: initial;
text-decoration: underline
}
}
.layout-user-resale-form .ticket-table .ticket-row {
display: flex;
justify-content: space-between;
text-align: center;
align-items: center
}
.layout-user-resale-form .ticket-table .ticket-row .form-check {
margin-bottom: 0
}
@media(max-width:991.98px) {
.layout-user-resale-form .ticket-table .ticket-row {
position: relative;
transition: margin-bottom 200ms
}
.layout-user-resale-form .ticket-table .ticket-row span:first-child {
margin-top: 2px
}
.layout-user-resale-form .ticket-table .ticket-row .ticket-category {
margin-right: auto;
margin-left: 1rem
}
.layout-user-resale-form .ticket-table .ticket-row .ticket-price {
flex-direction: column;
align-items: flex-end
}
.layout-user-resale-form .ticket-table .ticket-row.active {
margin-bottom: 6.5rem
}
.layout-user-resale-form .ticket-table .ticket-row.active .btn-toggle-detail {
border-radius: .5rem .5rem 0 0;
border-bottom: 0;
height: 3.25rem
}
.layout-user-resale-form .ticket-table .ticket-row.active .btn-toggle-detail:before {
content: "";
transform: rotate(45deg)
}
.layout-user-resale-form .ticket-table .ticket-row.active .btn-toggle-detail:after {
content: "";
display: block;
background: #fff;
width: 2.875rem;
position: absolute;
height: 1rem;
top: 2.875rem;
z-index: 1
}
.layout-user-resale-form .ticket-table .ticket-row.active .match-info-mobile {
border-top-right-radius: 0;
background-color: #fff
}
.layout-user-resale-form .ticket-table .ticket-row .item-mobile {
display: flex;
align-items: center
}
.layout-user-resale-form .ticket-table .ticket-row [id*=mobile-row-ticket-] {
position: absolute;
left: 0;
right: 0;
top: 100%;
z-index: 1
}
.layout-user-resale-form .ticket-table .ticket-row .match-info-mobile {
display: flex;
border-radius: .5rem;
border: 1px solid #dee2e6;
padding: 1rem
}
.layout-user-resale-form .ticket-table .ticket-row .match-info-mobile li {
display: flex;
flex-direction: column;
background-color: #f6f8f9;
border-radius: .5rem;
padding: .5rem;
flex: 1
}
.layout-user-resale-form .ticket-table .ticket-row .match-info-mobile li:not(:last-child) {
margin-right: .25rem
}
.layout-user-resale-form .ticket-table .ticket-row .match-info-mobile li .label {
font-size: .625rem;
color: #76818d;
text-transform: uppercase
}
}
@media(min-width:992px) {
.layout-user-resale-form .ticket-table .ticket-row span {
flex: 1
}
}
.layout-user-resale-form .ticket-table .ticket-row span:first-child {
max-width: 1.25rem
}
.layout-user-resale-form .ticket-header {
font-size: .75rem;
color: #76818d;
padding: .75rem 1.5rem;
display: flex;
justify-content: space-between
}
.layout-user-resale-form .ticket-header span {
flex: 1;
text-align: center
}
.layout-user-resale-form .ticket-header span:first-child {
max-width: 1.25rem
}
.layout-user-resale-form .ticket-row {
padding: .75rem;
background-color: #f6f8f9;
border-radius: .5rem;
margin: .625rem 0;
line-height: 1.25rem
}
.layout-user-resale-form .ticket-row .btn-toggle-detail {
align-items: center;
background-color: rgba(0, 0, 0, 0);
border-radius: .5rem;
border: 1px solid;
border-color: #e2e5e8;
color: #263140;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
display: inline-flex;
align-items: center;
padding: 0;
width: 3rem;
height: 3rem
}
@media(min-width:768px) {
.layout-user-resale-form .ticket-row .btn-toggle-detail {
display: inline-flex
}
}
.layout-user-resale-form .ticket-row .btn-toggle-detail:hover {
transform: none;
color: #263140;
background-color: #e2e5e8;
border-color: #e2e5e8
}
.layout-user-resale-form .ticket-row .btn-toggle-detail:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.layout-user-resale-form .ticket-row .btn-toggle-detail:hover {
background-color: rgba(0, 0, 0, 0)
}
@media(max-width:991.98px) {
.layout-user-resale-form .ticket-row {
position: relative;
min-height: 3rem;
align-items: flex-start;
border-radius: .5rem
}
.layout-user-resale-form .ticket-row:has(span .js-toggle-detail) {
padding-right: 4rem
}
.layout-user-resale-form .ticket-row .btn-toggle-detail {
position: absolute;
right: .5rem;
top: 50%;
transform: translateY(-50%)
}
}
@media(min-width:992px) {
.layout-user-resale-form .ticket-row {
padding: .75rem 1.5rem
}
}
.layout-user-resale-form .ticket-row:first-child {
margin-top: 0
}
.layout-user-resale-form .ticket-row .form-check-label:before {
border-radius: 2px !important;
height: 1.25rem !important;
width: 1.25rem !important
}
.layout-user-resale-form .ticket-row .form-check-input:checked~.form-check-label:after {
color: #fff !important;
font-size: 1.25rem !important
}
.layout-user-resale-form .ticket-row .form-check-input:indeterminate~.form-check-label:after {
height: .5rem;
width: .5rem;
background-image: none;
background-color: #1882ff;
top: 6px;
left: 6px;
border-radius: 1px
}
.resale-option-wrapper>fieldset {
margin-bottom: 1.5rem;
border-radius: .5rem;
border: 1px solid #cea236;
padding: 1rem;
font-size: .75rem;
line-height: 1;
position: relative
}
.resale-option-wrapper>fieldset legend {
text-align: left;
width: auto;
text-transform: unset;
display: flex;
align-items: center;
color: #cea236;
background-color: #f6f8f9;
padding: 0 .25rem;
position: absolute;
top: -13px
}
.resale-option-wrapper>fieldset legend:before {
content: "";
font-family: "hubber8";
margin-right: .5rem;
font-size: 1.5rem
}
.resale-option-wrapper>fieldset .bloc-detail-price {
flex: 1;
align-items: center;
display: flex;
justify-content: flex-end;
min-width: 8.5rem;
margin-top: -0.25rem
}
@media(max-width:991.98px) {
.resale-option-wrapper>fieldset .bloc-detail-price {
flex-direction: column-reverse;
align-items: flex-end;
min-width: auto
}
}
.resale-option-wrapper>fieldset .resale-confirm-action-detail {
padding: 0;
margin-left: 1rem;
margin-right: auto;
display: inline-flex;
align-items: center;
margin-right: .5rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.resale-option-wrapper>fieldset .resale-confirm-action-detail:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:991.98px) {
.resale-option-wrapper>fieldset .resale-confirm-action-detail {
margin-right: 0
}
}
.resale-option-wrapper>fieldset .resale-confirm-action-detail,
.resale-option-wrapper>fieldset .resale-confirm-action-detail:focus,
.resale-option-wrapper>fieldset .resale-confirm-action-detail:hover {
color: inherit;
text-decoration: none
}
.resale-option-wrapper>fieldset .resale-confirm-action-detail:not(.collapsed):after {
transform: rotate(180deg)
}
.resale-option-wrapper>fieldset .option-description {
text-align: left;
margin-top: 1rem;
border-top: 1px solid #dee2e6;
padding-top: .5rem
}
.resale-option-wrapper>fieldset .option-description p {
margin-bottom: 0
}
.resale-option-item {
display: flex;
align-items: center;
justify-content: space-between
}
.resale-option-item .form-check-label {
line-height: 1.25rem;
font-size: inherit !important;
color: inherit !important
}
.resale-option-item .form-check-label:before {
border-radius: 2px !important;
height: 1.25rem !important;
width: 1.25rem !important
}
.resale-option-item .form-check-label:after {
font-size: 1.25rem !important
}
.resale-option-item .form-check-input:checked~.form-check-label {
color: initial !important
}
.resale-option-item .form-check-input:checked~.form-check-label::before {
background-color: #cea236 !important;
border-color: #cea236 !important;
box-shadow: none !important
}
.resale-option-item .form-check-input:checked~.form-check-label::after {
color: #fff !important
}
.resale-option-item .price {
font-weight: 600
}
@media(max-width:991.98px) {
.resale-option-item .form-check {
flex: 0 0 80%
}
}
@media(max-width:767.98px) {
.page-user-resale .tooltip.show {
left: -6rem !important;
max-width: 86%
}
}
@media(max-width:991.98px) {
.page-user-resale .reduced-width,
.page-user-resale-detail .reduced-width {
padding-left: 1rem !important;
padding-right: 1rem !important;
justify-content: end !important
}
.page-user-resale .price-value,
.page-user-resale-detail .price-value {
width: 6rem;
text-align: right;
margin-left: 0 !important
}
.page-user-resale .price-title,
.page-user-resale-detail .price-title {
order: unset
}
}
.layout-main-wrapper .node--type-layout-builder-page .field__items {
display: block
}
@media(max-width:767.98px) {
.layout-main-wrapper .node--type-layout-builder-page .row:not(.layout-builder__club)>* {
padding: 0
}
}
.layout-main-wrapper .node--type-layout-builder-page .node__content,
.layout-main-wrapper .node--type-layout-builder-page .field__item {
margin: 0;
flex: 0 0 100%
}
.hr-stretch-block {
padding-block: 1.5rem
}
@media(min-width:1792px) {
.hr-stretch-block {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.hr-stretch-block {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.hr-stretch-block {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.hr-stretch-block {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.hr-stretch-block {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
@media(min-width:1792px) {
.hr-stretch-block .content:where(.hr-stretch-block .content) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.hr-stretch-block .content:where(.hr-stretch-block .content) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.hr-stretch-block .content:where(.hr-stretch-block .content) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.hr-stretch-block .content:where(.hr-stretch-block .content) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.hr-stretch-block .content:where(.hr-stretch-block .content) {
padding-left: 1rem;
padding-right: 1rem
}
}
.layout-builder__header {
padding-block: 0;
min-height: 120px;
display: flex;
align-items: center
}
.layout-builder__header .adaptive-picture {
z-index: 0;
width: 100%;
height: 100%
}
.layout-builder__header .adaptive-picture img {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center
}
.layout-builder__header>.content {
position: absolute;
z-index: 1;
padding-block: 3rem
}
.layout-builder__text-button>.content {
gap: .5rem;
justify-content: space-between
}
.layout-builder__text-button p {
font-size: 18px;
margin-bottom: 0
}
@media(max-width:767.98px) {
.layout-builder__text-button p {
font-size: 14px;
width: 100%
}
}
.layout-builder__text-button a {
align-items: center;
margin-top: .75rem;
white-space: nowrap;
overflow: hidden;
flex-shrink: 0;
width: 100%;
display: inline-flex
}
@media(min-width:992px) {
.layout-builder__text-button a {
margin-top: 0;
width: auto
}
}
@media(min-width:1792px) {
.layout-builder__club {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.layout-builder__club {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.layout-builder__club {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.layout-builder__club {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.layout-builder__club {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
.layout-builder__club-content {
padding-block: 1.5rem
}
@media(min-width:1792px) {
.layout-builder__club-content:where(.layout-builder__club-content) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.layout-builder__club-content:where(.layout-builder__club-content) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.layout-builder__club-content:where(.layout-builder__club-content) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.layout-builder__club-content:where(.layout-builder__club-content) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.layout-builder__club-content:where(.layout-builder__club-content) {
padding-left: 1rem;
padding-right: 1rem
}
}
.layout-builder__club-content p,
.layout-builder__club-content ul {
margin-top: 1.5rem
}
.layout-builder__club-content li {
margin-bottom: .5rem
}
.layout-builder__club-content a {
border: 1px solid;
width: 100%
}
@media(max-width:991.98px) {
.layout-builder__club-content a {
text-align: left
}
}
.layout-builder__club-content a img {
margin-right: 1rem
}
.layout-builder__club-logo {
display: block;
margin: 0 auto
}
@media(min-width:992px) {
.layout-builder__club-media {
padding-left: 0;
min-height: 32rem
}
}
.layout-builder__club-media iframe {
width: 100%;
height: 100%
}
.layout-builder__club-media img {
object-fit: cover;
width: 100% !important;
height: 100% !important
}
@media(max-width:991.98px) {
.layout-builder__club-media {
padding-left: 0 !important;
padding-right: 0 !important
}
.layout-builder__club-media iframe {
min-height: 20rem
}
}
.layout-builder__services-title {
flex: 1;
text-align: center;
margin-bottom: 1.5rem
}
.layout-builder__services .js-layout-builder-services {
display: block !important
}
.layout-builder__services-nav {
position: absolute;
right: 0;
display: flex
}
@media(max-width:767.98px) {
.layout-builder__services-nav {
bottom: 0
}
}
.layout-builder__services-nav .slick-prev-arrow,
.layout-builder__services-nav .slick-next-arrow {
display: inline-flex;
align-items: center;
transition: opacity .3s ease;
display: none;
font-size: 0;
padding: .5rem
}
.layout-builder__services-nav .slick-prev-arrow:before,
.layout-builder__services-nav .slick-next-arrow:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.layout-builder__services-nav .slick-prev-arrow:before,
.layout-builder__services-nav .slick-next-arrow:before {
line-height: 1
}
.layout-builder__services-nav .slick-arrow {
display: block
}
.layout-builder__services-nav .slick-prev-arrow {
transform: rotate(180deg)
}
.layout-builder__services-nav .slick-disabled {
opacity: .25
}
.layout-builder__services-item {
padding: 1rem;
border-radius: .5rem;
text-align: center;
min-height: 20rem;
margin: 0 .5rem
}
.layout-builder__services-item img {
margin: 3rem auto
}
.layout-builder__services-item span {
font-size: .625rem;
padding: .25rem .5rem;
margin-bottom: 1rem;
display: inline-block
}
.layout-builder__services-item h3,
.layout-builder__services-item .h3 {
font-size: 1.25rem;
text-align: center;
margin-bottom: .75rem
}
.layout-builder__services-item p {
font-size: .875rem;
margin-bottom: 0
}
.layout-builder__services>iframe {
width: 100%;
min-height: 15rem
}
@media(min-width:992px) {
.layout-builder__services>iframe {
min-height: 30rem
}
}
.layout-builder__slider-title {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1rem;
gap: 1rem
}
.layout-builder__slider-title a {
color: initial;
text-transform: uppercase;
font-size: .75rem;
margin-left: auto;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.layout-builder__slider-title a:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.layout-builder__slider-nav {
display: flex
}
.layout-builder__slider-nav .slick-prev-arrow,
.layout-builder__slider-nav .slick-next-arrow {
display: inline-flex;
align-items: center;
transition: opacity .3s ease;
display: none;
font-size: 0;
padding: .5rem
}
.layout-builder__slider-nav .slick-prev-arrow:before,
.layout-builder__slider-nav .slick-next-arrow:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.layout-builder__slider-nav .slick-prev-arrow:before,
.layout-builder__slider-nav .slick-next-arrow:before {
line-height: 1
}
.layout-builder__slider-nav .slick-arrow {
display: block
}
.layout-builder__slider-nav .slick-prev-arrow {
transform: rotate(180deg)
}
.layout-builder__slider-nav .slick-disabled {
opacity: .25
}
.layout-builder__slider .layout-builder-slider__wrapper {
border-radius: .25rem;
overflow: hidden;
position: relative
}
@media(min-width:768px) {
.layout-builder__slider .layout-builder-slider__wrapper {
margin: 0 .75rem
}
}
@media(min-width:768px) {
.layout-builder__slider .layout-builder-slider .slick-list {
margin-left: -0.75rem
}
}
.layout-builder__slider .layout-builder-slider__visual {
width: 100%;
transition: all 300ms ease-in-out
}
.layout-builder__slider .layout-builder-slider__visual:hover {
transform: scale(1.1)
}
.layout-builder__slider .layout-builder-slider__content {
position: absolute;
bottom: 1.5rem;
left: 1.5rem;
right: 1.5rem
}
.layout-builder__slider .layout-builder-slider__content__icons {
display: flex;
align-items: center;
gap: .5rem
}
.layout-builder__slider .layout-builder-slider__content__icons img {
flex-shrink: 0
}
.layout-builder__gallery h3,
.layout-builder__gallery .h3 {
text-align: center;
margin-bottom: 1.5rem;
font-weight: 600
}
.layout-builder__gallery ul {
display: grid;
gap: 1rem;
grid-template-columns: repeat(2, 1fr)
}
.layout-builder__gallery ul.first-big-img li:first-child {
grid-column: 1/3
}
.layout-builder__gallery li {
border-radius: .5rem;
overflow: hidden
}
.layout-builder__gallery li img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: .5rem;
transition: all 300ms ease-in-out
}
.layout-builder__gallery li img:hover {
transform: scale(1.1)
}
@media(min-width:992px) {
.layout-builder__gallery ul {
gap: 1.5rem;
grid-template-columns: repeat(var(--photo-gallery-image-number), 1fr)
}
.layout-builder__gallery ul.first-big-img li:first-child {
grid-row: 1/3
}
}
@media(max-width:991.98px) {
.layout-builder__edito p,
.layout-builder__edito ul,
.layout-builder__edito ol {
font-size: 14px
}
}
.layout-builder__edito h3,
.layout-builder__edito .h3 {
margin-bottom: 1.5rem
}
.layout-builder__edito ol,
.layout-builder__edito ul {
padding-left: 1.5rem
}
.layout-builder__edito ol,
.layout-builder__edito ol>li,
.layout-builder__edito ul,
.layout-builder__edito ul>li {
list-style: initial
}
.layout-builder__edito ol>li {
list-style-type: auto
}
.layout-builder__reservation {
text-align: center
}
.layout-builder__reservation .content>* {
max-width: 49rem;
margin-left: auto;
margin-right: auto
}
.layout-builder__reservation h3,
.layout-builder__reservation .h3 {
margin-bottom: 1.5rem;
font-weight: 600
}
.layout-builder__reservation ul {
display: flex;
justify-content: center;
gap: 1.5rem
}
@media(max-width:991.98px) {
.layout-builder__reservation ul {
flex-direction: column
}
}
.layout-builder__reservation .btn {
display: flex;
align-items: center;
gap: .75rem;
justify-content: center
}
@media(max-width:991.98px) {
.layout-builder__reservation .btn {
margin: 0 auto
}
}
@media(min-width:1792px) {
.layout-builder__cross-selling:where(.layout-builder__cross-selling) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.layout-builder__cross-selling:where(.layout-builder__cross-selling) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.layout-builder__cross-selling:where(.layout-builder__cross-selling) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.layout-builder__cross-selling:where(.layout-builder__cross-selling) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.layout-builder__cross-selling:where(.layout-builder__cross-selling) {
padding-left: 1rem;
padding-right: 1rem
}
}
.layout-builder__cross-selling .content {
padding: 3rem;
border: 1px solid;
border-radius: .5rem
}
@media(max-width:767.98px) {
.layout-builder__cross-selling .content {
padding: 1.5rem
}
}
.layout-builder__cross-selling .row {
justify-content: space-between
}
@media(max-width:1199.98px) {
.layout-builder__cross-selling .row {
gap: 1.5rem
}
}
.layout-builder__cross-selling .container {
border: 1px solid;
border-radius: .5rem;
padding-top: 1rem;
padding-bottom: 1rem
}
@media(min-width:1792px) {
.layout-builder__cross-selling .container:where(.layout-builder__cross-selling .container) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.layout-builder__cross-selling .container:where(.layout-builder__cross-selling .container) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.layout-builder__cross-selling .container:where(.layout-builder__cross-selling .container) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.layout-builder__cross-selling .container:where(.layout-builder__cross-selling .container) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.layout-builder__cross-selling .container:where(.layout-builder__cross-selling .container) {
padding-left: 1rem;
padding-right: 1rem
}
}
@media(max-width:991.98px) {
.layout-builder__cross-selling .container .layout-builder__cross-selling-content {
width: 100%
}
}
@media(min-width:992px) {
.layout-builder__cross-selling .container .row {
justify-content: space-between
}
.layout-builder__cross-selling .container .layout-builder__cross-selling-content {
width: 63%
}
}
@media(max-width:991.98px) {
.layout-builder__cross-selling .container .row {
margin: 0
}
}
.layout-builder__cross-selling .col-lg-4 {
object-fit: cover;
border-radius: .5rem
}
@media(max-width:991.98px) {
.layout-builder__cross-selling .col-lg-4 {
padding: 0
}
}
@media(min-width:992px) {
.layout-builder__cross-selling .col-lg-4 {
width: 33.333333% !important
}
}
.layout-builder__cross-selling img.col-lg-4 {
width: 30% !important;
height: max-content
}
@media(max-width:1199.98px) {
.layout-builder__cross-selling img.col-lg-4 {
width: calc(33.333333% - 1.5rem) !important
}
}
@media(max-width:767.98px) {
.layout-builder__cross-selling img.col-lg-4 {
width: 100% !important
}
}
@media(max-width:991.98px) {
.layout-builder__cross-selling-content {
padding: 0
}
}
.layout-builder__cross-selling-content a {
margin-top: 1rem
}
.layout-builder__cross-selling h3,
.layout-builder__cross-selling .h3 {
margin-bottom: 1.5rem;
font-size: 1.25rem;
font-weight: 600
}
.layout-builder__cross-selling p {
font-size: .875rem
}
.layout-builder__cross-selling ul {
display: flex;
gap: 1rem;
margin: 1rem 0;
flex-wrap: wrap
}
@media(max-width:767.98px) {
.layout-builder__cross-selling ul {
flex-direction: column;
margin-bottom: 2rem
}
}
.layout-builder__cross-selling li {
border-radius: .5rem;
text-align: center;
position: relative;
overflow: hidden;
width: 100%
}
.layout-builder__cross-selling li:not(:has(a)) {
padding: 1rem
}
@media(min-width:1200px) {
.layout-builder__cross-selling li {
width: calc(33.33% - 1rem)
}
}
@media(max-width:1199.98px) {
.layout-builder__cross-selling li {
width: calc(50% - 1rem)
}
}
@media(max-width:767.98px) {
.layout-builder__cross-selling li {
width: 100%
}
}
.layout-builder__cross-selling li a {
position: relative;
padding: 1rem;
display: block
}
.layout-builder__cross-selling li:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--cross-selling-card-background-color);
opacity: .1
}
.layout-builder__cross-selling li img {
margin: 1rem
}
.layout-builder__cross-selling li .layout-builder__cross-selling__card-title {
font-size: 1rem;
font-weight: 600
}
.layout-builder__cross-selling li p {
margin-bottom: 0;
font-size: .875rem
}
@media(max-width:991.98px) {
.layout-builder__cross-selling-content {
margin-top: 0;
width: auto;
flex: 1
}
.layout-builder__cross-selling-content .btn {
width: 100%
}
}
.layout-builder__breadcrumb .breadcrumb-item a {
padding: 0;
display: unset
}
.layout-builder__carousel-slide .slick-slide img {
width: 100%
}
.layout-builder__carousel-slide-title {
text-align: center
}
.layout-builder__carousel-slide .slick-arrow {
display: flex;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
border-radius: 100%;
background-color: rgba(0, 0, 0, .25);
transform: none;
margin-top: -1.5rem
}
.layout-builder__carousel-slide .slick-arrow:before {
content: "";
margin-left: .25rem;
width: 1.5rem;
height: 1.5rem;
display: block;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.29289 4.29289C6.90237 4.68342 6.90237 5.31658 7.29289 5.70711L13.5858 12L7.29289 18.2929C6.90237 18.6834 6.90237 19.3166 7.29289 19.7071C7.68342 20.0976 8.31658 20.0976 8.70711 19.7071L15.7071 12.7071C16.0976 12.3166 16.0976 11.6834 15.7071 11.2929L8.70711 4.29289C8.31658 3.90237 7.68342 3.90237 7.29289 4.29289Z' fill='white'/%3E%3C/svg%3E%0A")
}
.layout-builder__carousel-slide .slick-prev {
transform: rotate(180deg);
left: 60px;
margin-left: -1.5rem
}
@media(max-width:767.98px) {
.layout-builder__carousel-slide .slick-prev {
left: 40px
}
}
.layout-builder__carousel-slide .slick-next {
right: 60px;
margin-right: -1.5rem
}
@media(max-width:767.98px) {
.layout-builder__carousel-slide .slick-next {
right: 40px
}
}
.layout-builder__carousel-slide .slick-slide {
transition: opacity .3s ease
}
.layout-builder__carousel-slide .slick-slide:not(.slick-active) {
opacity: .5
}
.layout-builder__tabs .row .col-md-7 {
padding-left: 2rem
}
@media(max-width:991.98px) {
.layout-builder__tabs .row>* {
padding-left: 0;
padding-right: 0
}
}
.layout-builder__tabs .tab-content h3,
.layout-builder__tabs .tab-content .h3 {
margin-bottom: 1rem
}
.layout-builder__tabs .nav {
padding: 0 0 1.5rem;
justify-content: center
}
.layout-builder__tabs .nav-link {
font-weight: normal
}
.layout-builder__tabs .nav-link:hover {
text-decoration: underline
}
.layout-builder__tabs .nav-link:not(.active) {
color: initial
}
.layout-builder__tabs .nav-link.active {
color: #1882ff;
text-decoration: underline
}
.layout-builder__tabs-image {
object-fit: cover;
width: 100%;
border-radius: .5rem
}
@media(max-width:767.98px) {
.layout-builder__tabs-image {
margin-bottom: 2rem
}
}
.layout-builder__accordion .content>h3,
.layout-builder__accordion .content>.h3 {
font-size: 2rem;
margin-bottom: 1.5rem;
font-weight: 600
}
@media(max-width:767.98px) {
.layout-builder__accordion .content>h3,
.layout-builder__accordion .content>.h3 {
font-size: 1.5rem
}
}
.layout-builder__accordion .accordion-item {
border-radius: .5rem;
border: 0;
font-size: .875rem;
overflow: hidden
}
.layout-builder__accordion .accordion-item+.accordion-item {
margin-top: .5rem
}
.layout-builder__accordion .accordion-button {
background-color: #f7f9fa;
box-shadow: none
}
.layout-builder__accordion .accordion-button:after {
content: "";
background: rgba(0, 0, 0, 0);
font-family: "hubber8";
font-size: 1.5rem;
line-height: 1
}
.layout-builder__accordion .accordion-button:not(.collapsed) {
background-color: #1882ff;
color: #fff
}
.layout-builder__accordion .accordion-body {
padding-top: 1rem;
padding-bottom: 1px;
border: 1px solid #dee2e6;
border-radius: 0 0 .5rem .5rem;
border-top: 0
}
.layout-builder__quote .content {
padding-left: 10%;
background-image: url("data:image/svg+xml,%3Csvg width='131' height='108' viewBox='0 0 131 108' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.1' d='M1.9996 107.2H57.5996L55.1996 56H26.3996C26.3996 39.6 42.7996 14.4 58.3996 0H32.7996C9.59961 24.4 -0.000396729 50.4 -0.000396729 81.2C-0.000396729 89.6 0.799603 98.4 1.9996 107.2ZM74.3996 107.2H130L127.6 56H98.7996C98.7996 39.6 115.2 14.4 130.8 0H105.2C81.9996 24.4 72.3996 50.4 72.3996 81.2C72.3996 89.6 73.1996 98.4 74.3996 107.2Z' fill='%23000'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: 0 2rem;
background-size: 8%
}
@media(max-width:991.98px) {
.layout-builder__quote .content {
padding-left: calc(20% + 1.5rem);
background-position: 1.5rem .75rem;
background-size: 14%
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.layout-builder__quote .content {
padding-left: calc(10% + 3rem);
background-position-x: 3rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.layout-builder__quote .content {
padding-left: calc(10% + 6rem);
background-position-x: 6rem
}
}
.layout-builder__quote-title {
font-size: 1.5rem;
font-weight: normal
}
@media(min-width:992px) {
.layout-builder__quote-title {
font-size: 3rem
}
}
.layout-builder__quote-sub-title {
font-weight: 400;
font-size: 18px;
margin-top: 2.5rem
}
.layout-builder__text-image-block .row {
align-items: center;
gap: 3rem;
justify-content: space-between
}
.layout-builder__text-image-block .row.right {
flex-direction: row-reverse
}
@media(max-width:991.98px) {
.layout-builder__text-image-block .row {
gap: 1.5rem
}
}
.layout-builder__text-image-block .row .col-md-6 {
width: calc(50% - 3rem)
}
@media(max-width:991.98px) {
.layout-builder__text-image-block .row .col-md-6 {
width: calc(50% - 1.5rem);
padding: 0
}
}
@media(max-width:767.98px) {
.layout-builder__text-image-block .row {
flex-direction: column
}
.layout-builder__text-image-block .row .col-md-6 {
width: 100%
}
}
.layout-builder__text-image-block img {
border-radius: .5rem;
width: 100%;
object-fit: cover;
margin-right: 0
}
@media(max-width:767.98px) {
.layout-builder__text-image-block img {
margin-bottom: 2rem
}
}
.layout-builder__text-image-block .text-wrapper p img {
object-fit: contain
}
.layout-builder__text-image-block .btn {
padding: 0;
font-weight: normal;
margin-top: 1.5rem;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.layout-builder__text-image-block .btn:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.layout-builder__text-image-block-sub-title {
font-size: 18px;
margin-bottom: .5rem;
font-weight: normal;
display: flex;
align-items: center;
gap: .5rem
}
.layout-builder__text-image-block-sub-title:before {
content: "";
height: 2px;
width: 6.75rem;
background-color: currentColor
}
.layout-builder__text-image-block-title {
font-size: 3rem;
margin-bottom: 1.5rem;
font-weight: normal
}
.layout-builder__download-links h3,
.layout-builder__download-links .h3 {
font-size: 36px;
letter-spacing: 3px;
margin-bottom: 40px;
font-weight: 600
}
.layout-builder__download-links li {
padding: 1rem 0
}
@media(max-width:767.98px) {
.layout-builder__download-links li {
display: flex;
justify-content: space-between
}
.layout-builder__download-links li .layout-builder__download-links--right {
width: 30%
}
}
.layout-builder__download-links li a {
color: #1882ff;
background-color: rgba(0, 0, 0, 0);
transition: all 300ms ease-out
}
.layout-builder__download-links li a:hover {
color: #fff;
background-color: #1882ff
}
.layout-builder__download-links li+li {
border-top: 1px solid #dee2e6
}
@media(min-width:992px) {
.layout-builder__download-links li {
display: flex;
align-items: center;
justify-content: space-between
}
}
.layout-builder__download-links--right {
display: flex;
align-items: center;
font-size: 11px
}
@media(max-width:991.98px) {
.layout-builder__download-links--right {
justify-content: flex-end
}
}
.layout-builder__download-links i {
height: 20px;
width: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M10 0L16 6V18C16 18.5304 15.7893 19.0391 15.4142 19.4142C15.0391 19.7893 14.5304 20 14 20H2C1.46957 20 0.960859 19.7893 0.585786 19.4142C0.210714 19.0391 0 18.5304 0 18V2C0 1.46957 0.210714 0.960859 0.585786 0.585786C0.960859 0.210714 1.46957 0 2 0H10ZM14 18V7H9V2H2V18H14ZM6.92 10.31C6.68 9.54 6.15 7.08 7.55 7.04C8.95 7 8.03 10.16 8.03 10.16C8.42 11.65 10.05 12.72 10.05 12.72C10.55 12.57 13.4 12.24 13 13.72C12.57 15.2 9.5 13.81 9.5 13.81C7.55 13.95 6.09 14.47 6.09 14.47C4.96 16.58 3.64 17.5 3.1 16.61C2.43 15.5 5.23 14.07 5.23 14.07C6.68 11.72 6.9 10.35 6.92 10.31ZM7.57 11.15C7.17 12.45 6.37 13.84 6.37 13.84C7.22 13.5 9.08 13.11 9.08 13.11C7.94 12.11 7.59 11.16 7.57 11.15ZM10.71 13.32C10.71 13.32 12.46 13.97 12.5 13.71C12.57 13.44 11.17 13.2 10.71 13.32ZM5.05 14.81C4.28 15.11 3.54 16.39 3.72 16.39C3.9 16.4 4.63 15.79 5.05 14.81ZM7.57 9.26C7.57 9.21 8 7.58 7.57 7.53C7.27 7.5 7.56 9.22 7.57 9.26Z' fill='%23263140'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: contain
}
.layout-builder__download-links a {
margin-left: 30px;
height: 38px;
width: 38px;
border-radius: 100%;
justify-content: center;
padding-right: 0;
display: inline-flex;
align-items: center
}
.layout-builder__download-links a:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.layout-builder__download-links a:after {
margin-left: 0;
transform: none
}
.layout-builder__download-links a:hover {
background-color: #1882ff;
color: #fff
}
.layout-builder__column-text-block .row {
gap: 3rem
}
.layout-builder__column-text-block .row .col-md-4 {
flex: 0 0 calc(33.33% - 32px);
width: auto;
text-align: justify
}
@media(max-width:991.98px) {
.layout-builder__column-text-block .row .col-md-4 {
flex: 0 0 100%;
padding: 0
}
}
.layout-builder__column-text-block-title {
margin-bottom: 1rem
}
@media(max-width:991.98px) {
.layout-builder__column-text-block-title {
margin-top: .75rem
}
}
.layout-builder__reservation .content {
max-width: 100%
}
.layout-builder__reservation .content iframe {
width: 100%
}
.layout-builder__reservation .content .btn:not(.has-icon) {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.layout-builder__reservation .content .btn:not(.has-icon):before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(min-width:1792px) {
.layout-builder__promo-block {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.layout-builder__promo-block {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.layout-builder__promo-block {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.layout-builder__promo-block {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.layout-builder__promo-block {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
@media(min-width:1792px) {
.layout-builder__promo-block .content:where(.layout-builder__promo-block .content) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.layout-builder__promo-block .content:where(.layout-builder__promo-block .content) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.layout-builder__promo-block .content:where(.layout-builder__promo-block .content) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.layout-builder__promo-block .content:where(.layout-builder__promo-block .content) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.layout-builder__promo-block .content:where(.layout-builder__promo-block .content) {
padding-left: 1rem;
padding-right: 1rem
}
}
@media(min-width:576px) {
.layout-builder__promo-block .row {
gap: 20px
}
.layout-builder__promo-block .col-lg-6 {
width: calc(50% - 10px)
}
.layout-builder__promo-block .col-lg-3 {
width: calc(25% - 20px)
}
}
@media(max-width:767.98px) {
.layout-builder__promo-block {
padding-bottom: 2rem
}
}
@media(max-width:991.98px) {
.layout-builder__promo-block .col-md-6 {
width: calc(50% - 12px)
}
.layout-builder__promo-block .col-md-12 {
width: 100%
}
}
@media(max-width:767.98px) {
.layout-builder__promo-block .col-md-6 {
width: 100%
}
}
.layout-builder__promo-block .row {
gap: 24px;
margin-top: 0
}
.layout-builder__promo-block .row>* {
margin-top: 0;
padding: 0
}
.layout-builder__promo-title {
margin-bottom: 1.5rem
}
.layout-builder__promo-item {
background-position: top;
background-repeat: no-repeat;
background-size: cover;
padding-top: 18rem;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
border-radius: .5rem;
overflow: hidden
}
@media(max-width:767.98px) {
.layout-builder__promo-item {
margin-bottom: 2rem
}
}
.layout-builder__promo-item-content {
padding: .75rem 1.5rem 1.5rem;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 23%, rgb(255, 255, 255) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 23%, rgb(255, 255, 255) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 23%, rgb(255, 255, 255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0)
}
.layout-builder__promo-item-content .btn {
display: inline-flex
}
.layout-builder__promo-item span {
padding: 2px 6px;
font-size: .75rem;
border-radius: .25rem;
margin: 0 1.5rem
}
.layout-builder__promo-date {
font-size: .75rem;
color: #76818d
}
.layout-builder__promo-description {
font-size: .875rem
}
.layout-builder__image-text-card-item {
border-radius: .5rem;
overflow: hidden
}
@media(min-width:768px) {
.layout-builder__image-text-card-item {
display: flex;
height: 100%
}
}
.layout-builder__image-text-card-image-container {
flex: 1
}
.layout-builder__image-text-card-image-container img {
width: 100% !important;
height: 100% !important;
object-fit: cover
}
.layout-builder__image-text-card-content {
flex: 1;
background-color: #fff;
padding: 1rem;
font-size: .875rem
}
.layout-builder__image-text-card-description p:last-child {
margin-bottom: 0
}
.layout-builder__column-text-block,
.layout-builder__menu,
.layout-builder__promo-block,
.layout-builder__title {
padding-block: 1.5rem
}
.layout-builder__title>:is(h1, .h1, h2, .h2),
.layout-builder__menu a.nav-link,
.layout-builder__breadcrumb a.nav-link,
.layout-builder__breadcrumb li.breadcrumb-item {
color: inherit !important
}
.block-content-basic {
padding-block: 1.5rem
}
@media(min-width:1792px) {
.block-block-content {
width: calc(100vw - var(--scrollbar-width) - var(--gin-toolbar-width-collapsed, 0px));
max-width: none;
margin-left: calc(-50vw + 50% + var(--scrollbar-width)/2 + var(--gin-toolbar-width-collapsed, 0px)/2);
margin-right: auto
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.block-block-content {
margin-left: -6rem;
margin-right: -6rem;
width: calc(100% + 6rem + 6rem);
max-width: none
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.block-block-content {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 3rem + 3rem);
max-width: none
}
}
@media(min-width:768px)and (max-width:991.98px) {
.block-block-content {
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 1.5rem + 1.5rem);
max-width: none
}
}
@media(max-width:767.98px) {
.block-block-content {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 1rem + 1rem);
max-width: none
}
}
@media(min-width:1792px) {
.block-block-content .content:where(.block-block-content .content, .block-block-content h2.container, .block-block-content .container.h2),
.block-block-content h2.container:where(.block-block-content .content, .block-block-content h2.container, .block-block-content .container.h2),
.block-block-content .container.h2:where(.block-block-content .content, .block-block-content h2.container, .block-block-content .container.h2) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.block-block-content .content:where(.block-block-content .content, .block-block-content h2.container, .block-block-content .container.h2),
.block-block-content h2.container:where(.block-block-content .content, .block-block-content h2.container, .block-block-content .container.h2),
.block-block-content .container.h2:where(.block-block-content .content, .block-block-content h2.container, .block-block-content .container.h2) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.block-block-content .content:where(.block-block-content .content, .block-block-content h2.container, .block-block-content .container.h2),
.block-block-content h2.container:where(.block-block-content .content, .block-block-content h2.container, .block-block-content .container.h2),
.block-block-content .container.h2:where(.block-block-content .content, .block-block-content h2.container, .block-block-content .container.h2) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.block-block-content .content:where(.block-block-content .content, .block-block-content h2.container, .block-block-content .container.h2),
.block-block-content h2.container:where(.block-block-content .content, .block-block-content h2.container, .block-block-content .container.h2),
.block-block-content .container.h2:where(.block-block-content .content, .block-block-content h2.container, .block-block-content .container.h2) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.block-block-content .content:where(.block-block-content .content, .block-block-content h2.container, .block-block-content .container.h2),
.block-block-content h2.container:where(.block-block-content .content, .block-block-content h2.container, .block-block-content .container.h2),
.block-block-content .container.h2:where(.block-block-content .content, .block-block-content h2.container, .block-block-content .container.h2) {
padding-left: 1rem;
padding-right: 1rem
}
}
@media(min-width:1792px) {
.node--type-layout-builder-page>.block-edito-content-slider div.container:where(.node--type-layout-builder-page>.block-edito-content-slider div.container) {
max-width: calc(1600px + 6rem + 6rem);
margin-left: auto;
margin-right: auto;
padding-right: 6rem;
padding-left: 6rem
}
}
@media(min-width:1440px)and (max-width:1791.98px) {
.node--type-layout-builder-page>.block-edito-content-slider div.container:where(.node--type-layout-builder-page>.block-edito-content-slider div.container) {
padding-left: 6rem;
padding-right: 6rem
}
}
@media(min-width:992px)and (max-width:1439.98px) {
.node--type-layout-builder-page>.block-edito-content-slider div.container:where(.node--type-layout-builder-page>.block-edito-content-slider div.container) {
padding-left: 3rem;
padding-right: 3rem
}
}
@media(min-width:768px)and (max-width:991.98px) {
.node--type-layout-builder-page>.block-edito-content-slider div.container:where(.node--type-layout-builder-page>.block-edito-content-slider div.container) {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width:767.98px) {
.node--type-layout-builder-page>.block-edito-content-slider div.container:where(.node--type-layout-builder-page>.block-edito-content-slider div.container) {
padding-left: 1rem;
padding-right: 1rem
}
}
.page-hubber-pro__tickets .hubber__orders-history-professionnels-filters {
position: relative;
margin-bottom: 3rem
}
.page-hubber-pro__tickets .hubber__orders-history-professionnels-filters:has(#mainViewContainer) .js-seat-mode-wrapper {
border-top: 1px solid #e2e5e8;
border-bottom: 1px solid #e2e5e8;
border-left: 1px solid #e2e5e8;
border-right: 1px solid #e2e5e8;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem
}
.page-hubber-pro__tickets .hubber__orders-history-professionnels-filters:has(#mainViewContainer) .js-seat-mode-wrapper .js-seat-mode-footer {
width: calc(100% - 2px);
bottom: 1px;
border-top: 1px solid #e2e5e8
}
.page-hubber-pro__tickets .hubber__orders-history-professionnels-filters .tooltip-plan .tooltip-plan-content div.js-beneficiary {
display: flex;
align-items: center;
gap: 2px
}
.page-hubber-pro__tickets .hubber__orders-history-professionnels-filters .tooltip-plan .tooltip-plan-content div.js-beneficiary .status-delegated {
padding: 0;
background: rgba(0, 0, 0, 0);
text-transform: none;
font-family: "Poppins";
font-weight: 500;
margin: 0
}
.page-hubber-pro__tickets .hubber__orders-history-professionnels-filters .tooltip-plan .tooltip-plan-content div.js-beneficiary .status-delegated:after {
content: ":";
display: inline-flex
}
.page-hubber-pro__tickets .hubber__orders-history-professionnels-filters .tooltip-plan .tooltip-plan-content div.js-beneficiary .target-beneficiary {
font-weight: 600;
margin-left: .25rem
}
.page-hubber-pro__tickets .hubber__orders-history-professionnels-filters .tooltip-plan .tooltip-plan-content div:has(.js-status) {
display: inline-flex;
gap: .5rem;
flex-direction: column;
align-items: flex-start;
margin-top: .5rem
}
.page-hubber-pro__tickets .hubber__orders-history-professionnels-filters .tooltip-plan .tooltip-plan-content .status-wrapper {
display: inline-flex;
flex-direction: column;
gap: .5rem;
align-items: flex-start
}
.page-hubber-pro__tickets .hubber__orders-history-professionnels-filters .tooltip-plan .tooltip-plan-content .js-status .status-wrapper div {
display: inline-flex;
align-items: center;
margin: 0;
border-radius: 4px;
padding: 2px;
line-height: 21px;
align-items: center
}
.page-hubber-pro__tickets .hubber__orders-history-professionnels-filters .tooltip-plan .tooltip-plan-content .js-status .status-wrapper div:has(.status-delegated) {
border-color: #b5e4f2;
background-color: #b5e4f2
}
.page-hubber-pro__tickets .hubber__orders-history-professionnels-filters .tooltip-plan .tooltip-plan-content .js-status .status-wrapper div:has(.status-downloaded) {
border-color: #b0d4ff;
background-color: #b0d4ff
}
.page-hubber-pro__tickets .hubber__orders-history-professionnels-filters .tooltip-plan .tooltip-plan-content .js-status .status-wrapper div:has(.status-transferred) {
border-color: #dfaff6;
background-color: #dfaff6
}
.page-hubber-pro__tickets .hubber__orders-history-professionnels-filters .tooltip-plan .tooltip-plan-content .js-status .status-wrapper div:has(.status-received) {
border-color: #cae9b0;
background-color: #cae9b0
}
.page-hubber-pro__tickets .hubber__orders-history-professionnels-filters .tooltip-plan .tooltip-plan-content .js-status .status-wrapper div span[class^=status-] {
padding: 3px 8px;
border-radius: 0;
font-size: .688rem;
font-family: "Bebas Neue";
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: .55px;
margin: 0;
text-transform: uppercase
}
.page-hubber-pro__tickets .hubber__orders-history-professionnels-filters .tooltip-plan .tooltip-plan-content .js-status .status-wrapper div span[class^=target] {
border-radius: 4px;
background-color: #fff;
flex: 1;
margin: 0;
white-space: normal;
overflow-wrap: break-word;
padding-left: .3125rem;
padding-right: .3125rem;
align-items: center
}
.switch-filters {
cursor: pointer;
height: 40px;
width: 40px;
font-size: 0;
border: 1px solid #dee2e6;
border-radius: 2rem;
font-weight: 600;
justify-content: center;
position: absolute;
top: -4rem;
right: 0;
background: #f6f8f9;
display: inline-flex;
align-items: center;
margin-left: .5rem
}
.switch-filters:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.switch-filters:after {
transition: all 300ms ease-out
}
@media(prefers-reduced-motion:reduce) {
.switch-filters:after {
transition: none
}
}
@media(min-width:992px) {
.switch-filters {
display: none
}
}
@media(max-width:991.98px) {
.switch-filters {
top: -7.5rem
}
.switch-filters:after {
margin-left: 0
}
}
.switch-filters:hover,
.switch-filters.active {
background-color: #fff
}
.switch-filters .js-label {
font-size: 0
}
@media(min-width:992px) {
.switch-filters .js-label {
font-size: .875rem
}
}
.switch-filters .js-nb {
display: none
}
.switch-filters.selected {
color: #1882ff;
border-color: #1882ff;
background-color: #fff
}
.switch-filters.selected .js-nb {
display: flex;
position: absolute;
align-items: center;
justify-content: center;
color: #fff;
background: #1882ff;
font-size: 10px;
height: 1rem;
width: 1rem;
border-radius: 100%;
line-height: 1;
right: 0;
top: 0
}
.js-change-beneficiary {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.js-change-beneficiary:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.js-delegate {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.js-delegate:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.js-export-for-delegation {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.js-export-for-delegation:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.js-export-for-change-beneficiary {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.js-export-for-change-beneficiary:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.js-mass-import {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.js-mass-import:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.js-transfer {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.js-transfer:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.js-transfer-to-beneficiary {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.js-transfer-to-beneficiary:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.js-download {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.js-download:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.js-download-zip {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.js-download-zip:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.js-take-back {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.js-take-back:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.js-refuse {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.js-refuse:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.js-plan {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.js-plan:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.js-export-global {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.js-export-global:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.js-hubber-pro-map-location {
cursor: pointer;
height: 1.5rem;
width: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
margin-left: .5rem;
font-size: 0;
border-radius: .25rem;
flex-shrink: 0
}
.js-hubber-pro-map-location:after {
content: "";
font-size: 1.5rem;
font-family: "hubber8";
color: #76818d;
line-height: 1
}
#edit-plan-view {
height: 100%;
overflow: hidden;
background-color: #fff;
border-radius: 0 0 1rem 1rem
}
#edit-plan-view .controls {
position: absolute;
top: .5rem;
left: .5rem;
background-color: #fff;
border-radius: .5rem;
padding: .25rem .5rem;
z-index: 1;
display: flex;
flex-direction: column;
box-shadow: 0 0 4px 0px rgba(0, 0, 0, .03), 0 1px 1px 0px rgba(0, 0, 0, .05)
}
#edit-plan-view .controls .in_out {
width: 1.25rem;
display: block;
text-align: center;
cursor: pointer;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
#edit-plan-view .controls .in_out.zoom-in {
border-bottom: 1px solid #dee2e6;
display: flex;
align-items: center;
justify-content: center
}
#edit-plan-view .controls .in_out.zoom-in:after {
content: "";
font-size: 1.5rem;
font-family: "hubber8"
}
#edit-plan-view .controls .in_out.zoom-out {
display: flex;
align-items: center;
justify-content: center
}
#edit-plan-view .controls .in_out.zoom-out:after {
content: "";
font-size: 1.5rem;
font-family: "hubber8"
}
.page-hubber-pro__tickets .select2-results__option {
justify-content: space-between
}
.page-hubber-pro__tickets .js-block-label {
font-size: 1.5rem;
margin-bottom: 0;
margin-right: .25rem;
margin-left: .5rem
}
.page-hubber-pro__tickets .seat_tooltip_view {
max-height: 5rem
}
.page-hubber-pro__tickets .tooltip-plan-content {
font-size: 11px
}
.page-hubber-pro__tickets .tooltip-plan-content .js-view-cam-button,
.page-hubber-pro__tickets .tooltip-plan-content .js-map-location-button {
display: none
}
.page-hubber-pro__tickets .tooltip-plan-content span[class^=status-] {
margin-left: 0
}
.page-hubber-pro__tickets .js-seat-mode {
display: flex;
align-items: center;
flex-direction: column;
line-height: 1
}
.page-hubber-pro__tickets .js-seat-mode span:not(.picto-map) {
color: #1882ff
}
.page-hubber-pro__tickets .js-seat-mode .picto-map:before {
content: "";
font-size: 1.5rem;
font-family: "hubber8";
line-height: 1
}
.page-hubber-pro__tickets .hp-tickets-selector-wrapper {
position: fixed;
bottom: .5rem;
z-index: 1;
border-radius: 3rem;
left: 50%;
transform: translateX(-50%);
margin-top: 1rem;
padding: .5rem .75rem;
display: flex;
align-items: center;
background-color: rgba(0, 0, 0, .75);
color: #fff;
font-size: .75rem;
border: 0;
font-weight: 600
}
.page-hubber-pro__tickets .hp-tickets-selector-wrapper:before {
content: "";
background: #1882ff;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
border-radius: 3rem
}
.page-hubber-pro__tickets .hp-tickets-selector-wrapper .js-hp-selected-tickets,
.page-hubber-pro__tickets .hp-tickets-selector-wrapper .js-hp-select-tickets {
padding-left: 1rem;
margin: 0 1rem;
border-left: 1px solid rgba(255, 255, 255, .2);
overflow: hidden;
white-space: nowrap
}
.page-hubber-pro__tickets .hp-tickets-selector-wrapper .js-hp-select-tickets {
cursor: pointer;
text-decoration: underline
}
.page-hubber-pro__tickets .hp-tickets-selector-wrapper .js-hp-selected-tickets {
display: inline-flex;
align-items: center;
margin-left: .5rem
}
.page-hubber-pro__tickets .hp-tickets-selector-wrapper .js-hp-selected-tickets:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-hubber-pro__tickets .hp-tickets-selector-wrapper .js-hp-selected-tickets:after {
cursor: pointer
}
.page-hubber-pro__tickets .hp-tickets-selector-wrapper .hp-tickets-choice-wrapper {
background-color: rgba(255, 255, 255, .1);
padding: .125rem;
display: flex;
border-radius: 3rem
}
.page-hubber-pro__tickets .hp-tickets-selector-wrapper .hp-tickets-choice-wrapper .js-hp-map-selector {
padding: .5rem 1.5rem;
border-radius: 3rem;
overflow: hidden;
white-space: nowrap
}
.page-hubber-pro__tickets .hp-tickets-selector-wrapper .hp-tickets-choice-wrapper .js-hp-map-selector.selected {
color: #263140;
background-color: #fff
}
.page-hubber-pro__tickets .hp-tickets-selector-wrapper .js-unselect {
display: inline-flex;
align-items: center;
height: 34px;
width: 34px;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, .2);
border-radius: 100%;
cursor: pointer;
font-size: 0;
margin-left: .5rem
}
.page-hubber-pro__tickets .hp-tickets-selector-wrapper .js-unselect:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-hubber-pro__tickets .js-seat-mode-footer {
background-color: #fff;
position: absolute;
bottom: 0;
width: 100%;
display: flex;
align-items: center;
border-radius: 0 0 1rem 1rem;
margin-bottom: 0
}
.page-hubber-pro__tickets .js-seat-mode-footer .js-buttons-bulk-actions {
margin: 0 .75rem 0 1rem;
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
margin-left: .5rem
}
@media(min-width:768px) {
.page-hubber-pro__tickets .js-seat-mode-footer .js-buttons-bulk-actions {
display: inline-flex
}
}
.page-hubber-pro__tickets .js-seat-mode-footer .js-buttons-bulk-actions:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
.page-hubber-pro__tickets .js-seat-mode-footer .js-buttons-bulk-actions:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.page-hubber-pro__tickets .js-seat-mode-footer .js-actions-nb-tickets {
font-size: .75rem;
font-weight: 600;
line-height: 1
}
.page-hubber-pro__tickets .js-hp-map-back-list {
margin: 1.5rem;
margin-left: auto;
font-size: .75rem;
font-weight: 600;
line-height: 1;
color: #1882ff;
cursor: pointer
}
.path-batch #page {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh
}
.path-batch #page .layout-main-wrapper {
min-height: 0;
width: 80%;
background: rgba(0, 0, 0, 0)
}
@media(min-width:992px) {
.path-batch #page .layout-main-wrapper {
max-width: 38rem
}
}
.path-batch #page .layout-main-wrapper .progress {
background-color: rgba(0, 0, 0, 0);
box-shadow: none;
width: 100%;
height: unset
}
.path-batch #page .layout-main-wrapper .progress__track {
border-radius: .25rem;
margin: 0;
height: 1rem;
flex: 1;
margin-left: 1rem;
border: 0;
background-color: #76818d;
overflow: hidden;
margin-right: .75rem;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075)
}
.path-batch #page .layout-main-wrapper .progress__bar {
background-color: #1882ff
}
.path-batch #page .layout-main-wrapper .section {
display: flex;
flex-direction: column;
align-items: center
}
.path-batch #page .layout-main-wrapper .progress-bar-message {
font-size: .75rem;
margin-top: 1rem
}
.path-batch #page .layout-main-wrapper pre {
font-size: unset;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}
.path-batch #page #header {
background: rgba(0, 0, 0, 0) !important;
box-shadow: none
}
.path-batch #page #header .navbar {
height: auto !important;
background: rgba(0, 0, 0, 0) !important
}
.path-batch #page #header .title {
font-size: 1.125rem;
margin-bottom: 2rem
}
.path-batch #page #header .title+a {
display: none
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event {
display: flex;
background-color: #fff;
border-radius: .5rem;
padding: 1.5rem;
gap: .5rem;
margin-bottom: 3rem;
border: 1px solid #dee2e6
}
@media(max-width:767.98px) {
.block-hubber-pro-dashboard .hubber-pro-dashboard-event {
flex-direction: column
}
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card {
background-color: #f6f8f9;
border-radius: .5rem;
position: relative;
display: flex;
flex-direction: column;
margin-top: 1rem
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .countdown {
font-size: .75rem;
color: #fff;
background-color: #64bf18;
padding: 4px 8px;
font-weight: bold;
position: absolute;
left: 50%;
top: -0.75rem;
transform: translateX(-50%);
border-radius: .25rem
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .card-content {
padding: 1.5rem;
flex: 1
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .match-info {
margin: .5rem 0 1rem;
text-align: center
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .title,
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .date,
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .venue {
text-align: center;
margin-bottom: 0;
font-size: .75rem
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .date {
font-weight: 600;
color: #1882ff
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .venue {
font-size: .625rem
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .ticket-info .progress {
background-color: #ccd2d9
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .ticket-info .progress-bar {
background-color: #1882ff
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .ticket-info .progress-bar+.progress-bar {
opacity: .5
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .ticket-info ul {
margin: .5rem 0;
font-size: 11px
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .ticket-info ul .legend-label {
display: flex;
align-items: center;
gap: .25rem
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .ticket-info ul .legend-label:before {
content: "";
height: .5rem;
width: .5rem;
border-radius: .125rem;
background-color: #1882ff;
flex-shrink: 0
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .ticket-info ul li {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: .25rem
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .ticket-info ul li:nth-child(2) .legend-label:before {
opacity: .5
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .ticket-info ul li:last-child {
margin-bottom: 0
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .ticket-info ul li:last-child .legend-label:before {
background-color: #ccd2d9
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .ticket-info ul .ticket-statistic {
display: flex;
gap: .5rem
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .total {
display: inline-block;
font-size: 11px;
border-top: 1px solid #dee2e6;
padding-top: .25rem
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .total-wrapper {
text-align: right
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .total b {
font-size: .875rem;
font-weight: 800;
margin-right: .4rem
}
.block-hubber-pro-dashboard .hubber-pro-dashboard-event-card .card-action {
padding: 1rem;
text-align: center;
font-size: .75rem;
font-weight: 600;
border-top: 1px solid #fff
}
.hubber-pro-tickets-dashboard {
background-color: #fff;
border-radius: .5rem;
padding: 1.5rem;
margin: 1.5rem 0 3rem;
gap: .5rem;
display: flex;
flex-wrap: wrap;
border: 1px solid #dee2e6;
align-items: center;
justify-content: flex-start
}
@media(max-width:575.98px) {
.hubber-pro-tickets-dashboard #dashboard-content {
flex-direction: column;
width: 100%;
flex-wrap: nowrap
}
}
.hubber-pro-tickets-dashboard__title {
font-size: 1.25rem;
margin-bottom: .5rem;
width: 100%
}
.hubber-pro-tickets-dashboard .form-type-select2 {
position: relative;
min-height: 3.5rem;
width: 360px;
transform: translateX(-9px)
}
@media(max-width:767.98px) {
.hubber-pro-tickets-dashboard .form-type-select2 {
min-height: 2.5rem;
transform: none
}
}
.hubber-pro-tickets-dashboard .form-type-select2 .select2-container .select2-selection--single .select2-selection__rendered {
padding: .75rem 1rem;
color: #76818d
}
.hubber-pro-tickets-dashboard .form-type-select2:has(.select2):has(select) label {
position: absolute;
top: -7px;
left: 8px;
display: flex;
align-items: center;
width: auto;
height: auto;
min-height: 0;
padding: 3px 2px 2px 5px;
border-radius: 6px;
font-size: .625rem;
line-height: .625rem;
font-weight: 400;
color: #76818d;
transition: .4s;
z-index: 5;
background: #fff;
text-transform: capitalize
}
.hubber-pro-tickets-dashboard .form-type-select2:has(.select2):has(select):has(.select2-container--open) label {
color: var(--hb-cta-primary)
}
.hubber-pro-tickets-dashboard__item {
padding: 1.5rem;
border-radius: .5rem;
background-color: #f6f8f9;
flex: 0 0 100%
}
@media(min-width:992px) {
.hubber-pro-tickets-dashboard__item.stat,
.hubber-pro-tickets-dashboard__item.repartition {
flex: 1
}
}
.hubber-pro-tickets-dashboard__item-title {
font-size: .875rem
}
.hubber-pro-tickets-dashboard__item.stat {
padding-top: 0;
padding-bottom: 0
}
.hubber-pro-tickets-dashboard__item.stat>div {
font-weight: 600;
display: grid;
gap: .5rem;
align-items: center;
grid-template-columns: 1fr 1fr;
padding: 1.5rem
}
.hubber-pro-tickets-dashboard__item.stat>div:not(:last-child) {
border-bottom: 1px solid #fff
}
@media(max-width:575.98px) {
.hubber-pro-tickets-dashboard__item.stat>div {
grid-template-columns: auto;
grid-template-rows: 1fr 1fr;
text-align: center;
padding: 1.5rem 0
}
}
.hubber-pro-tickets-dashboard__item.stat .stat-number {
font-size: 3rem;
font-weight: 800;
text-align: right;
line-height: 1
}
@media(max-width:575.98px) {
.hubber-pro-tickets-dashboard__item.stat .stat-number {
text-align: center
}
}
.hubber-pro-tickets-dashboard__item.stat a {
font-size: .75rem
}
.hubber-pro-tickets-dashboard__item.repartition {
text-align: right;
font-size: .875rem;
display: flex;
align-items: center
}
@media(max-width:575.98px) {
.hubber-pro-tickets-dashboard__item.repartition {
flex-direction: column;
align-items: flex-start;
text-align: left;
gap: 1rem
}
}
.hubber-pro-tickets-dashboard__item.repartition .repartition-pie-chart,
.hubber-pro-tickets-dashboard__item.repartition .repartition-stat-wrapper {
flex: 1
}
@media(max-width:575.98px) {
.hubber-pro-tickets-dashboard__item.repartition .repartition-pie-chart,
.hubber-pro-tickets-dashboard__item.repartition .repartition-stat-wrapper {
width: 100%
}
.hubber-pro-tickets-dashboard__item.repartition .repartition-pie-chart .pie,
.hubber-pro-tickets-dashboard__item.repartition .repartition-stat-wrapper .pie {
width: 100%
}
}
.hubber-pro-tickets-dashboard__item.repartition .repartition-stat-wrapper {
display: flex;
flex-direction: column;
justify-content: center
}
.hubber-pro-tickets-dashboard__item.repartition ol {
padding-bottom: .5rem;
margin-bottom: .5rem;
border-bottom: 1px solid #dee2e6
}
.hubber-pro-tickets-dashboard__item.repartition ol li:not(:last-child) {
margin-bottom: 1rem
}
@media(max-width:575.98px) {
.hubber-pro-tickets-dashboard__item.repartition ol {
padding: 0
}
}
.hubber-pro-tickets-dashboard__item.repartition .legend-label {
display: flex;
align-items: flex-start;
justify-content: flex-end;
gap: .25rem
}
@media(max-width:575.98px) {
.hubber-pro-tickets-dashboard__item.repartition .legend-label {
justify-content: flex-start
}
}
.hubber-pro-tickets-dashboard__item.repartition .legend-label:before {
content: "";
height: .5rem;
width: .5rem;
margin-top: .3125rem;
border-radius: .125rem;
background-color: #1882ff;
flex-shrink: 0
}
.hubber-pro-tickets-dashboard__item.repartition li:nth-child(2) .legend-label:before {
opacity: .5
}
.hubber-pro-tickets-dashboard__item.repartition li:last-child {
margin-bottom: 0
}
.hubber-pro-tickets-dashboard__item.repartition li:last-child .legend-label:before {
background-color: #ccd2d9
}
.hubber-pro-tickets-dashboard__item.category-repartition .category-legend {
display: grid;
font-size: 11px;
margin-top: 1rem;
justify-content: space-between;
grid-row-gap: .5rem;
grid-template-columns: repeat(4, minmax(0, 1fr))
}
@media(max-width:575.98px) {
.hubber-pro-tickets-dashboard__item.category-repartition .category-legend {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
}
.hubber-pro-tickets-dashboard__item.category-repartition .js-category-wrapper {
display: flex;
align-items: center;
gap: .25rem
}
.hubber-pro-tickets-dashboard__item.category-repartition .js-category-wrapper .category {
width: 8px;
height: 16px;
border-radius: 4px;
background-color: var(--cat-color)
}
.path-user .select2-container #select2-meetings-select-results .select2-results__group {
font-style: italic;
border-bottom: 1px solid #dee2e6;
font-weight: 500;
color: #76818d;
font-size: .875rem
}
.path-user #select2-meetings-select-results .select2-results__option:not(:has(.select2-results__option)),
.path-user #select2-meetings-select-results .select2-results__option .select2-results__option {
padding: .75rem 1rem;
position: relative
}
.path-user #select2-meetings-select-results .select2-results__option:not(:has(.select2-results__option)):hover,
.path-user #select2-meetings-select-results .select2-results__option .select2-results__option:hover {
color: var(--hb-cta-primary)
}
.path-user #select2-meetings-select-results .select2-results__option:not(:has(.select2-results__option)):hover:before,
.path-user #select2-meetings-select-results .select2-results__option .select2-results__option:hover:before {
background-color: var(--hb-cta-primary);
opacity: .05;
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
border-radius: .25rem
}
.hubber-pro-invitation-response-form {
padding: 3rem 0;
min-height: 60vh
}
.hubber-pro-invitation-response-form h1,
.hubber-pro-invitation-response-form .h1 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 1rem
}
.hubber-pro-invitation-response-form h1:before,
.hubber-pro-invitation-response-form .h1:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M42.0524 13.1677C46.0604 9.31389 52.3967 9.31389 56.4046 13.1677L58.6269 15.3045C59.4512 16.0971 59.4769 17.408 58.6843 18.2323C57.8916 19.0567 56.5808 19.0824 55.7564 18.2897L53.5342 16.153C51.1294 13.8407 47.3276 13.8407 44.9228 16.153L18.6739 41.3923L27.546 46.7837L25.7265 39.9933C25.0903 37.6189 26.3399 34.9661 28.8798 34.2856L33.6247 33.0142C34.5403 32.7689 35.5055 33.1765 35.9681 34.0039C36.6938 35.3021 38.0621 35.8685 39.2449 35.5516C40.4276 35.2347 41.3293 34.06 41.3088 32.5729C41.2957 31.6251 41.9278 30.7894 42.8433 30.5441L47.5882 29.2727C48.4907 29.0309 49.3767 29.0862 50.1724 29.3645L51.3957 24.7991C52.0319 22.4247 54.4405 20.7522 56.9804 21.4327L61.7253 22.7041C62.6409 22.9495 63.273 23.7851 63.2599 24.7329C63.2393 26.2201 64.141 27.3948 65.3238 27.7117C66.5065 28.0286 67.8748 27.4622 68.6006 26.164C69.0631 25.3366 70.0284 24.9289 70.9439 25.1743L75.6888 26.4456C78.2286 27.1262 79.4783 29.779 78.8421 32.1534L75.702 43.8723L79.7831 41.3923L79.6458 41.2602C78.8214 40.4676 78.7957 39.1567 79.5883 38.3324C80.381 37.508 81.6918 37.4823 82.5162 38.275L84.593 40.2719C84.9991 40.6623 85.2285 41.2013 85.2285 41.7646V71.9433C85.2285 77.6614 80.5931 82.2968 74.875 82.2968H23.582C17.8639 82.2968 13.2285 77.6614 13.2285 71.9433V41.7646C13.2285 41.2013 13.458 40.6623 13.864 40.2719L42.0524 13.1677ZM29.7781 52.9863L29.807 53.0041L48.1534 64.1529C48.8141 64.5544 49.6434 64.5544 50.3041 64.1529L58.7063 59.047L58.745 59.0229L81.0871 45.446V71.9433C81.0871 75.3741 78.3059 78.1554 74.875 78.1554H23.582C20.1512 78.1554 17.3699 75.3741 17.3699 71.9433V45.446L29.7781 52.9863ZM55.2289 56.3135L49.1726 33.711C49.1211 33.5188 49.0101 33.3912 48.9021 33.3238C48.7969 33.2582 48.7157 33.2581 48.6601 33.273L45.2873 34.1767C44.7579 36.677 42.9673 38.8417 40.3167 39.5519C37.6661 40.2621 35.0331 39.2827 33.3245 37.3821L29.9517 38.2859C29.896 38.3008 29.8257 38.3415 29.7675 38.4509C29.7076 38.5633 29.6753 38.7293 29.7268 38.9214L32.6674 49.8959L46.0025 57.9994C47.9845 59.2039 50.4725 59.2039 52.4546 57.9994L55.2289 56.3135ZM55.6665 25.4839C55.5585 25.5513 55.4475 25.6788 55.396 25.871L53.4952 32.9647L59.427 53.103C59.6341 53.1887 59.8354 53.2841 60.0303 53.3885L70.5818 46.98L74.8418 31.0815C74.8933 30.8893 74.8609 30.7234 74.8011 30.611C74.7428 30.5016 74.6725 30.4608 74.6169 30.4459L71.2442 29.5422C69.5355 31.4428 66.9025 32.4222 64.2519 31.712C61.6013 31.0017 59.8108 28.8371 59.2813 26.3368L55.9085 25.433C55.8529 25.4181 55.7716 25.4183 55.6665 25.4839Z' fill='%23263140'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
display: block;
width: 96px;
height: 96px;
margin: 1rem auto
}
.hubber-pro-invitation-response-form h1.declined:before,
.hubber-pro-invitation-response-form .declined.h1:before {
width: 48px;
height: 48px;
background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='46' height='46' rx='23' stroke='%23FF1818' stroke-width='2'/%3E%3Cpath d='M16.4427 16.4469C17.033 15.851 17.9899 15.851 18.5802 16.4469L31.4053 29.395C31.9955 29.991 31.9955 30.9571 31.4053 31.5531C30.815 32.149 29.858 32.149 29.2678 31.5531L16.4427 18.605C15.8524 18.009 15.8524 17.0429 16.4427 16.4469Z' fill='%23FF1818'/%3E%3Cpath d='M31.5573 16.4469C32.1476 17.0429 32.1476 18.009 31.5573 18.605L18.7322 31.5531C18.142 32.149 17.185 32.149 16.5947 31.5531C16.0045 30.9571 16.0045 29.991 16.5947 29.395L29.4198 16.4469C30.0101 15.851 30.9671 15.851 31.5573 16.4469Z' fill='%23FF1818'/%3E%3C/svg%3E%0A")
}
.hubber-pro-invitation-response-form h1.confirmed:before,
.hubber-pro-invitation-response-form .confirmed.h1:before {
width: 48px;
height: 48px;
background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='46' height='46' rx='23' stroke='%2364BF18' stroke-width='2'/%3E%3Crect x='18.9917' y='30.6724' width='21.3333' height='2.66667' rx='1' transform='rotate(-45 18.9917 30.6724)' fill='%2364BF18'/%3E%3Crect x='13.3345' y='21.2441' width='13.3333' height='2.66956' rx='1' transform='rotate(45 13.3345 21.2441)' fill='%2364BF18'/%3E%3C/svg%3E%0A")
}
.hubber-pro-invitation-response-form button {
display: flex;
margin: 1rem auto
}
.hubber-pro-invitation-response-form button.decline {
text-decoration: underline;
font-weight: normal
}
.hubber-pro-invitation-response-form button.accept {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.hubber-pro-invitation-response-form button.accept:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
body.page-hubber-pro__tickets [data-drupal-selector=edit-container-sub-title-form] {
margin-bottom: 1rem;
display: block
}
@media(max-width:1199.98px) {
body.page-hubber-pro__tickets .submit-wrapper {
padding: 1.5rem
}
}
body.page-hubber-pro__tickets #edit-datatable {
overflow: auto
}
body.page-hubber-pro__tickets .select2-filter-container .select2-container--hubber_reference8 .select2-selection {
background-color: inherit
}
body.page-hubber-pro__tickets .select2-filter-container .select2-container--hubber_reference8 .select2-selection:hover {
background-color: inherit;
box-shadow: none
}
body.page-hubber-pro__tickets .ticket-actions-panel-container .submit-wrapper {
border-top: 1px solid #e2e5e8;
padding-top: 24px;
margin-top: 24px
}
body.page-hubber-pro__tickets .ticket-actions-panel-container [data-drupal-selector=edit-container].scrollable.js-form-wrapper.form-wrapper {
overflow: auto
}
@media(max-width:767.98px) {
body.page-hubber-pro__tickets .ticket-actions-panel-container [data-drupal-selector=edit-container].scrollable.js-form-wrapper.form-wrapper {
padding-bottom: 0
}
}
body.page-hubber-pro__tickets .ticket-actions-panel-actions-wrapper .js-warning-download-zip {
display: inline-flex;
align-items: center;
margin-right: .5rem;
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed
}
body.page-hubber-pro__tickets .ticket-actions-panel-actions-wrapper .js-warning-download-zip:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
body.page-hubber-pro__tickets .ticket-actions-panel-actions-wrapper .js-warning-download-zip:before {
font-family: "hubber8";
content: ""
}
body.page-hubber-pro__tickets .ticket-actions-panel-actions-wrapper .js-warning-download-zip.btn:hover {
border-left-color: #e2e5e8;
background-color: color-mix(in srgb, #E2E5E8 5.196%, white 94.804%);
color: #76818d
}
body.page-hubber-pro__tickets .js-hubber-pro-page-wrapper {
position: relative
}
@media(max-width:767.98px) {
body.page-hubber-pro__tickets .js-hubber-pro-page-wrapper {
padding-bottom: 0
}
}
body.page-hubber-pro__tickets .js-hubber-pro-page-wrapper #edit-switch-old-tickets-view {
position: absolute;
height: 42px;
width: 215px;
right: 0;
top: -70px
}
@media(max-width:767.98px) {
body.page-hubber-pro__tickets .js-hubber-pro-page-wrapper #edit-switch-old-tickets-view {
top: -3.5rem
}
}
body.page-hubber-pro__tickets #page-wrapper div.js-form-item.js-form-type-select.form-type-select:not(.js-form-type-checkbox):not(.js-form-type-radio):has(select) label {
position: static;
color: inherit !important;
margin-bottom: 5px
}
body.page-hubber-pro__tickets div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio).disabled label {
background: rgba(0, 0, 0, 0) !important
}
body.page-hubber-pro__tickets div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) input {
background: inherit;
color: inherit;
border-color: inherit
}
body.page-hubber-pro__tickets div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent)) label {
background: inherit;
color: inherit
}
body.page-hubber-pro__tickets div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):hover:not(:has(.confirm-parent))::after {
background: inherit;
color: inherit
}
body.page-hubber-pro__tickets [data-drupal-selector=edit-container-language] legend .fieldset-legend {
font-size: .6875rem;
color: #76818d
}
body.page-hubber-pro__tickets [data-drupal-selector=edit-container-language] #edit-container-language .custom-radio,
body.page-hubber-pro__tickets [data-drupal-selector=edit-container-language] #edit-container-language--2 .custom-radio {
margin-bottom: 6px
}
body.page-hubber-pro__tickets [data-drupal-selector=edit-container-language] #edit-container-language--wrapper--description,
body.page-hubber-pro__tickets [data-drupal-selector=edit-container-language] #edit-container-language--2--wrapper--description {
font-size: .6875rem;
display: flex;
align-items: center;
font-style: italic;
font-weight: 400
}
body.page-hubber-pro__tickets [data-drupal-selector=edit-container-language] #edit-container-language--wrapper--description::before,
body.page-hubber-pro__tickets [data-drupal-selector=edit-container-language] #edit-container-language--2--wrapper--description::before {
content: "";
font-family: "hubber8";
font-size: 1.25rem;
margin-right: 3px;
font-style: normal
}
body.page-hubber-pro__tickets #main-wrapper #content .ticket-actions-panel-actions-wrapper {
margin-left: -1.5rem;
margin-right: -1.5rem;
border-top: none;
padding-left: 0;
padding-right: 0;
padding-top: 0
}
body.page-hubber-pro__tickets #main-wrapper #content .ticket-actions-panel-actions-wrapper .btn {
border-left: 4px solid rgba(0, 0, 0, 0);
padding-left: 20px;
border-radius: 0
}
body.page-hubber-pro__tickets #main-wrapper #content .ticket-actions-panel-actions-wrapper .btn:hover {
background-color: color-mix(in srgb, var(--hb-cta-primary) 5.196%, white 94.804%);
border-left-color: var(--hb-cta-primary);
color: var(--hb-cta-primary)
}
body.page-hubber-pro__tickets .fieldset-wrapper>.radio .custom-control-label {
background-color: #f0f2f4
}
body.page-hubber-pro__tickets [data-drupal-selector=edit-container-infos-language] {
margin: 12px 0
}
body.page-hubber-pro__tickets div#page-wrapper form.hubber-deleg-form :not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio),
body.page-hubber-pro__tickets div#page-wrapper form.hubber-deleg-form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) {
margin-top: 10px
}
body.page-hubber-pro__tickets div#page-wrapper form.hubber-deleg-form :not(:has(.filter)) div.js-form-item.form-type-textfield:not(.form-item-payment-information-payment-method-cvv):not(.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code):not(.form-item-delegate):not(.form-item-beneficiaries):not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) label.form-required,
body.page-hubber-pro__tickets div#page-wrapper form.hubber-deleg-form :not(:has(.filter)) div.js-form-item.form-type-email:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required) label.form-required {
border-radius: 56px;
padding: .375rem .75rem;
max-height: none
}
body.page-hubber-pro__tickets div#page-wrapper form.hubber-deleg-form [data-drupal-selector=edit-container-email] {
border-radius: 56px;
min-height: 3.5rem
}
@media(max-width:767.98px) {
body.page-hubber-pro__tickets div#page-wrapper form.hubber-deleg-form [data-drupal-selector=edit-container-email] {
min-height: 2.5rem
}
}
body.page-hubber-pro__tickets #transfer-ticket-form div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):has(input.required):after {
left: auto;
width: auto
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets #transfer-ticket-form {
max-height: 100vh;
overflow: auto
}
}
body.page-hubber-pro__tickets #transfer-ticket-form .history.js-form-wrapper.form-wrapper {
margin-bottom: 20px
}
body.page-hubber-pro__tickets .form-item-switch-old-tickets-view:has(#edit-switch-old-tickets-view-0) {
display: flex;
position: static
}
body.page-hubber-pro__tickets .form-item-switch-old-tickets-view:has(#edit-switch-old-tickets-view-0) label {
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 108px;
height: 42px;
display: flex;
align-items: center;
color: #76818d;
justify-content: center
}
body.page-hubber-pro__tickets .form-item-switch-old-tickets-view:has(#edit-switch-old-tickets-view-0) input#edit-switch-old-tickets-view-0 {
display: block;
width: 108px;
height: 42px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0
}
body.page-hubber-pro__tickets .form-item-switch-old-tickets-view:has(#edit-switch-old-tickets-view-0)::after {
cursor: pointer;
display: inline-block;
content: "";
vertical-align: top;
width: 215px;
height: 42px;
position: absolute;
top: 0;
z-index: 1;
left: 0;
overflow: hidden;
background-color: #e2e5e8;
border: 1px solid #ccd2d9;
border-radius: .5rem;
box-sizing: border-box
}
body.page-hubber-pro__tickets .form-item-switch-old-tickets-view:has(#edit-switch-old-tickets-view-0):has(input:checked) label {
color: #fff
}
body.page-hubber-pro__tickets .form-item-switch-old-tickets-view:has(#edit-switch-old-tickets-view-1) {
position: static;
display: flex
}
body.page-hubber-pro__tickets .form-item-switch-old-tickets-view:has(#edit-switch-old-tickets-view-1) label {
position: absolute;
top: 0;
right: 0;
z-index: 2;
width: 108px;
height: 42px;
display: flex;
align-items: center;
color: #76818d;
justify-content: center
}
body.page-hubber-pro__tickets .form-item-switch-old-tickets-view:has(#edit-switch-old-tickets-view-1) input#edit-switch-old-tickets-view-1 {
display: block;
width: 108px;
height: 42px;
position: absolute;
right: 0;
z-index: 2;
opacity: 0;
top: 0
}
body.page-hubber-pro__tickets .form-item-switch-old-tickets-view:has(#edit-switch-old-tickets-view-1)::before {
position: absolute;
content: "";
width: 108px;
height: 42px;
z-index: 1;
top: 0;
left: 0;
background-color: var(--hb-cta-primary);
border-radius: .5rem;
transition: transform .3s;
transform: translateX(0)
}
body.page-hubber-pro__tickets .form-item-switch-old-tickets-view:has(#edit-switch-old-tickets-view-1):has(input:checked)::before {
transform: translateX(108px)
}
body.page-hubber-pro__tickets .form-item-switch-old-tickets-view:has(#edit-switch-old-tickets-view-1):has(input:checked) label {
color: #fff
}
body.page-hubber-pro__tickets span[class^=status-]:not(.status-scanned) {
font-size: .75rem;
font-family: "Bebas Neue", Arial, Verdana, sans-serif;
line-height: 1;
padding: .3rem .5rem .15rem;
border-radius: .25rem;
font-weight: 600;
display: inline-block;
margin: .125rem .5rem;
overflow: hidden;
white-space: nowrap
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:first-child {
padding-right: 10px;
padding-left: 10px;
border-left: none !important
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:nth-child(3) {
padding-left: 5px;
padding-right: 5px
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:last-child {
padding-left: 5px;
padding-right: 5px;
border-right: none !important
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:last-child:not(:has(.js-quick-action)) {
width: 1%
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:nth-last-child(2)>div:has(.status-scanned),
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td div:has(.status-scanned) {
display: flex;
justify-content: flex-end
}
body.page-hubber-pro__tickets #UserOrdersHistory span.status-scanned {
color: #0b873c;
font-size: .6875rem;
font-style: normal;
font-weight: 600;
line-height: 1.125rem;
display: flex;
align-items: center
}
body.page-hubber-pro__tickets #UserOrdersHistory span.status-scanned::after {
content: "";
font-family: "hubber8";
font-size: 1.25rem;
color: #0b873c;
font-weight: 400
}
body.page-hubber-pro__tickets span.status-delegated {
background-color: #b5e4f2
}
body.page-hubber-pro__tickets span.status-downloaded {
background-color: #b0d4ff
}
body.page-hubber-pro__tickets span.status-transferred {
background-color: #dfaff6
}
body.page-hubber-pro__tickets span.status-received {
background-color: #cae9b0
}
body.page-hubber-pro__tickets span.status-invitation {
background-color: #1882ff;
color: #fff
}
body.page-hubber-pro__tickets span.category {
background-color: var(--cat-color);
font-size: .625rem;
letter-spacing: -0.5px;
color: #fff;
border-radius: .25rem;
display: inline-block;
margin-right: .25rem;
letter-spacing: .55px;
font-family: "Bebas Neue", Arial, Verdana, sans-serif;
font-size: .6875rem;
line-height: normal;
padding: 3px 8px
}
body.page-hubber-pro__tickets span.target-delegate {
white-space: nowrap;
margin: .125rem .5rem
}
body.page-hubber-pro__tickets .block-page-title-block {
margin-bottom: 2.5rem !important
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .block-page-title-block {
margin-bottom: 5rem !important
}
}
body.page-hubber-pro__tickets .block-page-title-block .title {
font-size: 1.5rem !important;
margin-bottom: 0
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:nth-last-child(2) {
vertical-align: middle;
min-width: 250px;
position: relative
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:nth-last-child(2) .status-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
float: left;
width: 70%
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:nth-last-child(2) .scanned-wrapper,
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:nth-last-child(2) .unscanned-wrapper {
float: right;
margin-top: .5rem;
right: 0;
top: 50%;
position: absolute;
transform: translateY(-50%)
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:nth-last-child(2) .status-wrapper div:has(span) {
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
display: flex;
align-items: center;
margin: 4px;
overflow: hidden
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:nth-last-child(2) .status-wrapper div:has(span) span {
margin: 0;
display: flex;
align-items: center;
padding: 3px 6px;
line-height: 21px
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:nth-last-child(2) .status-wrapper div:has(span) span[class^=status-]:not(.status-scanned) {
padding: 3px 8px;
border-radius: 0;
font-size: .6875rem;
font-family: "Bebas Neue", Arial, Verdana, sans-serif;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: .55px;
text-transform: uppercase
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:nth-last-child(2) .status-wrapper div:has(span) span[class^=target] {
border-radius: 4px;
background-color: #fff;
flex: 1;
white-space: normal;
overflow-wrap: break-word
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:nth-last-child(2) .status-wrapper div:has(span):has(.status-delegated) {
border-color: #b5e4f2;
background-color: #b5e4f2
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:nth-last-child(2) .status-wrapper div:has(span):has(.status-downloaded) {
border-color: #b0d4ff;
background-color: #b0d4ff
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:nth-last-child(2) .status-wrapper div:has(span):has(.status-transferred) {
border-color: #dfaff6;
background-color: #dfaff6
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:nth-last-child(2) .status-wrapper div:has(span):has(.status-received) {
border-color: #cae9b0;
background-color: #cae9b0
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr td:nth-last-child(2) .status-wrapper div:has(span):has(.status-invitation) {
border-color: #1882ff;
background-color: #1882ff
}
body.page-hubber-pro__tickets .btn-filter {
padding-right: 3rem;
margin-right: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: .875rem;
background-color: rgba(0, 0, 0, 0)
}
body.page-hubber-pro__tickets .btn-filter:after {
right: .5rem;
font-weight: normal
}
body.page-hubber-pro__tickets .btn-filter.selected {
color: #1882ff;
border-color: #1882ff;
background-color: #fff
}
body.page-hubber-pro__tickets .btn-filter.js-btn-more-filter:after {
content: "";
transform: translateY(-50%) rotate(0) !important
}
body.page-hubber-pro__tickets .ticket-actions-panel-details {
background: color-mix(in srgb, var(--hb-cta-primary) 5.196%, white 94.804%)
}
body.page-hubber-pro__tickets .ticket-actions-panel-details .order-details-header {
flex-direction: column;
font-size: .6875rem
}
body.page-hubber-pro__tickets .ticket-actions-panel-details .order-details-status-wrapper {
align-items: center
}
body.page-hubber-pro__tickets .ticket-actions-panel-details .order-details-status-wrapper span.status-scanned {
color: #0b873c;
font-size: .6875rem;
font-style: normal;
font-weight: 600;
line-height: 1.125rem;
display: flex;
align-items: center
}
body.page-hubber-pro__tickets .ticket-actions-panel-details .order-details-status-wrapper span.status-scanned::after {
content: "";
font-family: "hubber8";
font-size: 1.25rem;
color: #0b873c;
font-weight: 400
}
body.page-hubber-pro__tickets .ticket-actions-panel-details .order-details-status-wrapper .status-wrapper {
display: flex
}
body.page-hubber-pro__tickets .ticket-actions-panel-details .order-details-status-wrapper .status-wrapper div:has(span) {
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
display: flex;
align-items: center;
margin: 4px;
overflow: hidden
}
body.page-hubber-pro__tickets .ticket-actions-panel-details .order-details-status-wrapper .status-wrapper div:has(span):first-child {
margin-left: 0
}
body.page-hubber-pro__tickets .ticket-actions-panel-details .order-details-status-wrapper .status-wrapper div:has(span) span {
margin: 0;
display: flex;
align-items: center;
padding: 3px 6px;
line-height: 21px
}
body.page-hubber-pro__tickets .ticket-actions-panel-details .order-details-status-wrapper .status-wrapper div:has(span) span[class^=status-]:not(.status-scanned) {
padding: 3px 8px;
border-radius: 0;
font-size: .6875rem;
font-family: "Bebas Neue", Arial, Verdana, sans-serif;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: .55px;
text-transform: uppercase
}
body.page-hubber-pro__tickets .ticket-actions-panel-details .order-details-status-wrapper .status-wrapper div:has(span) span[class^=target] {
border-radius: 4px;
background-color: #fff;
flex: 1;
white-space: normal;
overflow-wrap: break-word;
display: block !important
}
body.page-hubber-pro__tickets .ticket-actions-panel-details .order-details-status-wrapper .status-wrapper div:has(span):has(.status-delegated) {
border-color: #b5e4f2;
background-color: #b5e4f2
}
body.page-hubber-pro__tickets .ticket-actions-panel-details .order-details-status-wrapper .status-wrapper div:has(span):has(.status-downloaded) {
border-color: #b0d4ff;
background-color: #b0d4ff
}
body.page-hubber-pro__tickets .ticket-actions-panel-details .order-details-status-wrapper .status-wrapper div:has(span):has(.status-transferred) {
border-color: #dfaff6;
background-color: #dfaff6
}
body.page-hubber-pro__tickets .ticket-actions-panel-details .order-details-status-wrapper .status-wrapper div:has(span):has(.status-received) {
border-color: #cae9b0;
background-color: #cae9b0
}
body.page-hubber-pro__tickets .ticket-actions-panel-details .order-details-status-wrapper .status-wrapper div:has(span):has(.status-invitation) {
border-color: #1882ff;
background-color: #1882ff
}
body.page-hubber-pro__tickets .ticket-content-filters {
margin-bottom: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 1rem;
padding-bottom: 1rem
}
@media(min-width:992px) {
body.page-hubber-pro__tickets .ticket-content-filters.sticky {
position: fixed;
top: var(--main-content-top, 0);
z-index: 10;
background-color: var(--hb-main);
padding-top: 1rem
}
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .ticket-content-filters {
flex-wrap: nowrap;
flex-direction: column;
gap: 1rem
}
}
body.page-hubber-pro__tickets .ticket-content-filters .js-form-item {
margin-bottom: 0;
width: 100%
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter {
flex: 1
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.filter-manifestations {
flex: 2
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .ticket-content-filters>.filter div.filter-wrapper.bottom-anim-init {
transform: translateY(100%)
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter div.filter-wrapper.bottom-anim-on {
transform: translateY(0%);
transition: transform .5s ease-in-out
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter div.filter-wrapper.bottom-anim-close {
transform: translateY(100%);
transition: transform .5s ease-in-out
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter:has(>[data-drupal-selector=edit-more-filters]) div.filter-wrapper {
width: 100%;
padding-bottom: 0;
max-height: none;
height: 500px;
overflow: hidden
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter:has(>[data-drupal-selector=edit-more-filters]) div.filter-wrapper [id*=edit-group4] {
margin-inline: -1.5rem;
padding-inline: 1.5rem;
box-shadow: 0px 5px 24px rgba(0, 0, 0, .07), 0px 2px 15px rgba(0, 0, 0, .03), 0px 1px 5px rgba(0, 0, 0, .03), 0px 1px 3px rgba(0, 0, 0, .05);
position: sticky;
bottom: 0;
z-index: 10;
background: #fff
}
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .js-submit {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .js-submit:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter .form-group {
margin-bottom: 0 !important
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.active:before {
content: "";
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .5);
z-index: 10
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.active>.btn.btn-filter,
body.page-hubber-pro__tickets .ticket-content-filters>.filter.active>.select2-filter-container:not(.disabled) span.select2-selection,
body.page-hubber-pro__tickets .ticket-content-filters>.filter:hover>.btn.btn-filter,
body.page-hubber-pro__tickets .ticket-content-filters>.filter:hover>.select2-filter-container:not(.disabled) span.select2-selection {
z-index: 10;
background-color: #fff;
box-shadow: none;
border-color: var(--hb-cta-primary);
color: var(--hb-cta-primary) !important;
transition: all 300ms ease-out
}
@media(prefers-reduced-motion:reduce) {
body.page-hubber-pro__tickets .ticket-content-filters>.filter.active>.btn.btn-filter,
body.page-hubber-pro__tickets .ticket-content-filters>.filter.active>.select2-filter-container:not(.disabled) span.select2-selection,
body.page-hubber-pro__tickets .ticket-content-filters>.filter:hover>.btn.btn-filter,
body.page-hubber-pro__tickets .ticket-content-filters>.filter:hover>.select2-filter-container:not(.disabled) span.select2-selection {
transition: none
}
}
@media(min-width:992px) {
body.page-hubber-pro__tickets .ticket-content-filters>.filter.filter .filter-wrapper.bottom-anim-on {
display: block
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.filter .filter-wrapper.bottom-anim-close {
display: none
}
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper {
width: 580px;
padding: 1.5rem;
max-height: none
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .scrollable {
overflow-y: auto;
overflow-x: hidden;
max-height: calc(20rem - 81px);
height: 100%;
padding-right: .75rem;
margin-right: -0.75rem
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .scrollable {
max-height: calc(100% - 81px)
}
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group1,
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group2 {
border-bottom: 1px solid #dee2e6;
margin-bottom: 1rem !important;
gap: 1rem
}
@media(min-width:992px) {
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group1,
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group2 {
display: flex
}
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group1,
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group2 {
width: 100%;
display: flex
}
}
@media(max-width:767.98px) {
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group1,
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group2 {
flex-direction: column;
padding-bottom: 1rem
}
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group1 .filter,
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group2 .filter {
width: 50%;
margin-right: 0;
margin-bottom: 1rem
}
@media(max-width:767.98px) {
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group1 .filter,
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group2 .filter {
width: 100%;
margin-bottom: 0
}
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group1 .filter div.js-form-item.form-type-textfield:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):after,
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group2 .filter div.js-form-item.form-type-textfield:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):after {
display: none
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group2 div.js-form-item.form-type-select:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-selection__rendered[title]:not([title=""])):has(select) label,
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group2 .ui-dialog form div.js-form-item.form-type-select:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-selection__rendered[title]:not([title=""])):has(select) label {
position: static;
background-color: rgba(0, 0, 0, 0);
color: inherit
}
@media(min-width:992px) {
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group2 .filter {
margin-bottom: 1rem
}
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group3 {
display: flex;
flex-direction: column;
align-items: flex-start;
border-top: none
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group3 div.js-form-item.form-type-select:not(.js-form-type-checkbox):not(.js-form-type-radio):has(.select2-selection__rendered[title]:not([title=""])):has(select) label {
position: static;
background-color: #fff;
color: inherit;
margin-bottom: 5px
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group3 div.js-form-item.form-type-textfield:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input):not(:has(input.is-invalid)) label {
position: static;
background-color: #fff;
color: #000;
padding: 3px 2px 2px 5px;
margin: 0;
height: auto;
min-height: 0
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group3 p {
margin-bottom: 1rem;
display: block;
font-weight: 800
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group3 .filter label:before {
display: none
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group3,
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group3 .wrapper-infos-seat {
width: 100%
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group3 .wrapper-infos-seat {
height: auto
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group3 .filter {
margin-bottom: 1rem !important;
margin-right: 0;
min-width: 40%
}
}
@media(max-width:767.98px) {
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group3 .filter {
min-width: 100%;
margin-bottom: .5rem !important
}
}
@media(min-width:992px) {
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group3 .select2-selection {
width: auto;
margin: 0
}
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group4 {
border-top: 1px solid #dee2e6;
flex-direction: row;
align-items: center;
padding-block-start: 1rem;
padding-block-end: 0;
margin-block: 0
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper #edit-group4 {
padding-block: 1rem
}
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .beneficiary-filter,
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .delegate-filter {
background-color: #fbfbfc;
padding: 0;
border-color: #dee2e6 !important;
box-shadow: none;
border-radius: .5rem;
overflow: visible
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .beneficiary-filter:after,
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .delegate-filter:after {
display: none
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .beneficiary-filter.active,
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .delegate-filter.active {
border-color: #1882ff !important
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .filter label span,
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .filter .title {
margin-bottom: 1rem;
display: block;
font-weight: 800;
font-size: 1rem
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .wrapper-infos-seat {
gap: 1rem;
display: flex;
align-items: center;
flex-wrap: wrap
}
@media(max-width:767.98px) {
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .wrapper-infos-seat {
flex-direction: column
}
}
@media(min-width:992px) {
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .wrapper-infos-seat>.filter {
display: flex;
align-items: center;
flex-wrap: wrap
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .wrapper-infos-seat>.filter.filters-nb-6,
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .wrapper-infos-seat>.filter.filters-nb-5 {
min-width: 20%;
margin-top: .5rem;
margin-bottom: 0 !important;
margin-right: 0
}
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .wrapper-infos-seat>.filter label span {
font-weight: normal;
margin-bottom: 0
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .wrapper-infos-seat.filter {
flex: 0 0 30%;
margin-bottom: 1rem
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper [id*=edit-group]:last-child {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: flex-start;
margin-top: 1rem
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .js-cancel {
font-size: .875rem;
text-decoration: underline;
cursor: pointer
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter.js-more-filters .filter-wrapper .js-cancel:hover {
text-decoration: none
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter .form-composite {
display: flex;
align-items: center;
justify-content: space-between;
padding: .5rem .25rem .5rem .5rem;
background-color: #f6f8f9;
border-radius: .5rem;
font-size: 11px;
margin-top: .25rem !important;
transition: all 300ms ease-out
}
@media(prefers-reduced-motion:reduce) {
body.page-hubber-pro__tickets .ticket-content-filters>.filter .form-composite {
transition: none
}
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter .form-composite legend {
flex: 1;
margin-bottom: 0;
font-size: 11px;
transition: all 300ms ease-out
}
@media(prefers-reduced-motion:reduce) {
body.page-hubber-pro__tickets .ticket-content-filters>.filter .form-composite legend {
transition: none
}
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter .form-composite legend p {
margin-bottom: 0
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter .form-composite .fieldset-wrapper {
width: 50px
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter .form-composite[data-value*="1"] {
background-color: rgba(100, 191, 24, .05)
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter .form-composite[data-value*="1"] legend {
color: #0b873c
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter .form-composite[data-value*="1"] .switch-radio {
background-color: #0b873c
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter .form-composite[data-value*="1"] .switch-radio .form-check-label {
color: #0b873c
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter .form-composite[data-value*="0"] {
background-color: rgba(197, 8, 8, .05)
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter .form-composite[data-value*="0"] legend {
color: #c50808
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter .form-composite[data-value*="0"] .switch-radio {
background-color: #c50808
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter .form-composite[data-value*="0"] .switch-radio .form-check-label {
color: #c50808
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter .wrap-filters-actions {
flex-direction: row;
align-items: center;
padding-block-start: 1rem;
padding-block-end: 0;
margin-block: 0;
width: 100%;
display: flex;
justify-content: space-between
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter .wrap-filters-actions .form-submit {
width: auto;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter .wrap-filters-actions .form-submit:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
body.page-hubber-pro__tickets .ticket-content-filters>.filter .wrap-filters-actions .js-filter-cancel {
font-size: .875rem;
text-decoration: underline;
cursor: pointer
}
body.page-hubber-pro__tickets .ticket-content-filters .form-item-manifestations:not(.no-malp) .select2-selection__arrow:after {
content: "";
font-family: "hubber8";
transform: translateY(-50%) rotate(0) !important
}
body.page-hubber-pro__tickets .ticket-content-filters .form-item-manifestations:not(.no-malp) .select2-selection.selected .select2-selection__arrow:after {
content: ""
}
body.page-hubber-pro__tickets .ticket-content-filters .js-filter-reset {
cursor: pointer;
flex-shrink: 0;
display: inline-flex;
align-items: center;
transition: all 300ms ease-out;
display: flex
}
body.page-hubber-pro__tickets .ticket-content-filters .js-filter-reset:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(prefers-reduced-motion:reduce) {
body.page-hubber-pro__tickets .ticket-content-filters .js-filter-reset {
transition: none
}
}
@media(min-width:992px) {
body.page-hubber-pro__tickets .ticket-content-filters .js-filter-reset {
font-size: 0
}
body.page-hubber-pro__tickets .ticket-content-filters .js-filter-reset:not(.disabled):hover:before {
background-color: #fff;
box-shadow: 0 12px 24px rgba(0, 0, 0, .03), 0 7.5px 15px rgba(0, 0, 0, .03), 0 2.5px 5px rgba(0, 0, 0, .025), 0 1.5px 3px rgba(0, 0, 0, .015)
}
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .ticket-content-filters .js-filter-reset {
gap: 1rem
}
}
body.page-hubber-pro__tickets .ticket-content-filters .js-filter-reset:before {
height: 3rem;
width: 3rem;
border-radius: 100%;
border: 1px solid #dee2e6;
display: flex;
align-items: center;
justify-content: center;
background: #fff
}
body.page-hubber-pro__tickets .ticket-content-filters .js-filter-reset.disabled {
cursor: url('data:image/svg+xml;utf8,') 12 12, not-allowed;
color: #ccd2d9
}
body.page-hubber-pro__tickets .ticket-content-filters .js-filter-reset.disabled:before {
background: inherit;
color: #ccd2d9
}
body.page-hubber-pro__tickets .ticket-content-filters .form-item-delegate,
body.page-hubber-pro__tickets .ticket-content-filters .form-item-beneficiaries {
position: relative;
margin-bottom: 0
}
body.page-hubber-pro__tickets .ticket-content-filters .form-item-delegate input,
body.page-hubber-pro__tickets .ticket-content-filters .form-item-beneficiaries input {
border: 0;
background: rgba(0, 0, 0, 0);
box-shadow: none;
padding: 0
}
body.page-hubber-pro__tickets .ticket-content-filters .form-item-delegate input::placeholder,
body.page-hubber-pro__tickets .ticket-content-filters .form-item-beneficiaries input::placeholder {
font-weight: 600;
color: initial
}
body.page-hubber-pro__tickets .ticket-content-filters .form-item-delegate input:focus::placeholder,
body.page-hubber-pro__tickets .ticket-content-filters .form-item-beneficiaries input:focus::placeholder {
color: #e2e5e8
}
body.page-hubber-pro__tickets .ticket-content-filters .form-check,
body.page-hubber-pro__tickets .ticket-content-filters .checkout {
width: 100%;
padding: .5rem;
padding-bottom: .75rem;
padding-right: 0;
border-bottom: 1px solid #dee2e6
}
body.page-hubber-pro__tickets .ticket-content-filters .form-check-label,
body.page-hubber-pro__tickets .ticket-content-filters .checkout-label {
justify-content: flex-end;
font-size: 11px;
font-weight: 600;
cursor: pointer
}
body.page-hubber-pro__tickets .ticket-content-filters .form-check-label:before,
body.page-hubber-pro__tickets .ticket-content-filters .form-check-label:after,
body.page-hubber-pro__tickets .ticket-content-filters .checkout-label:before,
body.page-hubber-pro__tickets .ticket-content-filters .checkout-label:after {
display: none !important
}
body.page-hubber-pro__tickets .ticket-content-filters .form-check.is-checked .form-check-label,
body.page-hubber-pro__tickets .ticket-content-filters .checkout.is-checked .form-check-label {
color: #76818d
}
body.page-hubber-pro__tickets .ticket-content-filters .form-item-status .form-check-label {
color: var(--hb-cta-primary)
}
body.page-hubber-pro__tickets .ticket-content-filters label {
text-transform: none;
font-weight: normal
}
body.page-hubber-pro__tickets #edit-received--wrapper {
position: relative;
margin-top: 1rem !important
}
body.page-hubber-pro__tickets #edit-received--wrapper:before {
content: "";
display: block;
height: 1px;
width: 100%;
background-color: #dee2e6;
position: absolute;
top: -0.5rem;
left: 0
}
body.page-hubber-pro__tickets .dataTables_wrapper {
background-color: #fff;
overflow: auto;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .03), 0px 1px 1px 0px rgba(0, 0, 0, .05);
border-top: none
}
body.page-hubber-pro__tickets .dataTables_wrapper th:not(.dt-checkboxes-select-all) .custom-checkbox .custom-control-label {
display: none
}
body.page-hubber-pro__tickets .dataTables_wrapper table#UserOrdersHistory th.dt-checkboxes-select-all {
text-align: center;
padding-bottom: .5rem
}
body.page-hubber-pro__tickets .dataTables_wrapper table#UserOrdersHistory th.dt-checkboxes-select-all .custom-checkbox {
padding-left: 0;
padding-right: 0;
position: relative;
margin-top: 10px
}
body.page-hubber-pro__tickets .dataTables_wrapper table#UserOrdersHistory th.dt-checkboxes-select-all .custom-checkbox input {
position: static;
opacity: 1;
height: 24px;
width: 24px
}
body.page-hubber-pro__tickets .dataTables_wrapper table#UserOrdersHistory th.dt-checkboxes-select-all .custom-checkbox .custom-control-label {
display: none
}
body.page-hubber-pro__tickets .dataTables_wrapper .dt-buttons {
margin: 1rem
}
@media(min-width:992px) {
body.page-hubber-pro__tickets .dataTables_wrapper .dt-buttons {
float: left;
margin: .5rem 1rem;
align-items: center;
display: flex
}
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .dataTables_wrapper .dt-buttons {
z-index: 1005;
width: 100%;
bottom: -10rem;
border-radius: 1.5rem 1.5rem 0 0;
padding: .5rem 1rem;
position: fixed;
background: #fff;
left: 0;
margin: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
box-shadow: 0px 5px 24px rgba(0, 0, 0, .07), 0px 2px 15px rgba(0, 0, 0, .03), 0px 1px 5px rgba(0, 0, 0, .03), 0px 1px 3px rgba(0, 0, 0, .05);
transition: all 300ms ease-out
}
}
@media(max-width:991.98px)and (prefers-reduced-motion:reduce) {
body.page-hubber-pro__tickets .dataTables_wrapper .dt-buttons {
transition: none
}
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .dataTables_wrapper .dt-buttons:has(.js-actions-nb-tickets) {
bottom: 0
}
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .dataTables_wrapper .dt-buttons .js-actions-nb-tickets+.buttons-import-actions {
font-size: 0;
padding: 0;
margin-left: auto;
width: 48px
}
body.page-hubber-pro__tickets .dataTables_wrapper .dt-buttons .js-actions-nb-tickets+.buttons-import-actions:after {
margin-left: 0
}
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .dataTables_wrapper .dt-buttons .js-select-all-tickets {
order: 5;
flex: 0 0 100%;
margin-top: .5rem
}
body.page-hubber-pro__tickets .dataTables_wrapper .dt-buttons .js-select-all-tickets:not(.d-none)+.buttons-import-actions {
font-size: 0;
padding: 0;
margin-left: auto;
width: 48px
}
}
@media(max-width:991.98px)and (max-width:575.98px) {
body.page-hubber-pro__tickets .dataTables_wrapper .dt-buttons .js-select-all-tickets:not(.d-none)+.buttons-import-actions {
margin-right: 0
}
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .dataTables_wrapper .dt-buttons .js-select-all-tickets:not(.d-none)+.buttons-import-actions:after {
margin-left: 0
}
}
body.page-hubber-pro__tickets .dataTables_wrapper .buttons-bulk-actions {
margin-bottom: 0;
align-items: center;
background-color: #1882ff;
border-radius: .5rem;
border: 1px solid;
border-color: #1882ff;
color: #fff;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
text-transform: none;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
@media(min-width:768px) {
body.page-hubber-pro__tickets .dataTables_wrapper .buttons-bulk-actions {
display: inline-flex
}
}
body.page-hubber-pro__tickets .dataTables_wrapper .buttons-bulk-actions:hover {
color: #fff;
background-color: #1882ff;
transform: none;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .1)
}
body.page-hubber-pro__tickets .dataTables_wrapper .buttons-bulk-actions:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
body.page-hubber-pro__tickets .dataTables_wrapper .buttons-bulk-actions:before {
font-family: "hubber8"
}
body.page-hubber-pro__tickets .dataTables_wrapper .js-actions-nb-tickets {
font-size: .75rem;
font-weight: 600;
margin: 0 10px;
color: initial !important
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .dataTables_wrapper .js-actions-nb-tickets {
max-width: 80px;
display: inline-flex;
font-weight: normal
}
}
body.page-hubber-pro__tickets .dataTables_wrapper .buttons-import-actions {
align-items: center;
background-color: rgba(0, 0, 0, 0);
border-radius: .5rem;
border: 1px solid;
border-color: #dee2e6;
color: initial;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 600;
height: 3rem;
justify-content: center;
padding: 0 1.5rem;
transition: all 300ms ease-out;
display: inline-flex;
align-items: center;
margin-right: .5rem;
margin-top: .75rem
}
@media(min-width:768px) {
body.page-hubber-pro__tickets .dataTables_wrapper .buttons-import-actions {
display: inline-flex
}
}
body.page-hubber-pro__tickets .dataTables_wrapper .buttons-import-actions:hover {
transform: none;
color: initial;
background-color: #fff;
border-color: #fff
}
body.page-hubber-pro__tickets .dataTables_wrapper .buttons-import-actions:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(min-width:576px) {
body.page-hubber-pro__tickets .dataTables_wrapper .buttons-import-actions {
margin-top: 0
}
}
body.page-hubber-pro__tickets .dataTables_wrapper .buttons-import-actions:before {
font-family: "hubber8"
}
body.page-hubber-pro__tickets .dataTables_wrapper .buttons-import-actions:hover {
border: 1px solid #dee2e6
}
body.page-hubber-pro__tickets .table-responsive {
overflow: auto;
border: 1px solid #e2e5e8;
border-radius: 0 0 1rem 1rem
}
@media(min-width:992px) {
body.page-hubber-pro__tickets .table-responsive {
overflow: hidden
}
}
@media(min-width:992px) {
body.page-hubber-pro__tickets .nb-tickets-wrapper.sticky {
position: fixed;
z-index: 9;
background-color: var(--hb-main);
padding-top: 1px
}
body.page-hubber-pro__tickets .nb-tickets-wrapper.sticky .nb-tickets-wrapper-content {
border-bottom: 1px solid #e2e5e8
}
body.page-hubber-pro__tickets .nb-tickets-wrapper.sticky .js-details.show {
overflow: auto;
max-height: 18rem
}
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .nb-tickets-wrapper-content {
background-color: #fff;
padding: 1rem;
border-radius: 1rem 1rem 0 0;
color: initial;
display: flex;
align-items: center;
flex-wrap: wrap;
border-top: 1px solid #e2e5e8;
border-left: 1px solid #e2e5e8;
border-right: 1px solid #e2e5e8
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-select-all-tickets {
display: none
}
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-warning {
margin-bottom: 0;
font-size: .75rem;
color: #1882ff;
margin-right: 1rem;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-warning:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-warning {
margin: .75rem 0
}
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-toggle-detail {
color: #1882ff;
font-size: .75rem;
font-weight: 600;
margin-bottom: 0;
margin-left: auto;
cursor: pointer;
display: inline-flex;
align-items: center;
margin-left: .5rem
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-toggle-detail:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-toggle-detail:not(.collapsed):after {
transform: rotate(180deg)
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-export-global {
margin: 0;
margin-left: 1rem;
color: #1882ff;
border-radius: 3rem;
padding: .25rem 1rem;
position: relative;
font-size: .75rem;
font-weight: 600;
overflow: hidden;
cursor: pointer;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-export-global:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-export-global:before {
color: inherit !important
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-export-global:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #1882ff;
z-index: 0;
opacity: .05
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-export-global {
font-size: 0;
padding: 5px
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-export-global:before {
margin-right: 0
}
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details {
width: 100%;
border-radius: .5rem;
margin-top: .75rem;
flex-wrap: wrap
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details.show,
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details.collapsing {
display: flex;
flex-wrap: wrap;
overflow: hidden
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-left,
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-right {
padding: 1rem;
width: 50%;
background-color: #f6f8f9
}
@media(min-width:992px) {
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-left,
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-right {
flex: 1
}
}
@media(max-width:767.98px) {
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-left,
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-right {
width: 100%
}
}
@media(max-width:767.98px) {
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-right {
padding-top: 0
}
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-scanned-tickets {
width: 100%;
background-color: #f6f8f9;
padding: 24px;
border-radius: 8px;
margin-top: 8px
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-scanned-tickets .hp-dashboard-content-label {
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: 22px;
color: #263140;
margin-bottom: 10px
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-scanned-tickets .scanned-dispatch {
display: grid;
width: 100%;
margin-bottom: 16px;
border-radius: 8px;
overflow: hidden;
height: 24px
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-scanned-tickets .scanned-dispatch .scanned-dispatch-item:first-child {
background: #0b873c !important
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-scanned-tickets .scanned-dispatch .scanned-dispatch-item:last-child {
background: #c50808 !important
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-scanned-tickets .scanned-legend {
display: flex;
justify-content: space-between;
align-items: center
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-scanned-tickets .scanned-legend .js-scanned-wrapper,
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-scanned-tickets .scanned-legend .js-unscanned-wrapper {
font-size: .6875rem;
font-style: normal;
color: #263140;
font-weight: 400;
line-height: 18px;
align-items: center;
display: flex
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-scanned-tickets .scanned-legend .js-scanned-wrapper b,
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-scanned-tickets .scanned-legend .js-unscanned-wrapper b {
font-weight: 600;
margin-left: 5px
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-scanned-tickets .scanned-legend .js-scanned-wrapper .scanned,
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-scanned-tickets .scanned-legend .js-unscanned-wrapper .scanned {
display: flex;
width: 8px;
height: 16px;
align-items: center;
border-radius: 4px;
background: #0b873c;
margin-right: 5px
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-scanned-tickets .scanned-legend .js-scanned-wrapper .unscanned,
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-scanned-tickets .scanned-legend .js-unscanned-wrapper .unscanned {
display: flex;
width: 8px;
height: 16px;
align-items: center;
border-radius: 4px;
background: #c50808;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%)
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .js-dashboard-scanned-tickets .scanned-legend .js-unscanned-wrapper {
padding-right: 13px;
position: relative
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .hp-dashboard-title {
display: flex;
font-weight: 600
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .hp-dashboard-title>div {
margin-right: 1.5rem
}
@media(max-width:767.98px) {
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .hp-dashboard-title {
font-size: .75rem
}
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .hp-dashboard-content-label {
font-size: .875rem
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .hp-dashboard-content .hp-dashboard-content-label {
margin: .5rem 0
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .hp-dashboard-content .category-dispatch {
display: grid;
height: 1.5rem;
border-radius: 3px;
overflow: hidden
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .hp-dashboard-content .category-dispatch-item {
background-color: rgba(204, 210, 217, .5)
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .hp-dashboard-content .category-legend {
display: flex;
flex-wrap: wrap
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .hp-dashboard-content .category-legend .js-category-wrapper {
margin-bottom: .5rem;
margin-right: 1rem;
margin-top: .5rem;
font-size: 11px;
display: flex;
align-items: center
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .hp-dashboard-content .category-legend .js-category-wrapper .category {
width: .5rem;
height: 1rem
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .hp-dashboard-content .category-legend .js-category-wrapper b {
margin-left: .25rem
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details li {
display: flex;
font-size: 11px;
align-items: center
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details li:not(:last-child) {
margin: .5rem 0
}
@media(min-width:992px) {
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details li:not(:last-child) {
margin: 1rem 0
}
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details li output {
flex: 0 0 6rem;
text-align: right;
font-weight: 600
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .progress-wrapper {
display: flex;
flex: 1;
align-items: center;
font-weight: 600
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .progress-wrapper .label {
flex: 0 0 72px;
font-weight: normal
}
@media(min-width:992px) {
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .progress-wrapper .label {
flex: 0 0 100px
}
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .progress-wrapper .progress {
flex: 1;
margin: 0 .75rem;
box-shadow: none;
background: rgba(0, 0, 0, 0);
height: 1.5rem;
align-items: center;
border-radius: 0
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .progress-wrapper .progress-bar {
border-radius: 3px;
height: 100%
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .progress-wrapper.js-issued .progress-bar {
background-color: #1882ff !important
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .progress-wrapper.js-delegated .progress-bar {
background-color: rgba(24, 130, 255, .5) !important
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .progress-wrapper.js-unassigned .progress-bar {
background-color: rgba(204, 210, 217, .5) !important
}
body.page-hubber-pro__tickets .nb-tickets-wrapper .js-details .progress-wrapper span {
margin-left: 10px
}
body.page-hubber-pro__tickets .js-total-tickets {
font-weight: 600;
font-size: 1.25rem;
margin-bottom: 0
}
body.page-hubber-pro__tickets .js-select-all-tickets {
font-size: .875rem;
color: #1882ff;
text-decoration: underline;
margin-bottom: 0;
margin-left: 1rem;
cursor: pointer
}
body.page-hubber-pro__tickets .js-select-all-tickets.selected {
color: #76818d;
text-decoration: none
}
body.page-hubber-pro__tickets .select2-container--open .select2-selection {
border-color: #1882ff
}
body.page-hubber-pro__tickets .select2-container .select2-results__option .label {
display: flex;
align-items: center
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets .select2-container .select2-results__option .js-seat-mode {
display: none
}
}
body.page-hubber-pro__tickets .select2-container--hubber_reference8 .select2-selection {
border: 1px solid #dee2e6;
border-radius: 2rem;
text-transform: none;
margin-right: .75rem;
display: flex;
align-items: center;
overflow: hidden;
white-space: nowrap;
height: 3rem !important;
background-color: #f6f8f9;
font-size: 1rem;
padding-left: 1.5rem
}
body.page-hubber-pro__tickets .select2-container--hubber_reference8 .select2-selection.selected {
color: #1882ff;
border-color: #1882ff;
background-color: #fff
}
body.page-hubber-pro__tickets .select2-container--hubber_reference8 .select2-selection:hover {
background-color: #fff;
box-shadow: 0 12px 24px rgba(0, 0, 0, .03), 0 7.5px 15px rgba(0, 0, 0, .03), 0 2.5px 5px rgba(0, 0, 0, .025), 0 1.5px 3px rgba(0, 0, 0, .015)
}
body.page-hubber-pro__tickets .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 0;
padding-right: 0 !important;
color: inherit;
font-size: .875rem
}
body.page-hubber-pro__tickets .select2-container .select2-selection--single .select2-selection__rendered .js-seat-mode {
display: none
}
body.page-hubber-pro__tickets table#UserOrdersHistory {
width: 100% !important;
border-bottom: 0
}
body.page-hubber-pro__tickets table#UserOrdersHistory thead {
background-color: #fff
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets table#UserOrdersHistory thead {
display: none
}
}
body.page-hubber-pro__tickets table#UserOrdersHistory,
body.page-hubber-pro__tickets table#UserOrdersHistory td,
body.page-hubber-pro__tickets table#UserOrdersHistory th {
background-image: none !important;
font-size: 11px;
border-collapse: collapse;
background-color: rgba(0, 0, 0, 0) !important;
--bs-table-accent-bg: transparent !important
}
body.page-hubber-pro__tickets table#UserOrdersHistory th {
border-bottom: 0;
text-transform: uppercase;
font-size: .625rem;
color: #76818d;
font-weight: normal;
padding: 1rem .75rem;
white-space: nowrap;
line-height: 1;
box-sizing: border-box
}
body.page-hubber-pro__tickets table#UserOrdersHistory th:first-child {
border-left: 1px solid #e2e5e8
}
body.page-hubber-pro__tickets table#UserOrdersHistory th:first-child {
border-left: none
}
body.page-hubber-pro__tickets table#UserOrdersHistory th:last-child {
text-align: right;
border-right: none
}
@media(min-width:992px) {
body.page-hubber-pro__tickets table#UserOrdersHistory th:nth-child(2) {
display: none
}
}
body.page-hubber-pro__tickets table#UserOrdersHistory th.sorting:after,
body.page-hubber-pro__tickets table#UserOrdersHistory th.sorting_desc:after,
body.page-hubber-pro__tickets table#UserOrdersHistory th.sorting_asc:after {
content: "";
font-family: "hubber8";
color: #76818d;
font-size: .875rem;
position: relative;
top: 3px;
display: inline-block
}
body.page-hubber-pro__tickets table#UserOrdersHistory th.sorting_asc:after {
transform: rotate(180deg)
}
body.page-hubber-pro__tickets table#UserOrdersHistory td {
vertical-align: middle;
background-color: #fff !important;
white-space: unset;
box-sizing: border-box;
overflow: initial
}
@media(min-width:992px) {
body.page-hubber-pro__tickets table#UserOrdersHistory td {
border: 1px solid #e2e5e8
}
}
@media(min-width:992px) {
body.page-hubber-pro__tickets table#UserOrdersHistory td {
border-bottom: 1px solid #e2e5e8
}
}
body.page-hubber-pro__tickets table#UserOrdersHistory td:last-child {
border-left: 0 !important;
border-right: 0;
text-align: right;
white-space: nowrap
}
body.page-hubber-pro__tickets table#UserOrdersHistory td:last-child .btn-link {
padding: 2px;
color: #76818d;
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: .5rem
}
body.page-hubber-pro__tickets table#UserOrdersHistory td:last-child .btn-link:before {
margin-right: 0
}
body.page-hubber-pro__tickets table#UserOrdersHistory td:last-child .btn-link:hover {
background-color: #fff;
border-radius: 100%
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets table#UserOrdersHistory td:last-child {
display: none
}
}
body.page-hubber-pro__tickets table#UserOrdersHistory td:nth-last-child(2) {
border-right: 0 !important;
word-wrap: break-word;
text-align: left
}
body.page-hubber-pro__tickets table#UserOrdersHistory td:nth-last-child(2) .status-wrapper div {
display: flex;
align-items: center
}
body.page-hubber-pro__tickets table#UserOrdersHistory td:nth-last-child(2) .status-wrapper div .target-delegator {
white-space: nowrap
}
body.page-hubber-pro__tickets table#UserOrdersHistory td.dataTables_empty {
text-align: center;
padding: 1rem
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets table#UserOrdersHistory tbody {
display: table;
width: 100%
}
}
body.page-hubber-pro__tickets table#UserOrdersHistory tbody tr.selected,
body.page-hubber-pro__tickets table#UserOrdersHistory tbody tr:hover {
position: relative;
background-color: rgba(0, 0, 0, 0) !important
}
body.page-hubber-pro__tickets table#UserOrdersHistory tbody tr.selected td,
body.page-hubber-pro__tickets table#UserOrdersHistory tbody tr:hover td {
background-color: color-mix(in srgb, var(--hb-cta-primary) 5.196%, white 94.804%) !important
}
body.page-hubber-pro__tickets table#UserOrdersHistory tbody tr.selected td.dt-checkboxes-cell:before,
body.page-hubber-pro__tickets table#UserOrdersHistory tbody tr:hover td.dt-checkboxes-cell:before {
content: "";
background: var(--hb-cta-primary);
height: 100%;
width: .25rem;
position: absolute;
top: 0;
left: 0
}
body.page-hubber-pro__tickets table#UserOrdersHistory tbody tr,
body.page-hubber-pro__tickets table#UserOrdersHistory tbody td {
cursor: default
}
body.page-hubber-pro__tickets table#UserOrdersHistory tbody tr input,
body.page-hubber-pro__tickets table#UserOrdersHistory tbody td input {
cursor: pointer;
height: 24px;
width: 24px
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets table#UserOrdersHistory tbody tr .actions {
display: flex;
margin-top: .5rem
}
body.page-hubber-pro__tickets table#UserOrdersHistory tbody tr .actions .btn-link {
color: #76818d
}
body.page-hubber-pro__tickets table#UserOrdersHistory tbody tr .actions .js-action {
transform: none
}
}
body.page-hubber-pro__tickets table#UserOrdersHistory tbody .js-action,
body.page-hubber-pro__tickets table#UserOrdersHistory tbody .js-quick-action {
cursor: pointer
}
body.page-hubber-pro__tickets table#UserOrdersHistory tbody .js-action.disabled,
body.page-hubber-pro__tickets table#UserOrdersHistory tbody .js-quick-action.disabled {
cursor: default;
opacity: .5;
pointer-events: none
}
body.page-hubber-pro__tickets table#UserOrdersHistory tbody td:first-child {
width: .5rem
}
body.page-hubber-pro__tickets table#UserOrdersHistory tbody td .mobile-order-number {
font-weight: normal;
color: #76818d
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets table#UserOrdersHistory tbody td:not(:nth-child(1)):not(:nth-child(2)):not(:last-child) {
display: none
}
}
@media(max-width:991.98px) {
body.page-hubber-pro__tickets table#UserOrdersHistory tbody td:nth-child(2) {
font-weight: 600;
border-left: 0;
border-right: 0
}
}
@media(min-width:992px) {
body.page-hubber-pro__tickets table#UserOrdersHistory tbody td:nth-child(2) {
display: none
}
}
body.page-hubber-pro__tickets table#UserOrdersHistory tbody td:nth-child(4) {
font-weight: 600
}
body.page-hubber-pro__tickets table#UserOrdersHistory tbody td:nth-child(5) {
font-weight: 600
}
body.page-hubber-pro__tickets table#UserOrdersHistory tbody td:nth-child(5) span {
font-weight: normal
}
body.page-hubber-pro__tickets table#UserOrdersHistory .js-action {
height: 1.5rem;
width: 1.5rem;
font-size: 0;
justify-content: center;
color: #76818d;
transform: translateY(-0.25rem);
display: inline-flex;
align-items: center;
margin-: .5rem
}
body.page-hubber-pro__tickets table#UserOrdersHistory .js-action:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
body.page-hubber-pro__tickets table#UserOrdersHistory .js-action:before {
font-size: 1rem;
font-family: "hubber8"
}
@media(min-width:992px) {
body.page-hubber-pro__tickets table#UserOrdersHistory .js-action:before {
transform: rotate(90deg)
}
}
body.page-hubber-pro__tickets table#UserOrdersHistory .custom-control-label {
height: 1.25rem
}
body.page-hubber-pro__tickets table#UserOrdersHistory .custom-checkbox .custom-control-label:before,
body.page-hubber-pro__tickets table#UserOrdersHistory .custom-checkbox .custom-control-label:after {
left: 50%;
top: 0;
right: auto;
transform: translate(-50%)
}
body.page-hubber-pro__tickets table#UserOrdersHistory .custom-checkbox .custom-control-label:before {
width: 24px;
height: 24px
}
body.page-hubber-pro__tickets table#UserOrdersHistory .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
margin-top: 6px !important;
margin-left: 0px !important
}
body.page-hubber-pro__tickets table#UserOrdersHistory_wrapper>.custom-checkbox {
float: left;
margin: 1rem;
height: 34px;
margin-left: .5rem;
padding: 0
}
@media(min-width:992px) {
body.page-hubber-pro__tickets table#UserOrdersHistory_wrapper>.custom-checkbox {
display: none
}
}
body.page-hubber-pro__tickets table#UserOrdersHistory_wrapper>.custom-checkbox .custom-control-label {
height: 1.5rem;
width: 1.5rem
}
body.page-hubber-pro__tickets table#UserOrdersHistory_wrapper>.custom-checkbox .custom-control-label::after {
top: 14px
}
body.page-hubber-pro__tickets table#UserOrdersHistory .place-information-wrapper {
padding-right: 2rem;
position: relative
}
body.page-hubber-pro__tickets table#UserOrdersHistory .place-information-wrapper .category {
white-space: nowrap
}
body.page-hubber-pro__tickets table#UserOrdersHistory .place-information-wrapper .js-hubber-pro-map-location {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%)
}
body.page-hubber-pro__tickets div#page-wrapper .dataTables_paginate {
padding: 1rem 0;
font-size: .75rem;
display: flex;
align-items: center;
margin: 0
}
@media(min-width:992px) {
body.page-hubber-pro__tickets div#page-wrapper .dataTables_paginate {
padding: 1rem
}
}
@media(max-width:767.98px) {
body.page-hubber-pro__tickets div#page-wrapper .dataTables_paginate {
padding-top: 0
}
}
body.page-hubber-pro__tickets div#page-wrapper .dataTables_paginate>span {
display: flex;
flex-wrap: nowrap
}
body.page-hubber-pro__tickets div#page-wrapper .dataTables_paginate .paginate_button {
transition: all 300ms ease-out;
border: 1px solid rgba(0, 0, 0, 0) !important
}
body.page-hubber-pro__tickets div#page-wrapper .dataTables_paginate .paginate_button:hover {
background-color: var(--hb-cta-primary) !important;
color: #fff !important
}
body.page-hubber-pro__tickets div#page-wrapper .dataTables_paginate .paginate_button.current {
background: rgba(0, 0, 0, 0);
border: 0;
color: inherit !important;
font-weight: 600;
border: 1px solid #e2e5e8 !important
}
body.page-hubber-pro__tickets div#page-wrapper .dataTables_paginate .paginate_button.current:hover {
background-color: rgba(0, 0, 0, 0) !important
}
body.page-hubber-pro__tickets div#page-wrapper .dataTables_paginate .paginate_button.previous,
body.page-hubber-pro__tickets div#page-wrapper .dataTables_paginate .paginate_button.next {
font-size: 0;
color: #000 !important;
display: inline-flex;
align-items: center;
margin-: .5rem
}
body.page-hubber-pro__tickets div#page-wrapper .dataTables_paginate .paginate_button.previous:before,
body.page-hubber-pro__tickets div#page-wrapper .dataTables_paginate .paginate_button.next:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
body.page-hubber-pro__tickets div#page-wrapper .dataTables_paginate .paginate_button.previous.disabled,
body.page-hubber-pro__tickets div#page-wrapper .dataTables_paginate .paginate_button.next.disabled {
color: #e2e5e8 !important
}
body.page-hubber-pro__tickets div#page-wrapper .dataTables_paginate .paginate_button.previous:hover,
body.page-hubber-pro__tickets div#page-wrapper .dataTables_paginate .paginate_button.next:hover {
border: 1px solid rgba(0, 0, 0, 0);
color: #fff !important
}
body.page-hubber-pro__tickets div#page-wrapper .dataTables_paginate .paginate_button.next {
transform: rotate(180deg)
}
body.page-hubber-pro__tickets .ticket-actions-panel .msg-info {
display: flex;
align-items: flex-start;
gap: 6px;
padding: 8px 12px
}
body.page-hubber-pro__tickets .ticket-actions-panel .msg-info:before {
content: "";
font-family: "hubber8";
color: #f18400;
font-size: 2rem;
line-height: 2rem
}
@media(max-width:767.98px) {
body.page-hubber-pro__tickets .ticket-actions-panel {
height: auto !important
}
}
body.page-hubber-pro__tickets .submit-wrapper {
width: 100%;
margin: 0;
padding: 24px;
background-color: #fff
}
body.page-hubber-pro__tickets .submit-wrapper::after {
top: 0
}
body.page-hubber-pro__tickets .fieldset-wrapper>.radio .custom-control-input:checked+.custom-control-label {
color: #fff
}
body.page-hubber-pro__tickets #page-wrapper form :not(:has(.filter)) .form-item-beneficiaries.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio),
body.page-hubber-pro__tickets #page-wrapper form :not(:has(.filter)) .form-item-delegate.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) {
min-height: 2.5rem;
margin-bottom: 0
}
body.page-hubber-pro__tickets #page-wrapper form :not(:has(.filter)) .form-item-beneficiaries.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) input.form-control,
body.page-hubber-pro__tickets #page-wrapper form :not(:has(.filter)) .form-item-delegate.js-form-item.form-type-textfield:not(.coupon-unlockrate-code-wrapper):not(.js-form-type-checkbox):not(.js-form-type-radio) input.form-control {
padding-left: 1.5rem;
padding-right: 1.5rem;
height: 2.5rem
}
body.page-hubber-pro__tickets .site-footer.footer {
z-index: 9
}
#UserOrdersHistory_length {
margin: 1rem;
height: 34px;
display: flex;
align-items: center;
width: 30%
}
@media(min-width:992px) {
#UserOrdersHistory_length {
margin: 1rem
}
}
#UserOrdersHistory_length label {
font-weight: normal
}
#UserOrdersHistory_length select {
border-color: #dee2e6;
margin: 0 .5rem;
border-radius: .25rem
}
.js-invitation {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.93115 14.941L9.93115 13.0158C10.6719 12.9099 11.3513 12.7426 11.9736 12.5228C11.9662 12.0188 12.1548 11.5124 12.5393 11.1279C13.1712 10.496 14.1317 10.3932 14.8705 10.8194C16.5921 9.27078 17.5198 7.13539 17.9469 5C16.1251 7.55047 13.5747 8.7164 9.93115 8.7164L9.93115 6.71828C9.93115 6.3531 9.48963 6.17022 9.23141 6.42844L5.12006 10.5398C4.95998 10.6999 4.95998 10.9594 5.12005 11.1195L9.23141 15.2308C9.48963 15.4891 9.93115 15.3062 9.93115 14.941Z' fill='%2376818D'/%3E%3Cpath d='M19.1579 11.9496C18.8835 11.6752 18.4385 11.6752 18.1641 11.9496L16.2595 13.8543L14.4026 11.9974C14.1282 11.723 13.6833 11.723 13.4088 11.9974C13.1344 12.2718 13.1344 12.7167 13.4088 12.9911L15.2657 14.848L13.3611 16.7527C13.0866 17.0271 13.0866 17.472 13.3611 17.7464C13.6355 18.0208 14.0804 18.0208 14.3548 17.7464L16.2595 15.8417L18.2119 17.7942C18.4863 18.0686 18.9312 18.0686 19.2057 17.7942C19.4801 17.5198 19.4801 17.0749 19.2057 16.8005L17.2532 14.848L19.1579 12.9433C19.4323 12.6689 19.4323 12.224 19.1579 11.9496Z' fill='%2376818D'/%3E%3C/svg%3E%0A");
display: inline-flex;
width: 24px;
height: 20px;
background-size: 100%;
background-position: center;
background-repeat: no-repeat
}
.modal-cancel-invitation {
max-width: 40rem
}
.modal-cancel-invitation .hubber-pro-invitation-modal-form>div {
font-weight: 600
}
.modal-cancel-invitation button.close {
float: left;
text-decoration: underline;
font-weight: 400;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
padding-inline: 0;
font-size: .875rem
}
.modal-cancel-invitation button.use-ajax {
float: right;
font-size: .875rem;
background-color: #c50808;
color: #fff;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
display: flex;
align-items: center
}
.modal-cancel-invitation button.use-ajax:before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.93115 14.941L9.93115 13.0158C10.6719 12.9099 11.3513 12.7426 11.9736 12.5228C11.9662 12.0188 12.1548 11.5124 12.5393 11.1279C13.1712 10.496 14.1317 10.3932 14.8705 10.8194C16.5921 9.27078 17.5198 7.13539 17.9469 5C16.1251 7.55047 13.5747 8.71639 9.93115 8.71639L9.93115 6.71828C9.93115 6.3531 9.48963 6.17022 9.23141 6.42844L5.12006 10.5398C4.95998 10.6999 4.95998 10.9594 5.12006 11.1195L9.23141 15.2308C9.48963 15.4891 9.93115 15.3062 9.93115 14.941Z' fill='white'/%3E%3Cpath d='M19.1579 11.9496C18.8835 11.6752 18.4385 11.6752 18.1641 11.9496L16.2595 13.8542L14.4026 11.9974C14.1282 11.723 13.6833 11.723 13.4088 11.9974C13.1344 12.2718 13.1344 12.7167 13.4088 12.9911L15.2657 14.848L13.3611 16.7527C13.0866 17.0271 13.0866 17.472 13.3611 17.7464C13.6355 18.0208 14.0804 18.0208 14.3548 17.7464L16.2595 15.8417L18.2119 17.7942C18.4863 18.0686 18.9312 18.0686 19.2057 17.7942C19.4801 17.5198 19.4801 17.0749 19.2057 16.8005L17.2532 14.848L19.1579 12.9433C19.4323 12.6689 19.4323 12.224 19.1579 11.9496Z' fill='white'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-right: .5rem
}
#edit-container-language .form-required:not(.hide-required)::after,
#transfer-ticket-to-beneficiary-form .form-required:not(.hide-required)::after {
display: none
}
@media(max-width:575.98px) {
.dataTables_wrapper .buttons-import-actions::before {
margin-right: 0
}
}
.dataTables_wrapper .dt-buttons {
margin: .5rem 12px
}
@media(min-width:576px) {
.dataTables_wrapper .buttons-import-actions {
margin-top: -7px;
margin-left: 10px
}
.dataTables_wrapper .buttons-import-actions:before {
display: none
}
.dataTables_wrapper #UserOrdersHistory_length {
width: auto
}
}
.dataTables_wrapper .custom-control.custom-checkbox:not(#UserOrdersHistory_wrapper table .custom-control.custom-checkbox) {
display: inline-flex;
float: left;
margin: 1rem 0 1rem 15px;
padding-right: 0
}
@media(max-width:575.98px) {
.dataTables_wrapper .custom-control.custom-checkbox:not(#UserOrdersHistory_wrapper table .custom-control.custom-checkbox) {
margin-left: 11px;
padding-right: 12px
}
}
.dataTables_wrapper .custom-control.custom-checkbox:not(#UserOrdersHistory_wrapper table .custom-control.custom-checkbox) .custom-control-label {
display: none
}
.dataTables_wrapper .custom-control.custom-checkbox:not(#UserOrdersHistory_wrapper table .custom-control.custom-checkbox) .custom-control-input {
position: static;
width: 24px;
height: 24px;
opacity: 1;
z-index: 0
}
.page-hubber-pro__tickets .content:has(.js-shutter.ticket-actions-panel):after {
content: "";
display: none;
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100vw;
background-color: rgba(0, 0, 0, .3);
z-index: 898
}
.page-hubber-pro__tickets .content:has(.js-shutter.ticket-actions-panel):has(.js-shutter:not(.d-none)):after {
display: block
}
.ticket-actions-panel-container .transfer-ticket-form .warning,
.ticket-actions-panel-container .transfer-ticket-to-beneficiary-form .warning {
display: flex;
align-items: flex-start;
background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%), #c50808;
padding: 8px 12px;
border-radius: 6px;
border: 1px solid #c50808;
gap: 6px;
margin-bottom: 24px
}
.ticket-actions-panel-container .transfer-ticket-form .warning:before,
.ticket-actions-panel-container .transfer-ticket-to-beneficiary-form .warning:before {
content: "";
font-family: "hubber8";
color: #c50808;
font-size: 2rem;
line-height: 2rem
}
@property --p {
syntax: "";
inherits: true;
initial-value: 0
}
.pie {
--p: 20;
--b: 1.5rem;
--c: #1882ff;
--w: 12rem;
--p2: 80;
width: var(--w);
aspect-ratio: 1;
position: relative
}
.pie:before,
.pie:after {
content: "";
position: absolute;
border-radius: 50%
}
.pie:before {
inset: 0;
background-size: 0 0, auto;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
z-index: 1;
background: conic-gradient(var(--c) calc(var(--p) * 1%), var(--c) calc(var(--p) * 1%), #FFFFFF calc(var(--p) * 1%), #FFFFFF calc((var(--p)) * 1%), transparent 0);
-webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)));
mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)))
}
.pie.no-validated:before {
background: rgba(0, 0, 0, 0)
}
.pie .pending-percentage {
position: absolute;
border-radius: 50%;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
inset: 0;
background-size: 0 0, auto;
opacity: .5;
background: conic-gradient(var(--c) calc(var(--p2) * 1%), var(--c) calc(var(--p2) * 1%), white calc(var(--p2) * 1%), white calc((var(--p2)) * 1%), rgba(118, 129, 141, 0.45) 0);
-webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)));
mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)))
}
.pie.no-pending .pending-percentage {
background: #e5e7ec
}
.pie .cat-label {
bottom: -1.5rem;
color: #76818d;
font-weight: 700;
left: 50%;
position: absolute;
transform: translateX(-50%);
overflow: hidden;
white-space: nowrap
}
@keyframes p {
from {
--p: 0
}
}
.ticket-actions-panel {
position: fixed;
background-color: #fff;
color: initial;
top: auto;
right: 0;
bottom: 0;
z-index: 1005;
width: 29rem;
border-top: 1px solid #e2e5e8;
box-shadow: 0px 5px 24px rgba(0, 0, 0, .07), 0px 2px 15px rgba(0, 0, 0, .03), 0px 1px 5px rgba(0, 0, 0, .03), 0px 1px 3px rgba(0, 0, 0, .05)
}
@media(min-width:992px) {
.ticket-actions-panel {
top: var(--main-content-top, 0);
--panel-height: calc(100vh - var(--main-content-top, 0));
height: var(--panel-height)
}
.ticket-actions-panel .manage-tickets-form,
.ticket-actions-panel .hubber-import-form {
height: calc(var(--panel-height) - 1px);
display: flex;
flex-direction: column
}
.ticket-actions-panel .manage-tickets-form .tickets_form_state,
.ticket-actions-panel .hubber-import-form .tickets_form_state {
flex: 0 0 88px
}
.ticket-actions-panel .manage-tickets-form .panel-content-wrapper,
.ticket-actions-panel .hubber-import-form .panel-content-wrapper {
flex: 1 1 auto;
min-height: 0;
overflow: auto;
display: flex;
flex-direction: column
}
.ticket-actions-panel .manage-tickets-form .panel-content-wrapper .scrollable,
.ticket-actions-panel .hubber-import-form .panel-content-wrapper .scrollable {
flex: 1 1 auto;
min-height: 0
}
}
@media(max-width:991.98px) {
.ticket-actions-panel {
width: 100%;
top: auto !important;
border-radius: 1.5rem 1.5rem 0 0;
padding-bottom: 0;
max-height: 90%
}
.ticket-actions-panel:before {
content: "";
width: 30px;
height: 3px;
background-color: rgba(118, 129, 141, .25);
position: absolute;
border-radius: 10px;
top: 12px;
left: 50%;
transform: translateX(-50%)
}
}
@media(max-width:991.98px) {
.ticket-actions-panel-container {
height: 100%
}
.ticket-actions-panel-container .js-multi-actions-panel {
height: calc(100% - 4rem);
display: flex;
flex-direction: column
}
}
.ticket-actions-panel-container .scrollable {
overflow-y: auto;
overflow-x: hidden;
padding-top: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
margin-bottom: 0 !important
}
@media(max-width:767.98px) {
.ticket-actions-panel-container .scrollable {
height: calc(100vh - 16rem)
}
}
.ticket-actions-panel-container .scrollable.js-form-wrapper.form-wrapper {
overflow: auto;
padding-bottom: 80px
}
.ticket-actions-panel-container .scrollable .scrollable {
height: auto
}
@media(max-width:767.98px) {
.ticket-actions-panel-container .scrollable {
height: 350px;
overflow: auto;
padding-top: 1rem;
position: relative
}
.ticket-actions-panel-container .scrollable .scrollable {
height: auto
}
}
.ticket-actions-panel-container .scrollable fieldset+.form-item-container-email {
position: unset;
top: unset
}
.ticket-actions-panel-container .scrollable fieldset+.form-item-container-email:after {
display: none
}
.ticket-actions-panel-container .scrollable .submit-wrapper {
position: sticky;
bottom: 0;
z-index: 5;
padding: 1rem 1.5rem;
background: #fff;
margin-left: -1.5rem;
margin-right: -1.5rem
}
.ticket-actions-panel-container .scrollable .submit-wrapper:after {
content: "";
height: .5rem;
width: 100%;
background: linear-gradient(180deg, rgba(118, 129, 141, 0) 0%, rgba(118, 129, 141, 0.1) 100%);
display: block;
position: absolute;
top: -0.5rem;
left: 0
}
.ticket-actions-panel-container #form-export-for-delegation-wrapper .submit-wrapper:after,
.ticket-actions-panel-container #form-take-back-wrapper .submit-wrapper:after {
display: none
}
.ticket-actions-panel-container #form-import-wrapper .form-control[type=file] {
overflow: hidden;
height: auto
}
.ticket-actions-panel-container .hubber-import-form .form-submit {
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.ticket-actions-panel-container .hubber-import-form .form-submit:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ticket-actions-panel-container .hubber-import-form .form-submit:after {
display: none
}
.ticket-actions-panel label,
.ticket-actions-panel legend {
font-size: 11px;
font-weight: 400
}
.ticket-actions-panel .form-control {
font-weight: 500;
margin-bottom: 1rem
}
.ticket-actions-panel .form-group {
margin: 1rem 0
}
.ticket-actions-panel .btn.form-submit {
width: 100%;
justify-content: center;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.ticket-actions-panel .btn.form-submit:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ticket-actions-panel .msg-info {
font-size: .75rem;
color: #f18400;
border-color: #f18400;
background-color: #F184001A
}
.ticket-actions-panel .warning {
font-size: .75rem;
color: #c50808;
border-color: #c50808;
background-color: #C508081A
}
.ticket-actions-panel-title {
border-bottom: 1px solid #e2e5e8;
padding: 1.5rem 5rem 1.5rem 1.5rem;
margin-bottom: 0;
height: 88px;
width: 100%;
font-size: 1.25rem;
font-weight: 600;
line-height: 2;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.ticket-actions-panel-details {
border-radius: .5rem;
padding: 1rem;
background-color: rgba(118, 129, 141, .1);
font-size: 11px;
margin-bottom: 1rem
}
.ticket-actions-panel-details .order-details-header {
display: flex;
justify-content: space-between;
font-size: .625rem;
margin-bottom: .25rem
}
.ticket-actions-panel-details .order-details-num {
color: #76818d
}
.ticket-actions-panel-details .order-details-status-wrapper {
display: flex
}
.ticket-actions-panel-details .order-details-status-wrapper span {
padding: .25rem .5rem;
line-height: 1
}
.ticket-actions-panel-details .order-details-status-wrapper span:not(:last-child) {
margin-right: .5rem
}
.ticket-actions-panel-details .order-details-title {
font-size: .875rem;
font-weight: 600
}
.ticket-actions-panel-details .order-details-title span.city,
.ticket-actions-panel-details .order-details-title span.meeting {
display: block
}
.ticket-actions-panel-details .order-details-title span.city {
font-weight: normal;
font-size: 11px;
color: #76818d
}
.ticket-actions-panel-details .order-details-date {
font-weight: 600;
display: flex
}
.ticket-actions-panel-details .order-details-date span {
font-weight: normal;
margin-left: .5rem
}
.ticket-actions-panel-details .order-details-beneficiary {
font-weight: 600;
margin-left: .25rem
}
.ticket-actions-panel-actions-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 0;
border-top: 1px solid #dee2e6
}
@media(max-width:991.98px) {
.js-multi-actions-panel .ticket-actions-panel-actions-wrapper {
margin-block: 0;
flex: 1;
overflow: auto
}
}
.ticket-actions-panel-actions-wrapper .btn-link {
padding: 1.25rem 0;
color: inherit;
border-radius: 0;
width: 100%;
text-align: left
}
.ticket-actions-panel-actions-wrapper .btn-link:not(:last-child) {
border-bottom: 1px solid #dee2e6
}
.ticket-actions-panel-actions-wrapper .btn-link:hover {
text-decoration: none
}
.ticket-actions-panel .hr-closing-cross {
top: 1.5rem;
z-index: 1
}
.ticket-actions-panel .download-actions-panel-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 2rem
}
.ticket-actions-panel .download-actions-panel-content>p {
flex: 0 0 100%;
font-size: .875rem
}
.ticket-actions-panel .download-actions-panel-content .js-download-mticket,
.ticket-actions-panel .download-actions-panel-content .js-download-eticket {
flex: 1;
display: flex;
align-items: center;
flex-direction: column;
width: 100%;
gap: .5rem
}
.ticket-actions-panel .download-actions-panel-content .js-download-mticket-contain,
.ticket-actions-panel .download-actions-panel-content .js-download-eticket-contain {
display: flex;
flex-direction: column;
align-items: center;
border: 1px solid #dee2e6;
padding: 1.5rem;
border-radius: .5rem;
position: relative;
font-size: .75rem;
font-weight: 600;
cursor: pointer;
text-align: center;
flex: 1;
width: 100%
}
.ticket-actions-panel .download-actions-panel-content .js-download-mticket-contain:before,
.ticket-actions-panel .download-actions-panel-content .js-download-eticket-contain:before {
content: "";
font-family: "hubber8";
font-size: 3rem;
margin-bottom: .5rem;
color: #1882ff;
font-weight: normal;
line-height: 1
}
.ticket-actions-panel .download-actions-panel-content .js-download-mticket .js-counter,
.ticket-actions-panel .download-actions-panel-content .js-download-eticket .js-counter {
color: #76818d;
font-weight: normal;
font-size: .75rem
}
.ticket-actions-panel .download-actions-panel-content .js-download-eticket-contain:before {
content: ""
}
.ticket-actions-panel .download-actions-panel-content .js-download-mticket:not([style*="display: none"])+.js-download-eticket {
margin-left: 1rem
}
.ticket-actions-panel .js-download-actions-panel {
height: calc(var(--panel-height) - 1px);
display: flex;
flex-direction: column
}
.ticket-actions-panel .js-download-actions-panel .scrollable .download-history {
padding: 0 1.5rem;
border-radius: .5rem;
font-size: 11px;
margin-bottom: 2rem !important
}
.ticket-actions-panel .js-download-actions-panel .scrollable .download-history:has(li) {
background-color: #f6f8f9
}
.ticket-actions-panel .js-download-actions-panel ul li {
display: flex;
align-items: center
}
.ticket-actions-panel .js-download-actions-panel ul li:first-child {
padding-top: .5rem
}
.ticket-actions-panel .js-download-actions-panel ul li:last-child {
padding-bottom: .5rem
}
.ticket-actions-panel .js-download-actions-panel ul li span:first-child {
font-weight: 600;
margin-right: .5rem
}
.ticket-actions-panel .js-download-actions-panel ul li span:last-child {
margin-left: auto;
color: #76818d
}
.ticket-actions-panel .js-download-actions-panel ul li span:last-child.eticket {
display: inline-flex;
align-items: center;
margin-before: .5rem
}
.ticket-actions-panel .js-download-actions-panel ul li span:last-child.eticket:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ticket-actions-panel .js-download-actions-panel ul li span:last-child.mticket {
display: inline-flex;
align-items: center;
margin-before: .5rem
}
.ticket-actions-panel .js-download-actions-panel ul li span:last-child.mticket:after {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ticket-actions-panel .js-download-actions-panel ul li span:last-child.eticket:after,
.ticket-actions-panel .js-download-actions-panel ul li span:last-child.mticket:after {
color: initial
}
.ticket-actions-panel .history {
font-size: .875rem
}
.ticket-actions-panel .history .scrollable {
padding: 0
}
.ticket-actions-panel .history .transfer-history {
padding: .75rem;
border-radius: .5rem;
background-color: #f7f9fa;
font-size: 11px
}
.ticket-actions-panel .history .transfer-history li {
display: flex;
flex-wrap: wrap;
align-items: center
}
.ticket-actions-panel .history .transfer-history li:not(:last-child) {
margin-bottom: 8px
}
.ticket-actions-panel .history .transfer-history li .date {
color: #76818d;
flex: 100%
}
.ticket-actions-panel .history .transfer-history li .picto-transfer {
width: 24px;
display: inline-flex;
align-items: center
}
.ticket-actions-panel .history .transfer-history li .picto-transfer:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ticket-actions-panel .alert {
display: inline-block
}
.ticket-actions-panel .alert-danger:before {
transform: translateY(5px)
}
.ticket-actions-panel .beneficiary-warning-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
background-color: color-mix(in srgb, var(--hb-cta-primary) 5.196%, white 94.804%);
border-radius: .5rem;
padding: .75rem;
margin-bottom: .75rem;
font-size: .75rem
}
.ticket-actions-panel .beneficiary-warning-wrapper .beneficiary-warning {
flex: 0 0 100%;
margin-bottom: .25rem;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.ticket-actions-panel .beneficiary-warning-wrapper .beneficiary-warning:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ticket-actions-panel .beneficiary-warning-wrapper .js-beneficiary {
font-weight: 600;
margin-right: .5rem;
display: inline-flex;
align-items: center;
margin-right: .5rem
}
.ticket-actions-panel .beneficiary-warning-wrapper .js-beneficiary:before {
font-family: "hubber8";
content: "";
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: inherit
}
.ticket-actions-panel .beneficiary-warning-wrapper .js-change-beneficiary {
padding: 0
}
.ticket-actions-panel .beneficiary-warning-wrapper .js-change-beneficiary:before {
display: none
}
.form-item-redeleg {
margin-bottom: 1rem
}
.hubber-deleg-form .alert {
display: inline-flex;
align-items: flex-start;
padding: 12px;
margin-bottom: 24px;
font-size: .75rem
}
.hubber-deleg-form .alert:before {
transform: translateY(0);
line-height: 1;
margin-top: 0
}
.hubber-deleg-form .form-item-container-email input {
height: 3rem
}
.hubber-deleg-form .form-item-container-redeleg {
margin-bottom: 30px;
padding: .75rem;
background-color: #f6f8f9;
border-radius: .5rem
}
.hubber-deleg-form .form-item-container-redeleg label:after {
display: block !important
}
.hubber-deleg-form .mail-wrapper {
position: relative
}
.hubber-deleg-form .wrapper-reset {
position: absolute;
right: 10px;
top: 7px;
z-index: 1
}
.hubber-deleg-form .wrapper-reset:before {
content: "";
margin-right: 0;
transition: all 300ms ease-out;
position: absolute;
top: 2px;
font-family: "hubber8";
font-size: 1.5rem;
left: 8px;
pointer-events: none
}
.hubber-deleg-form .wrapper-reset:hover:before {
transform: rotate(-90deg)
}
.hubber-deleg-form .js-reset {
height: 2.5rem !important;
width: 2.5rem !important;
padding: 0 !important;
font-size: 0 !important;
border-radius: 100% !important;
cursor: pointer;
background-color: #fff
}
[id*=edit-import-type--] .custom-control-label {
font-size: 11px !important
}
@media(max-width:991.98px) {
[id*=edit-import-type--] .custom-control-label {
padding: .25rem;
min-height: 38px;
height: 100%;
display: flex;
align-items: center
}
}
[id*=edit-import-type--] .description {
font-size: 11px;
display: block;
margin-top: .5rem;
line-height: 1.3
}
.hubber-import-form .alert.alert-success {
display: block;
line-height: 1.2;
padding-top: 0
}
.hubber-import-form .alert.alert-success:before {
height: 1.5rem;
width: 1.25rem;
background-size: 1rem;
transform: translateY(0.25rem)
}
.js-actions-panel {
height: calc(var(--panel-height) - 1px);
display: flex;
flex-direction: column
}
.js-multi-actions-panel {
height: calc(var(--panel-height) - 1px);
display: flex;
flex-direction: column
}
.js-multi-actions-panel .js-description {
margin-block: .5rem
}
.js-multi-actions-panel .ticket-actions-panel-title+p,
.js-multi-actions-panel .ticket-actions-panel-actions-wrapper {
padding-inline: 1.5rem
}
#panel-placement-wrapper .plan-view-wrapper {
padding-bottom: 1.5rem;
position: relative
}
#panel-placement-wrapper .plan-view-wrapper .map-location-error {
padding: 0 1.5rem 1.5rem;
text-align: center;
border-radius: .5rem;
overflow: hidden;
position: unset
}
#panel-placement-wrapper .map-location-error-close {
display: none
}
#panel-placement-wrapper .map-location-navigate {
width: 100%;
height: 19rem;
border-radius: .5rem;
overflow: hidden;
border: 1px solid #949da6
}
#panel-placement-wrapper .map-location-navigate svg {
min-width: 100%;
min-height: 100%
}
#panel-placement-wrapper .map-location-navigate .js-map-location-navigate-back-button {
top: .5rem;
left: .5rem;
cursor: pointer
}
.tickets_form_state {
font-size: 1.25rem;
font-weight: 600;
line-height: 2;
padding: 1.5rem 5rem 1.5rem 1.5rem;
height: 88px;
border-bottom: 1px solid #e2e5e8;
margin-bottom: 0;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.seat-tooltip-total,
.next-events-header .switch-display-icons li.active,
.page-product-resale .quantity-selector .quantity-minus:not(.disabled-button):hover,
.page-product-resale .quantity-selector .quantity-plus:not(.disabled-button):hover,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.payment-form .PaylineWidget .pl-layout .pl-remember-container input:checked~.pl-remember-text:before,
.payment-form .PaylineWidget .pl-layout .pl-remember-container input:checked~.pl-remember-text:after,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-remember-container input:checked~.pl-remember-text:after,
.layout-user-resale-form .ticket-table .checkbox-select-all.selected,
[class*=-close-cam-full]:hover,
.form-check:not(.custom-switch):not(.radio) .form-check-input:checked~.form-check-label:before {
background-color: var(--hb-cta-primary) !important;
border-color: var(--hb-cta-primary) !important
}
.highlighted .container-fluid .alert,
.highlighted .container-sm .alert,
.highlighted .container-md .alert,
.highlighted .container-lg .alert,
.highlighted .container-hd .alert,
.highlighted .container-xl .alert,
.highlighted .container-xxl .alert,
.highlighted .container-xxxl .alert,
.ebillet-detail-left,
.contig-cart-wrapper:before,
.contig-cart-dispatch-wrapper:before,
.ebillet-actions-item .action-tooltip,
.path-batch #page .layout-main-wrapper .progress__bar,
.membership-package-content .advantage-list-item span.advantage-actived:before,
.resale-filter-mobile #form-mobile-filter .form-check input:checked~.form-check-label:after,
.reservation-step-wrapper .group-type-price.selected .card-event:after,
.layout-user-resale-form #block-payement [id*=edit-rib] .rib-line .radio .js-select-rib-type:checked+.custom-control-label:after,
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest .guest-actions button.save-guest-trigger,
.product-item .list-meeting .product-selection:before,
.page-hubber-pro__tickets .nb-tickets-wrapper .js-export-global:after,
.btn-link.js-show-map-trigger:after,
.ticket-category-wrapper .ticket-category-body ul li:before,
.menu--shop .nav .nav-link:after,
#menu-shop .menu-shop--link-current:after,
.block-hubber-newsletter__title:before,
.block-hubber-newsletter__title:after,
.block-auto-notice:before,
.tooltip-plan-content .add-seats-from-tooltip,
input[type=radio]:checked:before {
background: var(--hb-cta-primary)
}
.custom-switch .custom-control-input:checked~.form-check-label::before,
.ui-slider-horizontal .ui-slider-range-min,
.switch-filters.selected .js-nb,
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset .detail-metacategory li.checked:after,
.path-product-bundle .select2-results .select2-results__option.select2-results__option--highlighted span.product-selection:hover::after,
.select2-results .select2-results__option.select2-results__option--highlighted span.interactive-map-price-selection:hover::after,
.ticket-category-wrapper .ticket-category-body ul li:hover:before,
.hubber-calendar .zabuto_calendar .table tr td.event div.day.active,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.active,
.product-item.js-bundle-item-grouping.no-variation-selection .js-toggle-bundle-item,
.hubber-visit-timeslot>span.sale:before,
.reservation-step-wrapper .btn-group-toggle .btn:has(input:checked),
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .block-hubber-customers-user-picture .sidebar-menu-trigger:hover,
.path-cart .button-empty-cart:hover:after,
.path-cart .button-empty-cart:hover:before,
.js-form-item .iti__dropdown-content:has(input:focus):after,
.fieldset-wrapper>.radio.js-form-item-field-user-type .custom-control-input:checked+.custom-control-label,
#edit-field-user-type.radio-button-list .js-form-type-radio.is-checked label,
.resale-filter-mobile #form-mobile-filter .form-check:has(input:checked):before,
.ebillet-item-container:hover:before,
.ebillet-item-container.open:before {
background-color: var(--hb-cta-primary) !important
}
input.form-control:focus,
input.form-control.selected,
.path-visit .ticket-category-list li .category-wrapper .show-details,
.page-hubber-pro__tickets .select2-selection.selected,
.form-select:focus,
.reservation-step-wrapper:not(.disabled),
.reservation-step-wrapper:not(.disabled) legend .step,
.cart-insurance-block.has-insurance-selected,
.resale-filter-mobile #form-mobile-filter .form-check input:checked~.form-check-label:before,
.page-order-checkout .fieldset-wrapper>.radio .js-form-type-radio.is-checked,
.reservation-step-wrapper .group-type-price.selected .card-event,
.reservation-step-wrapper .offer-slider-wrapper .slick-arrow:hover,
.path-membership .membership-list-item-content:hover,
.page-order-checkout .fieldset-wrapper>.radio .js-form-type-radio.is-checked,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.selected>.fieldset-wrapper>.quantity-selector-wrapper,
.layout-user-resale-form #block-payement [id*=edit-rib] .rib-line .radio .js-select-rib-type:checked+.custom-control-label:before,
.bill-split-wrapper .bill-split-sliders-wrapper .bill-split-slider-guest span.ui-state-default,
.page-hubber-pro__tickets .select2-container--open .select2-selection,
.product-item .list-meeting .product-selection:hover::after,
.page-hubber-pro__tickets .btn-filter.selected,
.hubber-visit-timeslot>span.sale:hover,
.hubber-visit-timeslot>span.sale.selected,
.product-marchandise--slider .slider-nav .slick-current img,
.shop-product__container:hover .shop-product__image,
.hubber-calendar .zabuto_calendar .calendar-month-navigation:hover,
.page-view-hubber-shop .views-exposed-form .filters-wrapper .fieldset-wrapper #edit-size--wrapper .checkbox .form-check.is-checked .custom-control-label,
.hubber-calendar .zabuto_calendar .table tr td.event div.day.active,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.active,
.layout-builder__accordion .accordion-item:has(.accordion-collapse.show),
.product-item.js-bundle-item-grouping.js-bundle-item-grouping-selection-in-progress,
input[type=radio]:checked,
.ticket-category-list li:hover .show-details,
.ticket-content-filters .filter.active:not(.hide-type-price-filter) .filter-info,
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode.active,
.ticket-content-filters .filter.has-price-filtering .filter-info,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day:not(.active, .disabled):hover,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day:not(.active, .disabled):hover,
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode.active,
.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input,
.page-order-checkout .edit-address-container .js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input {
border-color: var(--hb-cta-primary) !important
}
.page-checkout-beneficiary .benef-form-content-wrapper>div:first-child:not(:has(i.is-open)):hover i:before {
border-top: 2px solid var(--hb-cta-primary);
border-right: 2px solid var(--hb-cta-primary)
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode.active {
border-color: var(--hb-cta-primary)
}
.layout-builder__accordion .accordion-item:has(.accordion-collapse.show) {
border-color: var(--hb-cta-primary)
}
.switch-filters.selected,
.quantity-selector-wrapper[data-quantity],
.metatypeprice-wrapper.with-qty,
.page-hubber-pro__tickets .ticket-content-filters .filter.js-more-filters .filter-wrapper .beneficiary-filter.selected,
.page-hubber-pro__tickets .ticket-content-filters .filter.js-more-filters .filter-wrapper .delegate-filter.selected,
.js-form-item input.iti__search-input:focus,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input,
div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) input,
div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input.required):has(>input:focus) input,
div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) input,
.iti--inline-dropdown .iti__dropdown-content {
border-color: var(--hb-cta-primary) !important
}
.custom-tooltip-content:before {
border-bottom-color: var(--hb-cta-primary)
}
.tooltip .arrow:before,
.ebillet-actions-item .action-tooltip:after {
border-top-color: var(--hb-cta-primary)
}
.scroller .top,
.menu--account .nav .nav-link.is-active,
.menu--account .nav .nav-link.is-active:before,
.menu--account .nav .nav-link:not(.customer_vignette__disabled):hover:before,
#menu-shop .menu-shop--link-current.active,
.menu--shop .nav .nav-link:hover,
body[class*=page-user-] .customer_vignette:not(.customer_vignette__disabled):hover .title,
body[class*=page-user-] .customer_vignette:not(.customer_vignette__disabled):hover .customer_vignette-icon:before,
.page-order-checkout .form-item-hubber-cgv-control-consent-cgv.form-check .form-check-input:checked~.form-check-label,
.page-order-checkout .form-item-hubber-contiguity-control-consent-contigue.form-check .form-check-input:checked~.form-check-label,
.payment-form .PaylineWidget .pl-layout .pl-remember-container input:checked~.pl-remember-text,
.checkout-pane-payment-process .PaylineWidget .pl-layout .pl-remember-container input:checked~.pl-remember-text,
.edito-advantage-title-content.active a,
.path-visit .ticket-category-list li .category-wrapper .show-details,
.next-events-filter .btn-group-toggle .btn:has(input:checked),
.resale-filter .nav-item .nav-link.active,
.resale-filter .nav-item .nav-link:hover,
.reservation-step-wrapper.step2 .calendar-info-summary.js-infos-on .selected-time,
.reservation-step-wrapper.step3 .price-summary.price-selected .selected-price,
.reservation-step-wrapper:not(.disabled) legend,
.reservation-step-wrapper .offer-slider-wrapper .slick-arrow:hover,
.slick-dotted .slick-dots li.slick-active button:before,
.hubber-calendar .zabuto_calendar .calendar-month-navigation:hover,
.reservation-step-wrapper.step3 .price-promo-locked label span:before,
.reservation-step-wrapper.step3 .ticket-content-wrapper .quantity-selector-wrapper.with-info label:hover:before,
.reservation-step-wrapper.step3 .ticket-content-wrapper .quantity-selector-wrapper.with-info label:hover .icon-information,
.reservation-step-wrapper.step3 .price-promo-locked label span:before,
.reservation-step-wrapper.step3 .ticket-content-wrapper .quantity-selector-wrapper.with-info label.switch:before,
.reservation-step-wrapper .calendar-info-summary.js-infos-on .selected-time,
.cart-wrapper .selection-infos,
.ticket-content .btn-filter.selected,
.page-hubber-pro__tickets .js-select-all-tickets,
.detail-metacategory .js-information,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.selected>.fieldset-wrapper>.quantity-selector-wrapper,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.selected>.fieldset-wrapper>.quantity-selector-wrapper .custom-select,
input.form-control.selected,
.page-hubber-pro__tickets .select2-selection.selected,
.page-hubber-pro__tickets .ticket-content-filters .filter.js-more-filters .filter-wrapper .beneficiary-filter.selected input,
.page-hubber-pro__tickets .ticket-content-filters .filter.js-more-filters .filter-wrapper .delegate-filter.selected input,
.page-product-resale .hint-resale-split,
.delivery-modes-container .colissimo-selected-pickup-address-fieldset .btn,
.bill-split-wrapper .add-guest-link:hover,
.ticket-actions-panel .download-actions-panel-content .js-download-mticket-contain:before,
.ticket-actions-panel .download-actions-panel-content .js-download-eticket-contain:before,
.detail-metacategory .js-information,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default.selected,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.selected>.fieldset-wrapper>.quantity-selector-wrapper,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-form-type-metatypeprice.selected>.fieldset-wrapper>.quantity-selector-wrapper .custom-select,
.page-hubber-pro__tickets .nb-tickets-wrapper .js-export-global,
.page-hubber-pro__tickets .js-seat-mode span:not(.picto-map),
.page-hubber-pro__tickets .js-hp-map-back-list,
.page-hubber-pro__tickets .nb-tickets-wrapper .js-toggle-detail,
.page-hubber-pro__tickets .nb-tickets-wrapper .js-warning,
.beneficiary-warning-wrapper .beneficiary-warning,
.next-events-content .empty button,
.next-events-content .empty button:hover,
.matchAlert-item-event,
.ebillet-actions-item .action-link:hover,
.ebillet-actions-item a:hover,
.layout-user-resale-form .price-summary li.bg-gray a,
.price-summary li.font-weight-normal .icon-information,
.breadcrumb-item a:hover,
.block-hubber-alerting .select2-container--hubber_reference8 .select2-selection:hover,
.ebillet-detail-right .placement a,
.ebillet-detail-right .beneficiary a:hover,
.node--type-layout-builder-page .layout-builder__tabs .nav-link.active,
.page-hubber-pro__tickets .btn-filter.selected,
.shop-product__container:hover a,
.reservation-wrapper .reservation-wrapper__title-wrapper .button,
.block-auto-notice,
.product-marchandise--slider .slick-arrow:hover,
.block-edito-content-slider .slick-arrow:hover,
.btn-link.js-show-map-trigger,
.shop-product__container:hover a,
.hubber-visit-timeslot>span.sale:hover,
.ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-download-mticket:before,
.ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-download-eticket:before,
.page-product-ticketing .select2-container--open .select2-selection__rendered,
.page-product-membership .select2-container--open .select2-selection__rendered,
.page-product-resale .select2-container--open .select2-selection__rendered,
.hubber-calendar .zabuto_calendar .table tr.calendar-time.date-line .calendar-time-content input:checked+label,
.shop-product__container:hover a,
.ticket-category-list li:hover .show-details,
.ticket-category-bloc-list li:hover .show-details,
.ticket-content-filters .filter.active:not(.hide-type-price-filter) .filter-info,
.product-list-group legend .fieldset-legend a,
.product-marchandise--slider .slider-main .slick-dots button:before,
.path-visit .ticket-category-list li.active .category-wrapper,
.path-visit .ticket-category-list li:hover .category-wrapper,
.ticket-content-filters .filter.has-price-filtering .filter-info,
.select2-container--hubber_reference8.select2-container--open .select2-selection,
.select2-container--hubber_reference8.select2-container--open .select2-selection--single,
.page-checkout-beneficiary .benef-form-content-wrapper:hover>span strong,
.page-checkout-beneficiary .benef-form-content-wrapper:hover>span strong[id*=benef-title],
.page-checkout-beneficiary .benef-form-content-wrapper .js-form-item.js-form-type-textfield:has(input:focus) label,
.page-checkout-beneficiary .benef-form-content-wrapper .js-form-item.js-form-type-email:has(input:focus) label,
.select2-filter-container .select2-container--hubber_reference8:not(.select2-container--disabled) .select2-selection:hover,
#edit-field-user-type.radio-button-list .js-form-type-radio label:hover,
.resale-filter-mobile #form-mobile-filter .form-check input:checked~.form-check-label,
.edito-advantage-title-content:not(.active):hover a,
.ticket-content-filters .filter.has-price-filtering .filter-info,
.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
.page-order-checkout .edit-address-container .js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus)::after,
.page-order-checkout .edit-address-container .js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus)::after,
.ebillet-item .meeting-option:hover {
color: var(--hb-cta-primary) !important
}
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-download-eticket:before {
background-color: #1882fa
}
.switch-filters.selected,
.order-summary .gitf-card-info-container .fieldset-wrapper .btn,
#edit-sidebar-coupon-redemption-form .coupon-redemption-form__coupons td .button,
.btn-link.js-show-map-trigger,
.hubber-calendar .zabuto_calendar .table tr.calendar-time.date-line .calendar-time-content label:hover,
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content span:hover,
#menu-shop .nav-link.active,
.page-order-checkout .fieldset-wrapper>.radio .custom-control-input:checked+.custom-control-label+.description .delivery-modes-container .address-container fieldset:focus-within label span,
div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio).js-form-type-tel:has(input:focus) label {
color: var(--hb-cta-primary) !important
}
@media(max-width:991.98px) {
.reservation-step-wrapper.step3 .ticket-content-wrapper .input-number-operators .form-number .operator {
color: var(--hb-cta-primary) !important
}
}
.hubber-off-canvas .hubber-menu__menu--menu-header-instit .hubber-menu__menu-list {
background-color: var(--hb-bg-menu-instit) !important
}
header #navbar-top a,
.hubber-off-canvas .hubber-menu__menu--menu-header-instit .hubber-menu__menu-list a {
color: var(--hb-link-menu-instit)
}
body.path-event,
.path-event .layout-main-wrapper,
body.page-event,
.page-event .layout-main-wrapper,
body.page-product-ticketing,
.page-product-ticketing .layout-main-wrapper,
body.path-visit,
.path-visit .layout-main-wrapper,
body.path-meeting,
.path-meeting .layout-main-wrapper,
body.path-product-resale,
.path-product-resale .layout-main-wrapper,
body.path-manifestation,
.path-manifestation .layout-main-wrapper,
body.path-product-bundle,
.path-product-bundle .layout-main-wrapper {
background-color: var(--hb-bg)
}
.block-commerce-cross-sell .integrated-products h4,
.block-commerce-cross-sell .integrated-products .h4 {
background: linear-gradient(to bottom, var(--hb-bg) 0%, var(--hb-bg) 50%, white 51%, white 100%)
}
#header,
.hubber-off-canvas,
.bg-primary,
.hubber-off-canvas .hubber-menu-close+div .dropdowns,
.menu--main .dropdown-menu {
background-color: var(--hb-top) !important
}
.header a,
.header #navbar-main .nav-link,
.header .btn-link,
.header .btn-link:hover,
.block-hubber-menu-block a,
.block-hubber-menu-block a:hover,
.hubber-off-canvas .hubber-menu-close+div .dropdowns .dropdown__head,
.hubber-menu__menu-title,
.hubber-menu__menu-list-item-link,
.hubber-menu__menu-list-item-link:hover,
.header .site-name,
.header .site-name:hover,
.hubber-off-canvas .hubber-menu-close,
.header .content-wrapper .field--name-title,
.header .content-wrapper .field--name-date,
.header .content-wrapper .field--name-venue,
.header .content-wrapper .field--name-body,
.header .content-wrapper .more-information-link,
.reservation-step-wrapper .btn-group-toggle .btn:has(input:checked) {
color: var(--hb-link-top)
}
.header .cart-block--summary .cart-block--link__expand,
.header .user-account-login,
.header .btn-search,
.hubber-off-canvas .search-form-hubber-menu .search .form-submit {
color: var(--hb-link-top) !important
}
.header .hubber-menu-toggler span,
.header .hubber-menu-toggler span:before,
.header .hubber-menu-toggler span:after,
.navbar-nav .nav-item:after {
background-color: var(--hb-link-top)
}
.menu--main .dropdown-menu,
.hubber-off-canvas .search-form-hubber-menu .search .form-search {
border-color: var(--hb-link-top)
}
#header .site-branding a {
color: var(--hb-titleslogan)
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .hubber_customers-block--summary__icon {
background-color: var(--hb-avatar-bg)
}
.path-user:not(.user-dashboard):not(.page-user-reset) .sidebar .hubber_customers-block--summary__icon {
color: var(--hb-avatar-text)
}
body.path-frontpage,
.path-frontpage .block-edito-content,
.path-frontpage .layout-main-wrapper,
.page-view-hubber-shop .layout-main-wrapper {
background-color: var(--hb-frontpage-main)
}
.block-edito-content-slider h1,
.block-edito-content-slider .h1,
.path-frontpage .next-events-header h1,
.path-frontpage .next-events-header .h1 {
color: var(--hb-frontpage-text)
}
body,
body.page-user-password #main-wrapper,
body.page-user-reset #main-wrapper,
body.page-user-login #main-wrapper,
.layout-main-wrapper,
.page-user-login .register-informations:before {
background-color: var(--hb-main)
}
.layout-main-wrapper {
color: var(--hb-text)
}
.layout-main-wrapper h1,
.layout-main-wrapper .h1,
.layout-main-wrapper h2,
.layout-main-wrapper .h2 {
color: var(--hb-titlecolor)
}
a,
a:hover,
.btn-link,
.btn-link:hover,
.btn-link.btn-show-details,
.btn-link.btn-show-details:hover,
.js-change,
.path-sticker .breadcrumb .js-breadcrumb-popin .breadcrumb-item:last-child a:hover,
.ticket-content-list .select-category-wrapper .btn-link,
.ticket-category-body .select-block-wrapper .btn-link,
.product-list-group legend .fieldset-legend a,
.hubber-visit-vcart__item:has(.empty):before,
.hubber-visit-vcart__item:has(.empty),
.dataTables_paginate .paginate_button.current,
.page-hubber-pro__tickets .ticket-content-filters .form-item-status .form-check-label,
.pagination .page-item.active .page-link,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day:not(.active, .disabled):hover,
.ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto .controls .in_out:hover,
.ebillet-item .meeting-option,
.ebillet-item-container .ebillet-item .meeting-option {
color: var(--hb-link)
}
.ebillet-item-container .ebillet-item .meeting-option:after {
background-color: var(--hb-link)
}
.pl-pay-btn,
.product-item.mandatory:after,
.page-order-checkout [data-drupal-selector=edit-shipping-information-recalculate-shipping],
.input-number-operators .operator.active:hover,
.quantity-minus:not(.disabled-button):hover,
.quantity-plus:not(.disabled-button):hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.product-item .notif-product-added:after,
.ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto .controls .in_out:hover,
.view-commerce-user-orders .order-item.partially-paid .order-item-action-content .dropbutton a,
.view-commerce-user-orders .order-item.pending .order-item-action-content .dropbutton a,
.view-commerce-user-orders .order-item.validated .order-item-action-content .dropbutton a,
.view-commerce-user-orders .order-item.reserved .order-item-action-content .dropbutton a,
.view-commerce-user-orders .order-item.wish-waiting .order-item-action-content .dropbutton a,
.page-hubber-pro__tickets .hp-tickets-selector-wrapper:before,
.page-hubber-pro__tickets .js-seat-mode-footer .js-buttons-bulk-actions,
.page-hubber-pro__tickets .dataTables_wrapper .buttons-bulk-actions,
.hubber-calendar .zabuto_calendar .table tr ul.legend li.event.active,
.hubber-calendar .zabuto_calendar .table tr ul.legend li.event:hover,
.hubber-calendar .zabuto_calendar .table tr td.event div.day.active,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.active,
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option>span:hover:before,
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option .js-seat-mode:hover:before,
.product-item:not(.disabled):not(.not-available).validate .js-toggle-bundle-item,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-size--] .checkbox .form-check.is-checked .form-check-label,
.form-check:not(.custom-switch).radio .form-check-label:after,
.page-order-confirm .hubber-breadcrumb .stepper-wrapper .steps:before,
.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):not(.btn-sale):not(.add-coupon-btn),
.btn-tertiary:hover {
background-color: var(--hb-cta-primary) !important;
border-color: var(--hb-cta-primary) !important
}
.css-category-choose:not(:disabled),
.matchAlert-item .btn:hover,
.btn-outline-primary,
.button-checkout-cart,
.path-cart .button-back-home-top:hover,
.manifestation-content .slick-arrow:hover,
.path-product-bundle .pre-selection-wrapper .multi-rates-available.selected .js-metatypeprice-info,
.page-hubber-pro__tickets .ticket-content-filters .filter .select2-.selected,
.page-view-hubber-shop .views-exposed-form .select2-container--hubber_reference8 .select2-selection:hover,
.page-view-hubber-shop .views-exposed-form .btn-filter:hover,
.page-view-hubber-shop .views-exposed-form .filters.show .btn-filter,
.page-view-hubber-shop .views-exposed-form .filters.active .btn-filter,
.path-product-bundle .mobile-selection-wrapper .custom-select.selected,
.next-events-wrapper .date-anchors .btn-anchor:hover,
.hubber-calendar .zabuto_calendar .table tr td.event div.day:hover,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day:not(.active, .disabled):hover,
.hubber-calendar .zabuto_calendar .table tr ul.legend li.event:hover,
.hubber-calendar .zabuto_calendar .calendar-month-navigation:hover,
.quantity-selector-wrapper[data-quantity]:not([data-color]),
.metatypeprice-wrapper.with-qty,
.ticket-content-list .seat__selected-item-info .select2-container--open .select2-selection__placeholder,
.page-view-hubber-shop [data-drupal-selector=edit-sort-by].active+.select2 .select2-selection,
.internal-products .slick-prev:hover,
.internal-products .slick-next:hover,
[id^=block-cross-selling-mandatory-products-hubber-reference8] .js-cross-sell-info-wrapper {
border-color: var(--hb-cta-primary) !important;
color: var(--hb-cta-primary) !important
}
.page-hubber-pro__tickets .ticket-content-filters .filter.active:not(.hide-type-price-filter) .filter-info,
.product-item.checked.validate,
.ticket-content-filters.filtered_qty [data-drupal-selector=edit-prices],
.product-item.with-variation-selection .ticket-category-list .block-mode:hover::after,
.product-item.with-variation-selection .ticket-category-list .block-mode.active::after,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default.selected,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset.active p.default,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default.selected,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category.active p.default,
.page-view-hubber-shop .select2-container--open .select2-selection,
.next-events-wrapper .date-anchors .btn-anchor.active,
.page-view-hubber-shop .views-exposed-form .filters.active .btn-filter,
.filter-price-wrapper .ui-slider-horizontal .ui-slider-handle,
.stepper-wrapper .step .info.current,
.stepper-wrapper .step .info.selected,
.page-product-ticketing #commerce-product-ticketing-form .quantity-selector-wrapper[data-quantity]:not(.price-promo-protected),
.ticket-content-list .seat__selected-item-info .select2-container--hubber_reference8 .select2-selection[aria-expanded=true],
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox.is-checked .form-check .form-check-label:before,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check:hover .form-check-label:before,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox .form-check:hover .form-check-label:before,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check:hover .form-check-label:before,
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-download-mticket:hover,
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-download-eticket:hover,
.membership-thumbnail.membership-multi-item,
.hubber-cross-sell-product-merch:hover .image,
.hubber-cross-sell-product:hover,
.card-cross-sell.in-cart,
.hubber-cross-sell-product.in-cart,
.path-visit .ticket-category-list li.active,
.path-visit .ticket-category-list li:hover,
.path-visit .ticket-category-list .quantity-selector-wrapper:not(:has(.quantity-minus.disabled-button)),
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option[aria-selected=true] .radio,
.card-cross-sell:hover,
.hubber-cross-sell-product:hover,
.path-visit .ticket-category-list .quantity-selector-wrapper:not(:has(.quantity-minus.disabled-button)),
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option[aria-selected=true] .radio,
.card-cross-sell:hover,
.path-sticker .stickers-wrapper .js-sticker-filter .select2-container--hubber_reference8 .select2-selection:hover,
.path-sticker .stickers-wrapper .js-sticker-filter .select2-container--hubber_reference8 .select2-selection.selected,
.path-visit .ticket-category-list li.active,
.path-visit .ticket-category-list li:hover,
.hubber-calendar .zabuto_calendar .table tr td.event div.day:hover,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day:hover,
.hubber-calendar .zabuto_calendar .table tr ul.legend li.event:hover,
.membership-editorial .slick-arrow:hover,
[id^=block-cross-selling-mandatory-products-hubber-reference8] .hubber-cross-sell-product-merch.in-cart .image,
.ticket-content-filters [data-drupal-selector=edit-prices] .js-hubber-quantity:focus,
.page-hubber-pro__tickets .ticket-content-filters .filter.active:not(.hide-type-price-filter) .filter-info,
.select2-filter-container .select2-container--hubber_reference8:not(.select2-container--disabled) .select2-selection:hover,
.select2-filter-container.active .select2-container--hubber_reference8 .select2-selection,
#edit-field-user-type.radio-button-list .js-form-type-radio.is-checked label {
border-color: var(--hb-cta-primary)
}
.form-check:not(.custom-switch).radio .form-check-input:checked~.form-check-label:before,
.tooltip-plan {
border-color: var(--hb-cta-primary) !important
}
.hubber-calendar .zabuto_calendar .table tr td.event div.day,
.hubber-calendar .zabuto_calendar .table tr ul.legend li.event,
.node--type-layout-builder-page .nav-pills .nav-link:hover,
.product-item.validate .label_info_price,
.product-item.with-variation-selection .ticket-category-list .block-mode.active .title,
.product-item.with-variation-selection .ticket-category-list .block-mode.active .category-price,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default.selected,
.stepper-wrapper .step.current .step-label,
.stepper-wrapper .step.current .info.selected,
.stepper-wrapper .step.current .multi-stepper-detail .info.selected,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox .form-check:hover .form-check-label,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox .form-check.is-checked .form-check-label,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check:hover .form-check-label,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check.is-checked .form-check-label,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>fieldset p.default.selected,
.ticket-content-filters.filtered_qty [data-drupal-selector=edit-prices] span,
.cart-wrapper .js-nb-to-select,
.cart-wrapper .js-nb-selected,
.stepper-wrapper .step .multi-stepper-detail .info,
.header .nav-item .dropdown-item:hover a,
.lyra-registered-cards-wrapper+.button,
.product-list-group .js-modal-availability,
.breadcrumb-container--cart .steps li.current .step-label,
.path-product-bundle-multi-steps--product-selection .ui-dialog .product-detail.before a,
.ticket-content-list .seat__selected-item-info .select2-container--hubber_reference8 .select2-selection[aria-expanded=true],
.js-blockitem-auto:after,
#cart-wrapper .selection-infos,
.page-product-ticketing .select2-container--open .select2-selection__rendered,
.page-product-membership .select2-container--open .select2-selection__rendered,
.page-product-resale .select2-container--open .select2-selection__rendered,
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-download-mticket:before,
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-download-mticket:hover,
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option[aria-selected=true]>span,
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option>span:hover,
.page-user-tickets .ui-dialog .ui-dialog-content.hubber-eticket-download-modal .js-download-eticket:hover,
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option .js-seat-mode:hover,
.select2-filter-container.active .select2-container--hubber_reference8 .select2-selection,
.next-events-header .select2-container--hubber_reference8 .select2-selection:hover,
.next-events-header .select2-container--hubber_reference8 .select2-selection[aria-expanded=true],
.next-events-wrapper .date-anchors .slick-arrow:hover:before,
#commerce-product-ticketing-form .ticket-dispatch-wrapper .dispatch-toggle-wrapper:has(input:checked):before,
#commerce-product-ticketing-form .ticket-dispatch-wrapper .dispatch-toggle-wrapper:has(input:checked) .form-check-label,
#cart-wrapper .js-nb-to-select,
#cart-wrapper .js-nb-selected,
.layout-builder__download-links li a,
.membership-thumbnail.membership-multi-item .membership-thumbnail-visuel:before,
.product-item--info-wrapper .fees-info-wrapper .icon-information,
.card-event.card-sport .info-wrapper .event,
.next-events-content .field__item .info-wrapper .event,
.hubber-cross-sell-product-merch:hover .title,
.card-cross-sell .info-wrapper .event-label .event,
.hubber-cross-sell-product .info-wrapper .event-label .event,
.card-event.card-show .card-event-content .event-title,
.path-membership .membership-list-item-description:hover .product-modal-description,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day.sale:not(.active),
.path-sticker .next-events-filters-mobile .custom-radio.is-checked,
.path-sticker .stickers-wrapper .js-sticker-filter .select2-container--hubber_reference8 .select2-selection:hover,
.path-sticker .stickers-wrapper .js-sticker-filter .select2-container--hubber_reference8 .select2-selection:hover .label,
.path-sticker .stickers-wrapper .js-sticker-filter .select2-container--hubber_reference8 .select2-selection.selected,
.breadcrumb .js-breadcrumb-popin .breadcrumb-item:last-child a:hover,
.hubber-visit-vcart__item .js-change,
.hubber-visit-vcart__item .js-changed,
.membership-editorial .slick-arrow:hover,
[id^=block-cross-selling-mandatory-products-hubber-reference8] .hubber-cross-sell-product-merch.in-cart .title,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper>.form-item-meta-category p.default.selected,
.reservation-step-wrapper .btn-group-toggle .btn:hover {
color: var(--hb-cta-primary)
}
.page-checkout-beneficiary .benef-form-content-wrapper .js-form-item.js-form-type-textfield:has(input:focus) label,
.page-checkout-beneficiary .benef-form-content-wrapper .js-form-item.js-form-type-email:has(input:focus) label,
.page-checkout-beneficiary .benef-form-content-wrapper>div:first-child:not(:has(i.is-open)):hover>div strong[id*=benef-title],
.page-checkout-beneficiary .benef-form-content-wrapper>div:first-child:not(:has(i.is-open)):hover>div strong,
div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus)::after,
.page-checkout-beneficiary .benef-form-content-wrapper div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input:focus):after,
.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
div.js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus)::after,
.page-order-checkout .edit-address-container .js-form-item:not(.js-form-type-checkbox):not(.js-form-type-radio):has(>input:focus) label,
.js-form-type-select:has(.select2-container--hubber_reference8.select2-container--open) label,
.js-form-type-language-select:has(.select2-container--hubber_reference8.select2-container--open) label,
.field--type-datetime:has(input:focus)>label {
color: var(--hb-cta-primary) !important
}
.path-cart .button-empty-cart:hover {
color: var(--hb-cta-primary) !important
}
.path-visit .ticket-category-list li.active .category-wrapper .show-details,
.btn-secondary:not(:disabled):not(.disabled):not([disabled]):not(.btn-resale) {
border-color: var(--hb-cta-primary) !important;
color: var(--hb-cta-primary) !important
}
.path-visit .ticket-category-list li.active .category-wrapper .show-details,
.path-visit .ticket-category-list li:hover .category-wrapper .show-details,
.hubber-calendar .zabuto_calendar .table tr td.event.selected div.day,
.hubber-calendar .zabuto_calendar .table tr td.event-styled.selected div.day,
.hubber-calendar .zabuto_calendar .table tr ul.legend li.event,
.hubber-visit-timeslot>span.sale.selected,
.btn-secondary:not(.disabled):not(:disabled):not(.btn-resale):hover {
color: var(--hb-cta-primary-text) !important;
background: var(--hb-cta-primary) !important;
border-color: var(--hb-cta-primary) !important
}
.ticket-category-list .quantity-selector-wrapper.is-quantity-selected .js-quantity-button:not(.disabled-button):hover,
.hubber-visit-ticket__wrapper .ticket-content-wrapper.no-map .ticket-category-list li.block-mode .quantity-selector-wrapper:before {
background-color: var(--custom-color, var(--hb-cta-primary)) !important
}
.quantity-selector .quantity-minus:not(.disabled-button):hover,
.quantity-selector .quantity-plus:not(.disabled-button):hover {
background-color: var(--custom-color, var(--hb-cta-primary)) !important;
border-color: var(--custom-color, var(--hb-cta-primary)) !important
}
[id^=block-cross-selling-mandatory-products-hubber-reference8] .hubber-cross-sell-product.in-cart .btn-primary,
[id^=block-cross-selling-mandatory-products-hubber-reference8] .hubber-cross-sell-product-merch.in-cart .btn-primary {
color: var(--hb-cta-primary) !important
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-quantity-button {
color: var(--hb-cta-primary) !important
}
}
.path-faq .faqfield-question.ui-state-active,
.product-item.checked.validate .notif-product-added:before,
.node--type-layout-builder-page .nav-pills .nav-link.active:before,
.node--type-layout-builder-page .nav-pills .nav-link:hover:before,
.hubber-calendar .zabuto_calendar .table tr td.event div.day:before,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day:not(.disabled):before,
.hubber-calendar .zabuto_calendar .table tr ul.legend li.event:before,
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio:not(.is-checked)>label:before,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio:not(.is-checked)>label:before,
.ticket-category-list li.block-mode:before,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-size--] .checkbox .form-check:before,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox .form-check:hover:before,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-color--] .checkbox .form-check.is-checked:before,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check:hover:before,
.page-view-hubber-shop .views-exposed-form .filters-wrapper [id^=edit-sex--] .checkbox .form-check.is-checked:before,
.path-product-bundle-multi-steps--product-selection .ui-dialog .product-detail.before:before,
.path-product-bundle-multi-steps--product-selection .ui-dialog .product-detail.before:after,
.btn-outline-primary:hover,
.ui-slider-horizontal .ui-slider-range,
.product-item.validate .js-toggle-bundle-item,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-metatypeprice-details .js-metatypeprice-wrap.with-qty:before,
.layout-builder__accordion .accordion-button:not(.collapsed),
.stepper-wrapper .step .info.selected,
.stepper-wrapper .step.passed:before,
.stepper-wrapper .step.passed:after,
.stepper-wrapper .step.current:before,
.block-hubber-rib-manager [class^=rib-form]:not(.rib-form-actions-wrapper):before,
.custom-tooltip-content,
.page-product-ticketing .select2-results li.select2-results__option:hover:after,
.page-product-membership .select2-results li.select2-results__option:after,
.page-product-resale .select2-results li.select2-results__option:after,
.page-view-hubber-shop .views-exposed-form .btn-filter-count,
[id*=container-form-edit-rib]:before,
#container_form_new_rib:before,
.lyra-registered-cards-wrapper+.button:after,
.product-list-group .js-modal-availability:after,
.js-blockitem-auto:hover:after,
.page-product-ticketing .select2-results li.select2-results__option:after,
.page-product-membership .select2-results li.select2-results__option:after,
.page-product-resale .select2-results li.select2-results__option:after,
#cart-wrapper .js-nb-to-select:after,
#cart-wrapper .js-nb-selected:after,
body[class*=page-user-] .customer_vignette:not(.customer_vignette__disabled):before,
.menu--account .nav .nav-link:after,
.layout-builder__download-links li a:hover,
.membership-package-coche-list span.advantage-actived:before,
.page-order-checkout .fieldset-wrapper>.radio>.js-form-type-radio:before,
.path-payment-order .fieldset-wrapper>.radio>.js-form-type-radio:before,
.card-event.card-show .card-event-content .filter,
.js-map-location-button:hover,
.js-view-cam-button:hover,
.card-event.card-show .card-event-content .event-title,
.reservation-step-wrapper .group-type-price .card-event.card-show .card-event-content .event-type .badge,
.card-event.card-show .card-event-content .event-type .badge,
.reservation-step-wrapper .group-type-price .card-event .badge,
.path-cart .sidebar_second .cart-summary-product .product-title .badge,
.order-summary .cart-summary-product .product-title .badge,
.header .cart-block--contents__inner .cart-summary-product .product-title .badge,
.bundle-header .cart-product-bundle-info-title .badge,
.hubber-calendar .zabuto_calendar .table tr.calendar-time .calendar-time-content,
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option[aria-selected=true] .radio:before,
.select2-container--hubber_reference8 .select2-dropdown .select2-results__option[aria-selected=true]>span:before,
.path-sticker .next-event-filters-mobile .custom-radio.is-checked:before,
.path-sticker .next-events-filters-mobile .custom-radio.is-checked:before,
[id^=block-cross-selling-mandatory-products-hubber-reference8] .js-cross-sell-info-wrapper:before,
[id^=block-cross-selling-mandatory-products-hubber-reference8] .hubber-cross-sell-product.in-cart:before,
[id^=block-cross-selling-mandatory-products-hubber-reference8] .hubber-cross-sell-product-merch.in-cart:before,
.hubber-calendar .zabuto_calendar .table tr td.event:before,
.hubber-calendar .zabuto_calendar .table tr td.event-styled:before,
.hubber-calendar .zabuto_calendar .table tr ul.legend:before,
.hubber-calendar .zabuto_calendar .table tr td.event div.day:before,
.hubber-calendar .zabuto_calendar .table tr td.event-styled div.day:before,
.hubber-calendar .zabuto_calendar .table tr ul.legend li.event:before,
.membership-package-info.active,
.map-togglers .map-toggle:hover,
.membership-package-info:hover,
.page-checkout-beneficiary .benef-form-content-wrapper>div:first-child:not(:has(i.is-open)):hover>div:before {
background-color: var(--hb-cta-primary) !important
}
.select2-container--hubber_reference8 .select2-results>.select2-results__options,
.select2-container--hubber_reference8.select2-container--open .select2-selection,
.select2-container--hubber_reference8.select2-container--open .select2-selection--single {
border: 1px solid var(--hb-cta-primary) !important
}
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected:before,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected:before,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper:hover:before,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper:hover:before,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected:before,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper:hover:before,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper:hover:before,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected:before,
.ticket-category-list .quantity-selector-wrapper:hover:before,
.ticket-category-list .quantity-selector-wrapper.is-quantity-selected:before {
background-color: var(--custom-color, var(--hb-cta-primary))
}
.page-product-ticketing .quantity-selector .quantity-minus:not(.disabled-button):hover,
.page-product-ticketing .quantity-selector .quantity-plus:not(.disabled-button):hover {
background-color: var(--custom-color, var(--hb-cta-primary)) !important;
border-color: var(--custom-color, var(--hb-cta-primary)) !important
}
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .js-amount-merch,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .js-amount-merch,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .js-amount-merch,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .js-amount-merch,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .info-details,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .info-details,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .info-details,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .info-details,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected label,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected label,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected label,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected label,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .js-quantity-button,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .js-quantity-button,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .js-quantity-button,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .js-quantity-button,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected input,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected input,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected input,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected input,
.ticket-category-list .quantity-selector-wrapper.is-quantity-selected .js-quantity-button:not(.disabled-button),
.ticket-category-list .quantity-selector-wrapper.is-quantity-selected,
.ticket-category-list .quantity-selector-wrapper.is-quantity-selected input,
.btn.quantity-minus.trash {
color: var(--custom-color, var(--hb-cta-primary))
}
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .info-details,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .info-details,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .info-details,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .info-details,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .js-quantity-button,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .js-quantity-button,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .js-quantity-button,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper.is-quantity-selected .js-quantity-button,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper:hover,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper:hover,
.cross-sell-product-modal .hubber-ticketing-cross-sell-add-to-cart-form .quantity-selector-wrapper:hover,
.cross-sell-product-modal .hubber-merchandising-cross-sell-add-to-cart-form .quantity-selector-wrapper:hover,
.ticket-category-list .quantity-selector-wrapper:hover,
.ticket-category-list .quantity-selector-wrapper.is-quantity-selected,
.ticket-category-list .quantity-selector-wrapper.is-quantity-selected .js-quantity-button {
border-color: var(--custom-color, var(--hb-cta-primary)) !important
}
.path-faq .faqfield-question.ui-state-active,
.view-commerce-user-orders .order-item.partially-paid .order-item-action-content .dropbutton a,
.view-commerce-user-orders .order-item.pending .order-item-action-content .dropbutton a,
.view-commerce-user-orders .order-item.validated .order-item-action-content .dropbutton a,
.view-commerce-user-orders .order-item.reserved .order-item-action-content .dropbutton a,
.view-commerce-user-orders .order-item.wish-waiting .order-item-action-content .dropbutton a,
.path-product-bundle-multi-steps--product-selection .ui-dialog .product-detail.before:after,
.node--type-layout-builder-page .nav-pills .nav-link.active,
.page-view-hubber-shop .views-exposed-form .btn-filter-count,
.card-event.card-show .card-event-content .filter,
.membership-package-info.active,
.product-item.validate .js-toggle-bundle-item,
.product-item .notif-product-added:after,
.layout-builder__accordion .accordion-button:not(.collapsed),
.layout-builder__download-links li a:hover,
.stepper-wrapper .step .info.selected,
.switch-filters.selected .js-nb,
.reservation-step-wrapper .group-type-price .card-event .badge,
.card-event.card-show .card-event-content .event-title,
.map-togglers .map-toggle:hover,
.btn-outline-primary:hover,
.map-togglers .map-toggle:hover,
.ticket-content-filters .ticket-filter-form .reset:hover,
.js-map-location-button:hover:after,
.js-view-cam-button:hover:after,
[id^=block-cross-selling-mandatory-products-hubber-reference8] .hubber-cross-sell-product.in-cart:before,
[id^=block-cross-selling-mandatory-products-hubber-reference8] .hubber-cross-sell-product-merch.in-cart:before,
.membership-package-info:hover {
color: var(--hb-cta-primary-text)
}
.pl-pay-btn,
.page-order-checkout [data-drupal-selector=edit-shipping-information-recalculate-shipping],
.next-events-header .switch-display-icons li.active,
.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):not(.btn-sale):not(.add-coupon-btn),
.page-hubber-pro__tickets .js-seat-mode-footer .js-buttons-bulk-actions,
.product-item.mandatory:after,
.product-item.checked::after,
.input-number-operators .operator.active:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.quantity-minus:not(.disabled-button):hover,
.ticket-content-wrapper #commerce-product-ticketing-bloc-content-auto .controls .in_out:hover,
.page-hubber-pro__tickets .hp-tickets-selector-wrapper:before,
.product-item:not(.disabled):not(.not-available).validate .js-toggle-bundle-item,
.quantity-plus:not(.disabled-button):hover {
color: var(--hb-cta-primary-text) !important
}
@media(max-width:991.98px) {
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-quantity-button:not(.disabled-button):hover,
.path-product-bundle .pre-selection-wrapper>.fieldset-wrapper .js-quantity-button:not(.disabled-button):active {
color: var(--hb-cta-primary-text) !important
}
}
.btn-tertiary:hover {
color: var(--hb-cta-primary-text) !important;
border-color: var(--hb-cta-primary) !important;
background-color: var(--hb-cta-primary) !important
}
.btn.btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch):not(.available):hover,
.page-hubber-pro__tickets .js-seat-mode-footer .js-buttons-bulk-actions:hover,
.page-hubber-pro__tickets .dataTables_wrapper .buttons-bulk-actions:hover,
.pl-pay-btn:hover {
background-color: var(--hb-cta-primary-hover) !important;
border-color: var(--hb-cta-primary-hover) !important;
color: var(--hb-cta-primary-hover-text) !important
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^=right] .tooltip-arrow::before {
border-right-color: #263140
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before {
border-bottom-color: #263140
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^=left] .tooltip-arrow::before {
border-left-color: #263140
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before {
border-top-color: #263140
}
.reservation-step-wrapper.step3 .ticket-content-wrapper .block-mode.active:not(.one-cat):after {
background: var(--hb-cta-primary)
}
.btn-primary.available,
[id*=block-cross-selling-internal] .internal-products .container-price-button>button.js-add-to-cart {
background-color: var(--hb-cta-sale) !important;
border-color: var(--hb-cta-sale) !important
}
.vignette-modal .btn.unavailable,
.btn-primary.unavailable,
.btn-resale.unavailable,
.btn.unavailable {
background-color: var(--hb-cta-nosale) !important;
border-color: var(--hb-cta-nosale) !important
}
.vignette-modal .btn.unavailable,
.btn-primary.unavailable,
.btn-resale.unavailable,
.btn.unavailable {
color: var(--hb-cta-nosale-text) !important
}
.site-footer {
background-color: var(--hb-footer)
}
.btn-resale,
.path-cart .sidebar_second .cart-summary-product .product-title .badge.badge-resale,
.badge-resale,
#content .order-summary .cart-summary-product .product-title .badge-resale,
.header .cart-block--contents__inner .cart-summary-product .cart-product-info .product-title .badge-resale,
.js-show-temp-cart {
background-color: var(--hb-btn-resale-background-color) !important;
border-color: var(--hb-btn-resale-background-color) !important;
color: var(--hb-btn-resale-text-color) !important
}
.btn-resale:not(.unavailable):hover,
.js-show-temp-cart:hover {
background-color: var(--hb-btn-resale-hover-background-color) !important;
border-color: var(--hb-btn-resale-hover-background-color) !important;
color: var(--hb-btn-resale-hover-text-color) !important
}
.site-footer a,
.site-footer {
color: var(--hb-link-footer)
}
.cookiesjsr-banner,
.cookiesjsr-service-group.active .cookiesjsr-service-group--content,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab,
.cookiesjsr-btn.important.invert {
background-color: var(--hb-cookie-banner-background-color);
border-color: var(--hb-cookie-banner-background-color)
}
.cookiesjsr-banner,
.cookiesjsr-banner a,
.cookiesjsr-service--description h3,
.cookiesjsr-service--description .h3,
.cookiesjsr-service-group.active .cookiesjsr-service-group--content,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab,
.cookiesjsr-btn.important.invert {
color: var(--hb-cookie-banner-text-color)
}
.cookiesjsr-btn.important,
.cookiesjsr-btn.invert {
background-color: var(--hb-cookie-banner-text-color);
color: var(--hb-cookie-banner-background-color)
}
.cookiesjsr-btn.invert {
border-color: var(--hb-cookie-banner-background-color)
}
.card-edito-content .actions-wrapper .btn-light {
border-color: var(--hb-cta-edito);
background-color: var(--hb-cta-edito);
color: var(--hb-cta-edito-text)
}
.card-edito-content .actions-wrapper .btn-light:hover {
border-color: var(--hb-cta-edito-hover);
background-color: var(--hb-cta-edito-hover);
color: var(--hb-cta-edito-hover-text)
}
.hubber-social-icons li a {
color: var(--hb-social-icon-color)
}
.block-content-hubber_newsletter .hubber-newsletter-form .block-hubber-newsletter__title,
.block-content-hubber_newsletter .hubber-newsletter-form .block-hubber-newsletter__title:before,
.block-content-hubber_newsletter .hubber-newsletter-form .block-hubber-newsletter__title:after {
color: var(--hb-cta-primary)
}
#hubber-newsletter-form #edit-submit-newsletter {
border-color: var(--hb-cta-primary);
color: var(--hb-cta-primary);
background-color: #fff
}
.block-content-menu_block_type .nav-pills a.nav-link:hover,
.block-content-menu_block_type .nav-pills a.nav-link:active {
color: var(--hb-cta-primary)
}
.block-content-menu_block_type .nav-pills a.nav-link:active:before,
.block-content-menu_block_type .nav-pills a.nav-link:hover:before {
background-color: var(--hb-cta-primary)
}
.page-hubber-pro__tickets .fieldset-wrapper>.radio .custom-control-input:checked+.custom-control-label {
background-color: var(--hb-cta-primary)
}
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr.selected td.dt-checkboxes-cell:before,
body.page-hubber-pro__tickets #UserOrdersHistory tbody tr:hover td.dt-checkboxes-cell:before {
background-color: var(--hb-cta-primary)
}
body.page-hubber-pro__tickets [data-drupal-selector=edit-container-language] #edit-container-language--wrapper--description,
body.page-hubber-pro__tickets [data-drupal-selector=edit-container-language] #edit-container-language--2--wrapper--description {
color: var(--hb-cta-primary) !important
}
body.page-hubber-pro__tickets #page-wrapper .select2-container .select2-selection.select2-selection--single.selected .select2-selection__rendered {
color: var(--hb-cta-primary)
}
body.page-hubber-pro__tickets #page-wrapper .nb-tickets-wrapper .js-toggle-detail {
color: var(--hb-cta-primary)
}
body.page-hubber-pro__tickets #page-wrapper .nb-tickets-wrapper .js-export-global,
body.page-hubber-pro__tickets #page-wrapper .nb-tickets-wrapper .js-export-global:before {
color: var(--hb-cta-primary)
}
body.page-hubber-pro__tickets #page-wrapper .nb-tickets-wrapper .js-export-global:after {
background-color: var(--hb-cta-primary)
}
body.page-hubber-pro__tickets #page-wrapper .nb-tickets-wrapper .js-toggle-detail {
color: var(--hb-cta-primary)
}
#page-wrapper form div.form-item-sidebar-order-summary-cart-summary-summary-after-totals-coupon-redemption-form-code.js-form-item.form-type-textfield:not(.js-form-type-checkbox):not(.js-form-type-radio):has(input) label #edit-sidebar-coupon-redemption-form label:before {
color: var(--hb-cta-primary)
}
h1,
h2,
h3,
h4,
h5,
h6,
.navbar {
font-family: 'DUNBAR Bold', sans-serif;
}
body {
font-family: "DUNBAR Text", sans-serif;
}
.header .nav-item:after {
height: 5px;
border-radius: 0px;
bottom: 4px;
}
.block-partner-block .title {
color: #ffffff;
border-bottom: 1px solid #ffffff;
margin: 0 auto;
max-width: 300px;
}
.block-partner-block {
padding-bottom: 0;
}
.block-partner-block .wrapper-partners:first-child .partners img {
max-height: 6rem;
}
.footer .region-footer-first {
justify-content: center;
}
.footer .menu--footer .nav.flex-row .nav-item {
font-size: 12px !important;
}
.footer .layout-builder__edito {
padding-top: 0;
padding-bottom: 0;
}
div#block-hubber-reference8-footerlogocoordonnees {
width: 100% !important;
}
hr {
opacity: 1;
}
.js-action-link.choose-another-meeting {
display: none;
}
.next-events-content .btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch) {
background-color: unset !important;
border-color: unset !important;
background-image: url(/btn.l.primary.svg);
background-color: unset;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
box-shadow: none;
border: none;
}
.hp-landing-offers-mobile .slick-slider.horizontal-offers-only .card-sport .btn-primary:not([disabled]):not(.disabled):not(.unavailable):not(.btn-dispatch) {
background-color: unset !important;
border-color: unset !important;
background-image: url(/btn.l.primary.svg);
background-color: unset;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
box-shadow: none;
border: none;
}
a[target=_blank]:after {
display: none;
padding-right: none !important;
padding-left: none !important;
}
.layout-builder__text-image-block .row .col-md-6 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.block-partner-block .title {
max-width: 330px;
}
.next-events-content .field__item .info-wrapper .date {
font-weight: 600;
color: #800000;
}
.layout-builder__services-item h3 {
display: none
}
.next-events-wrapper {
padding-bottom: 5rem;
}
.next-events-content .field__item .badge {
padding: .375rem 1.2rem !important;
border-radius: 0px 0px 24px !important;
font-size: .7rem;
font-family: "DUNBAR Text";
}
.path-cart .badge-event {
padding: .2rem .7rem !important;
border-radius: 0px 0px 24px !important;
font-size: .7rem;
font-family: "DUNBAR Text";
}
.page-user-order-detail .badge-event {
padding: .2rem .7rem !important;
border-radius: 0px 0px 24px !important;
font-size: .7rem;
font-family: "DUNBAR Text";
}
.path-frontpage .next-events-content .field__item .thumbnail-next-event-content h3,
.path-frontpage .next-events-content .field__item .thumbnail-next-event-content .h3 {
font-size: 1.8rem;
}
.layout-builder__header {
min-height: 50px !important;
}
#paymentWidget.secutix_payment_cashplus li:has(label[for="VISA"]),
#paymentWidget.secutix_payment_cashplus li:has(label[for="MASTERCARD"]),
#paymentWidget.secutix_payment_cashplus li:has(label[for="WANAUT_NAPS"]) {
display: none;
}
#paymentWidget.secutix_payment_cashplus_access li:has(label[for="VISA"]),
#paymentWidget.secutix_payment_cashplus_access li:has(label[for="MASTERCARD"]),
#paymentWidget.secutix_payment_cashplus_access li:has(label[for="WANAUT_NAPS"]) {
display: none;
}
#paymentWidget.secutix_payment_naps li:has(label[for="VISA"]),
#paymentWidget.secutix_payment_naps li:has(label[for="MASTERCARD"]),
#paymentWidget.secutix_payment_naps li:has(label[for="WANAUT_CASHPLUS"]) {
display: none;
}
#paymentWidget.secutix_payment_naps_access li:has(label[for="VISA"]),
#paymentWidget.secutix_payment_naps_access li:has(label[for="MASTERCARD"]),
#paymentWidget.secutix_payment_naps-access li:has(label[for="WANAUT_CASHPLUS"]) {
display: none;
}
#paymentWidget li:not(:is(.secutix_payment_cashplus, .secutix_payment_cashplus_access) li):has(label[for="WANAUT_CASHPLUS"]) {
display: none;
}
#paymentWidget li:not(:is(.secutix_payment_naps, .secutix_payment_naps_access) li):has(label[for="WANAUT_NAPS"]) {
display: none;
}
.textarea.form-control {
min-height: calc(1.5em + (7.75rem + 2px)) !important;
}
#edit-field-pays-prefere-wrapper .select2-container {
width: 15rem !important;
max-width: 100%;
display: block;
}
#edit-field-ville-preferee-wrapper .select2-container {
width: 15rem !important;
max-width: 100%;
display: block;
}
.layout-builder__text-image-block .row .col-md-6 {
padding-top: 0rem;
padding-bottom: 0rem;
}
.layout-builder__text-image-block-title {
font-size: 1.5rem;
}
#block-hubber-reference8-frisemaroc-2 .block-content-basic {
padding-block: 0rem;
}
a[target=_blank] {
padding-right: none !important;
padding-left: none !important;
padding-right: 0;
}
.js-map-location-button {
display: none;
}
#block-hubber-reference8-infosbilletteriefermeturedesventes p {
margin-bottom: 0;
}
#block-hubber-reference8-infosbilletteriefermeturedesventes .hr-stretch-block {
padding-block: 1rem !important;
}