/* @font-face {
font-family: TT Norms;
src: url(../fonts/TT-Norms-sv/TTNorms-Light.otf), url(../fonts/TT-Norms-sv/TTNorms-Regular.otf) format("otf"), url(../fonts/TT-Norms-sv/TTNorms-Italic.otf) format("otf"), url(../fonts/TT-Norms-sv/TTNorms-BoldItalic.otf) format("otf"), url(../fonts/TT-Norms-sv/TTNorms-Bold.otf) format("otf"), url(../fonts/TT-Norms-sv/TTNorms-BlackItalic.otf) format("otf"), url(../fonts/TT-Norms-sv/TTNorms-Black.otf) format("otf");
font-style: normal;
}
@font-face {
font-family: neo;
src: url(../fonts/noe-text-regular.woff);
font-style: normal;
} */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Space+Grotesk:wght@300..700&display=swap');
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Space Grotesk", sans-serif !important;
}
body,
button,
input,
select,
textarea,
a,
span,
p,
li {
font-family: "Inter", sans-serif !important;
text-align: left;
}
html[dir="rtl"] .wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu .wp-block-navigation-submenu__toggle img {
margin-left: 12px
}
html[dir="rtl"] .wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal li {
text-align: right
}
html[dir="rtl"] .wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal li a img {
margin-left: 12px
}
.wpml-language-switcher-block {
display: flex;
box-sizing: border-box;
width: 100% !important
}
.wpml-language-switcher-block>.wp-block-navigation-item,
.wpml-language-switcher-block>.wp-block-navigation-item>div {
display: flex;
width: 100% !important
}
.wpml-language-switcher-block .wp-block-navigation__container {
background: unset !important
}
.wpml-language-switcher-block .hide-arrow .wp-block-navigation__submenu-icon {
display: none
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li button {
padding: 0
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li button+.isHorizontal {
min-width: inherit !important
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li button+.isHorizontal li {
width: inherit !important
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li button+.isHorizontal li a {
display: flex;
align-items: center;
min-width: max-content
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal {
margin: 0;
min-width: inherit !important
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal li {
width: inherit !important;
text-align: left
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal li a {
display: flex;
align-items: center;
min-width: max-content
}
.wpml-language-switcher-block ul {
list-style-type: none !important;
padding: 0 !important;
width: 100%
}
.wpml-language-switcher-block ul li {
margin: 0 !important
}
.wpml-language-switcher-block ul.wp-block-navigation__submenu-container {
border: inherit !important;
background-color: unset !important;
min-width: unset !important
}
.wpml-language-switcher-block ul.wp-block-navigation__submenu-container .wp-block-navigation-item {
border-radius: 0 !important
}
.wpml-language-switcher-block ul.wp-block-navigation__submenu-container .wp-block-navigation-item a {
display: flex;
align-items: center;
min-width: max-content;
padding: 1px
}
.wpml-language-switcher-block ul.horizontal-list {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin: 0 !important;
gap: 1em !important
}
.wpml-language-switcher-block ul.horizontal-list li {
display: inline-block;
margin: 0;
line-height: 100%
}
.wpml-language-switcher-block ul.horizontal-list li a {
line-height: 100%
}
.wpml-language-switcher-block ul.center-justify {
justify-content: center
}
.wpml-language-switcher-block ul.center-justify .wp-block-navigation-item {
justify-content: center
}
.wpml-language-switcher-block ul.right-justify {
justify-content: right
}
.wpml-language-switcher-block ul.right-justify .wp-block-navigation-item {
justify-content: right
}
.wpml-language-switcher-block ul.space_between-justify {
justify-content: space-between
}
.wpml-language-switcher-block ul.space_between-justify li>div {
white-space: nowrap
}
.wpml-language-switcher-block .hasHoverColor:hover {
color: var(--hover-color) !important
}
.wpml-language-switcher-block .hasHoverBackgroundColor:hover {
background-color: var(--hover-background-color) !important
}
.wpml-language-switcher-block ul.isHorizontal {
padding-left: 0;
list-style: none
}
.wpml-language-switcher-block ul.isHorizontal li {
display: inline;
margin-left: 0
}
.wpml-language-switcher-block ul.isHorizontal li div {
display: inline-block
}
.wpml-language-switcher-block ul.hasSpacing.isHorizontal li:not(:last-child) {
margin-right: var(--language-spacing) !important
}
.wpml-language-switcher-block ul.hasSpacing.isVertical li:not(:last-child) {
margin-bottom: var(--language-spacing) !important
}
.wpml-language-switcher-block ul.hasSpacing.isVertical .wp-block-navigation-item>div,
.wpml-language-switcher-block ul.hasSpacing.isVertical .wp-block-navigation-item>div>a {
display: inline-flex;
align-items: center
}
.wpml-language-switcher-block .hasHoverColor:hover {
color: var(--hover-color) !important
}
.wpml-language-switcher-block .hasHoverBackgroundColor:hover {
background-color: var(--hover-background-color) !important
}
.wpml-language-switcher-block .hasFontSize {
font-size: var(--font-size) !important
}
.wpml-language-switcher-block .hasLetterSpacing {
letter-spacing: var(--letter-spacing) !important
}
.wpml-language-switcher-block .hasTextTransform {
text-transform: var(--text-transform) !important
}
.wpml-language-switcher-block .hasFontFamily {
font-family: var(--font-family) !important
}
.wpml-ls-flag {
display: inline-block
}
.wpml-ls-flag-style-btn {
border: 0px transparent;
padding-top: 3px !important
}
.wpml-ls-flag-style-btn.black-bg {
background-color: black
}
.wpml-ls-flag-style-btn.transparent-bg {
background-color: transparent
}
.wpml-ls-control-row {
border: solid 1px #949494;
border-radius: 2px;
margin-bottom: 8px
}
.wpml-ls-control-row-with-padding {
padding: 1px
}
.wpml-ls-number-control {
max-width: 100%;
width: 100%
}
.wpml-ls-slider-control-alert {
margin-top: 5px !important
}
.wpml-ls-slider .ant-slider-track {
background-color: #3858E9
}
.wpml-ls-slider .ant-slider-handle {
border: solid 1px black
}
.wpml-ls-control-blue {
color: #3858E9 !important
}
.wpml-ls-number-with-unit-select select {
color: #3858E9 !important;
font-weight: 900 !important
}
.wpml-ls-control-grey {
color: #757575
}
.wpml-ls-control-bg-grey {
background-color: #a6a6a6
}
.wpml-ls-control-font {
font-family: "SF Pro Text", sans-serif;
font-style: normal;
font-weight: 400 !important;
font-size: 13px !important;
line-height: 140% !important
}
.wpml-ls-option-btn-col {
padding: 0.5px
}
.wpml-ls-no-borders {
border: none
}
.ant-col-8.wpml-ls-option-btn-col {
display: inline-flex
}
.wpml-ls-three-btn-row .wpml-ls-option-btn-wrap {
white-space: normal;
word-break: break-word
}
.wpml-ls-three-btn-row .ant-btn-no-height-less-padding {
height: unset;
padding-right: 10px;
padding-left: 10px
}
.wpml-ls-full-width {
width: 100%
}
.wpml-ls-toggle-control .components-form-toggle.is-checked>.components-form-toggle__track {
background-color: #3858E9;
border-color: #3858E9
}
.wpml-ls-toggle-control .components-form-toggle.is-checked>.components-form-toggle__thumb {
background-color: white
}
.wpml-ls-toggle-control .components-form-toggle>.components-form-toggle__track {
background-color: white;
border-color: black
}
.wpml-ls-toggle-control .components-form-toggle>.components-form-toggle__thumb {
background-color: black
}
.ant-select-dropdown {
min-width: 45px !important;
max-width: 45px !important;
width: 45px !important
}
.wpml-ls-color-control {
border: 1px solid #DDDDDD;
border-bottom: 0px;
padding: 10px;
box-sizing: border-box
}
.wpml-ls-color-control.wpml-ls-with-bottom-border {
border-bottom: 1px solid #DDDDDD
}
.wpml-ls-color-control .wpml-ls-icon-no-color:hover {
cursor: pointer
}
.wpml-ls-color-control .component-color-indicator {
width: 25px;
height: 25px;
box-shadow: 0px 0px 2px 1px lightgrey
}
.wpml-ls-color-control .component-color-indicator:hover {
cursor: pointer
}
.wpml-ls-color-control .wpml-ls-color-title {
top: 3px
}
.wpml-ls-dimension-control {
border-top: solid 1px #e0e0e0
}
.wpml-ls-dimension-control .components-panel__arrow {
visibility: hidden
}
.wpml-ls-panel-settings-dropdown-container {
position: absolute;
right: 0px
}
.wpml-ls-icon-link {
width: 24px;
height: 24px;
top: 3px;
border-radius: 2px
}
.ant-input-number-handler-wrap {
display: none !important
}
.ant-input-number-input {
padding-right: 0px !important;
padding-left: 3px !important
}
.block-editor-contrast-checker+.block-editor-contrast-checker {
display: none
}
.current-language-item {
display: flex;
align-items: center;
min-height: 30px
}
.current-language-item .wp-block-navigation-item__content>div {
display: flex;
align-items: center
}
.wpml-ls-fontLetterCase-control button.components-button.has-icon {
margin-right: 0 !important;
min-width: 30px !important;
height: 30px !important
}
.wpml-ls-fontLetterSpacing-control div.components-input-control__container {
top: 4px
}
[data-wpml='language-item']:first-of-type {
margin-top: 5px !important
}
.wpml-ls-dimension-panel .components-panel__arrow {
display: none
}
.wpml-ls-typography-panel .components-panel__arrow {
display: none
}
.wpml-ls-panel-settings-dropdown-container>div>button>span.anticon-more {
font-size: large;
margin-right: 10px
}
.wpml-ls-panel-settings-dropdown-container>div>button>span.anticon-plus {
font-size: medium;
margin-right: 10px
}
.wp-block-navigation.is-content-justification-space-between .wp-block-page-list {
display: contents
}
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] {
display: contents !important
}
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item {
display: contents
}
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item>div,
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item .horizontal-list,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item>div,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item .horizontal-list {
display: contents
}
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item>div li.wp-block-navigation-item,
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item .horizontal-list li.wp-block-navigation-item,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item>div li.wp-block-navigation-item,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item .horizontal-list li.wp-block-navigation-item {
display: flex
}
.wp-block-navigation .wpml-block-navigation-language-switcher,
.wp-block-navigation [data-type='wpml/navigation-language-switcher'] {
display: flex !important;
flex-direction: var(--navigation-layout-direction, initial);
justify-content: var(--navigation-layout-justify, initial);
align-items: var(--navigation-layout-align, initial);
flex-wrap: var(--navigation-layout-wrap, wrap);
background-color: inherit;
gap: inherit;
margin: 0;
width: fit-content;
max-width: fit-content
}
.wp-block-navigation.items-justified-space-between .wpml-language-switcher-navigation-block.wpml-ls-dropdown {
flex: inherit;
display: flex !important
}
.wp-block-navigation.items-justified-space-between .wpml-language-switcher-navigation-block.wpml-ls-list {
flex: inherit;
display: contents !important
}
.wp-block-navigation.items-justified-space-between .wpml-block-navigation-language-switcher.wpml-ls-dropdown,
.wp-block-navigation.items-justified-space-between [data-type='wpml/navigation-language-switcher'] {
flex: inherit;
display: flex !important
}
.wp-block-navigation.items-justified-space-between .wpml-block-navigation-language-switcher.wpml-ls-list,
.wp-block-navigation.items-justified-space-between [data-type='wpml/navigation-language-switcher'] {
flex: inherit;
display: contents !important
}
.wp-block-navigation .wpml-block-navigation-item {
background-color: inherit
}
.wp-block-navigation .wpml-block-navigation-item .current-language-item .wp-block-navigation-item__content>div {
display: flex;
align-items: center
}
.wp-block-navigation__submenu-container li {
margin: 0
}
.wp-block-navigation .wpml-language-switcher-navigation-block {
width: unset !important;
flex: initial !important
}
.wp-block-navigation .wpml-language-switcher-navigation-block .hide-arrow .wp-block-navigation__submenu-icon {
display: none
}
.wp-block-navigation .wpml-language-switcher-navigation-block ul li a {
display: flex;
align-items: center
}
.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin: 0 !important;
gap: 1.5em !important
}
.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list li {
display: inline-block;
line-height: 100%
}
.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list li a,
.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list li div {
line-height: 100%;
display: inline-flex;
align-items: center
}
.ant-input-number {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-variant: tabular-nums;
list-style: none;
-webkit-font-feature-settings: 'tnum';
font-feature-settings: 'tnum';
position: relative;
width: 100%;
min-width: 0;
padding: 4px 11px;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
line-height: 1.5715;
background-color: #fff;
background-image: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: inline-block;
width: 90px;
margin: 0;
padding: 0;
border: 1px solid #d9d9d9;
border-radius: 2px
}
.ant-input-number::-moz-placeholder {
opacity: 1
}
.ant-input-number::-webkit-input-placeholder {
color: #bfbfbf
}
.ant-input-number:-ms-input-placeholder {
color: #bfbfbf
}
.ant-input-number::-ms-input-placeholder {
color: #bfbfbf
}
.ant-input-number::placeholder {
color: #bfbfbf
}
.ant-input-number:-moz-placeholder-shown {
text-overflow: ellipsis
}
.ant-input-number:-ms-input-placeholder {
text-overflow: ellipsis
}
.ant-input-number:placeholder-shown {
text-overflow: ellipsis
}
.ant-input-number:hover {
border-color: #40a9ff;
border-right-width: 1px !important
}
.ant-input-number:focus,
.ant-input-number-focused {
border-color: #40a9ff;
border-right-width: 1px !important;
outline: 0;
-webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2)
}
.ant-input-number-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
cursor: not-allowed;
opacity: 1
}
.ant-input-number-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important
}
.ant-input-number[disabled] {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
cursor: not-allowed;
opacity: 1
}
.ant-input-number[disabled]:hover {
border-color: #d9d9d9;
border-right-width: 1px !important
}
.ant-input-number-borderless,
.ant-input-number-borderless:hover,
.ant-input-number-borderless:focus,
.ant-input-number-borderless-focused,
.ant-input-number-borderless-disabled,
.ant-input-number-borderless[disabled] {
background-color: transparent;
border: none;
-webkit-box-shadow: none;
box-shadow: none
}
textarea.ant-input-number {
max-width: 100%;
height: auto;
min-height: 32px;
line-height: 1.5715;
vertical-align: bottom;
-webkit-transition: all 0.3s, height 0s;
transition: all 0.3s, height 0s
}
.ant-input-number-lg {
padding: 6.5px 11px;
font-size: 16px
}
.ant-input-number-sm {
padding: 0px 7px
}
.ant-input-number-handler {
position: relative;
display: block;
width: 100%;
height: 50%;
overflow: hidden;
color: rgba(0, 0, 0, 0.45);
font-weight: bold;
line-height: 0;
text-align: center;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear
}
.ant-input-number-handler:active {
background: #f4f4f4
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
color: #40a9ff
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: 4px;
width: 12px;
height: 12px;
color: rgba(0, 0, 0, 0.45);
line-height: 12px;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ant-input-number-handler-up-inner>*,
.ant-input-number-handler-down-inner>* {
line-height: 1
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
display: inline-block
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
display: none
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
display: block
}
.ant-input-number:hover {
border-color: #40a9ff;
border-right-width: 1px !important
}
.ant-input-number:hover+.ant-form-item-children-icon {
opacity: 0;
-webkit-transition: opacity 0.24s linear 0.24s;
transition: opacity 0.24s linear 0.24s
}
.ant-input-number-focused {
border-color: #40a9ff;
border-right-width: 1px !important;
outline: 0;
-webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2)
}
.ant-input-number-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f5f5f5;
cursor: not-allowed;
opacity: 1
}
.ant-input-number-disabled:hover {
border-color: #d9d9d9;
border-right-width: 1px !important
}
.ant-input-number-disabled .ant-input-number-input {
cursor: not-allowed
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
display: none
}
.ant-input-number-readonly .ant-input-number-handler-wrap {
display: none
}
.ant-input-number-input {
width: 100%;
height: 30px;
padding: 0 11px;
text-align: left;
background-color: transparent;
border: 0;
border-radius: 2px;
outline: 0;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
-moz-appearance: textfield !important
}
.ant-input-number-input::-moz-placeholder {
opacity: 1
}
.ant-input-number-input::-webkit-input-placeholder {
color: #bfbfbf
}
.ant-input-number-input:-ms-input-placeholder {
color: #bfbfbf
}
.ant-input-number-input::-ms-input-placeholder {
color: #bfbfbf
}
.ant-input-number-input::placeholder {
color: #bfbfbf
}
.ant-input-number-input:-moz-placeholder-shown {
text-overflow: ellipsis
}
.ant-input-number-input:-ms-input-placeholder {
text-overflow: ellipsis
}
.ant-input-number-input:placeholder-shown {
text-overflow: ellipsis
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none
}
.ant-input-number-lg {
padding: 0;
font-size: 16px
}
.ant-input-number-lg input {
height: 38px
}
.ant-input-number-sm {
padding: 0
}
.ant-input-number-sm input {
height: 22px;
padding: 0 7px
}
.ant-input-number-handler-wrap {
position: absolute;
top: 0;
right: 0;
width: 22px;
height: 100%;
background: #fff;
border-left: 1px solid #d9d9d9;
border-radius: 0 2px 2px 0;
opacity: 0;
-webkit-transition: opacity 0.24s linear 0.1s;
transition: opacity 0.24s linear 0.1s
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
min-width: auto;
margin-right: 0;
font-size: 7px
}
.ant-input-number-borderless .ant-input-number-handler-wrap {
border-left-width: 0
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
height: 40%
}
.ant-input-number:hover .ant-input-number-handler-wrap {
opacity: 1
}
.ant-input-number-handler-up {
border-top-right-radius: 2px;
cursor: pointer
}
.ant-input-number-handler-up-inner {
top: 50%;
margin-top: -5px;
text-align: center
}
.ant-input-number-handler-up:hover {
height: 60% !important
}
.ant-input-number-handler-down {
top: 0;
border-top: 1px solid #d9d9d9;
border-bottom-right-radius: 2px;
cursor: pointer
}
.ant-input-number-handler-down-inner {
top: 50%;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.ant-input-number-handler-down:hover {
height: 60% !important
}
.ant-input-number-borderless .ant-input-number-handler-down {
border-top-width: 0
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
cursor: not-allowed
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
color: rgba(0, 0, 0, 0.25)
}
.ant-input-number-borderless {
-webkit-box-shadow: none;
box-shadow: none
}
.ant-input-number-rtl {
direction: rtl
}
.ant-input-number-rtl .ant-input-number-handler-wrap {
right: auto;
left: 0;
border-right: 1px solid #d9d9d9;
border-left: 0;
border-radius: 2px 0 0 2px
}
.ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
border-right-width: 0
}
.ant-input-number-rtl .ant-input-number-input {
direction: ltr;
text-align: right
}
.ant-select-single .ant-select-selector {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.ant-select-single .ant-select-selector .ant-select-selection-search {
position: absolute;
top: 0;
right: 11px;
bottom: 0;
left: 11px
}
.ant-select-single .ant-select-selector .ant-select-selection-search-input {
width: 100%
}
.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
padding: 0;
line-height: 30px;
-webkit-transition: all 0.3s;
transition: all 0.3s
}
@supports (-moz-appearance: meterbar) {
.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
line-height: 30px
}
}
.ant-select-single .ant-select-selector .ant-select-selection-item {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
pointer-events: none
}
.ant-select-single .ant-select-selector::after,
.ant-select-single .ant-select-selector .ant-select-selection-item::after,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
display: inline-block;
width: 0;
visibility: hidden;
content: '\a0'
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
right: 25px
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
padding-right: 18px
}
.ant-select-single.ant-select-open .ant-select-selection-item {
color: #bfbfbf
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
width: 100%;
height: 32px;
padding: 0 11px
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
height: 30px
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
line-height: 30px
}
.ant-select-single.ant-select-customize-input .ant-select-selector::after {
display: none
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
position: static;
width: 100%
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
position: absolute;
right: 0;
left: 0;
padding: 0 11px
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
display: none
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
height: 40px
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
line-height: 38px
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
height: 38px
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
height: 24px
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
line-height: 22px
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
height: 22px
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
right: 7px;
left: 7px
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
padding: 0 7px
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
right: 28px
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
padding-right: 21px
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
padding: 0 11px
}
.ant-select-selection-overflow {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 100%
}
.ant-select-selection-overflow-item {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-ms-flex-item-align: center;
align-self: center;
max-width: 100%
}
.ant-select-multiple .ant-select-selector {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1px 4px
}
.ant-select-show-search.ant-select-multiple .ant-select-selector {
cursor: text
}
.ant-select-disabled.ant-select-multiple .ant-select-selector {
background: #f5f5f5;
cursor: not-allowed
}
.ant-select-multiple .ant-select-selector::after {
display: inline-block;
width: 0;
margin: 2px 0;
line-height: 24px;
content: '\a0'
}
.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
padding-right: 24px
}
.ant-select-multiple .ant-select-selection-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
height: 24px;
margin-top: 2px;
margin-bottom: 2px;
line-height: 22px;
background: #f5f5f5;
border: 1px solid #f0f0f0;
border-radius: 2px;
cursor: default;
-webkit-transition: font-size 0.3s, line-height 0.3s, height 0.3s;
transition: font-size 0.3s, line-height 0.3s, height 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-margin-end: 4px;
margin-inline-end: 4px;
-webkit-padding-start: 8px;
padding-inline-start: 8px;
-webkit-padding-end: 4px;
padding-inline-end: 4px
}
.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
color: #bfbfbf;
border-color: #d9d9d9;
cursor: not-allowed
}
.ant-select-multiple .ant-select-selection-item-content {
display: inline-block;
margin-right: 4px;
overflow: hidden;
white-space: pre;
text-overflow: ellipsis
}
.ant-select-multiple .ant-select-selection-item-remove {
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
color: rgba(0, 0, 0, 0.45);
font-weight: bold;
font-size: 10px;
line-height: inherit;
cursor: pointer
}
.ant-select-multiple .ant-select-selection-item-remove>* {
line-height: 1
}
.ant-select-multiple .ant-select-selection-item-remove svg {
display: inline-block
}
.ant-select-multiple .ant-select-selection-item-remove::before {
display: none
}
.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
display: block
}
.ant-select-multiple .ant-select-selection-item-remove>.anticon {
vertical-align: -0.2em
}
.ant-select-multiple .ant-select-selection-item-remove:hover {
color: rgba(0, 0, 0, 0.75)
}
.ant-select-multiple .ant-select-selection-overflow-item+.ant-select-selection-overflow-item .ant-select-selection-search {
-webkit-margin-start: 0;
margin-inline-start: 0
}
.ant-select-multiple .ant-select-selection-search {
position: relative;
max-width: 100%;
margin-top: 2px;
margin-bottom: 2px;
-webkit-margin-start: 7px;
margin-inline-start: 7px
}
.ant-select-multiple .ant-select-selection-search-input,
.ant-select-multiple .ant-select-selection-search-mirror {
height: 24px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
line-height: 24px;
-webkit-transition: all 0.3s;
transition: all 0.3s
}
.ant-select-multiple .ant-select-selection-search-input {
width: 100%;
min-width: 4.1px
}
.ant-select-multiple .ant-select-selection-search-mirror {
position: absolute;
top: 0;
left: 0;
z-index: 999;
white-space: pre;
visibility: hidden
}
.ant-select-multiple .ant-select-selection-placeholder {
position: absolute;
top: 50%;
right: 11px;
left: 11px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
transition: all 0.3s
}
.ant-select-multiple.ant-select-lg .ant-select-selector::after {
line-height: 32px
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
height: 32px;
line-height: 30px
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search {
height: 33px;
line-height: 33px
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
height: 32px;
line-height: 30px
}
.ant-select-multiple.ant-select-sm .ant-select-selector::after {
line-height: 16px
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
height: 16px;
line-height: 14px
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
height: 17px;
line-height: 17px
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
height: 16px;
line-height: 14px
}
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
left: 7px
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search:first-child .ant-select-selection-search-input {
margin-left: 3px
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
height: 32px;
line-height: 32px
}
.ant-select-disabled .ant-select-selection-item-remove {
display: none
}
.ant-select {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
-webkit-font-feature-settings: 'tnum';
font-feature-settings: 'tnum';
position: relative;
display: inline-block;
cursor: pointer
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
position: relative;
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 2px;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
cursor: pointer
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
cursor: text
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
cursor: auto
}
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
border-color: #40a9ff;
border-right-width: 1px !important;
outline: 0;
-webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2)
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
color: rgba(0, 0, 0, 0.25);
background: #f5f5f5;
cursor: not-allowed
}
.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
background: #f5f5f5
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
cursor: not-allowed
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
margin: 0;
padding: 0;
background: transparent;
border: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
display: none;
-webkit-appearance: none
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
border-color: #40a9ff;
border-right-width: 1px !important
}
.ant-select-selection-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
@media all and (-ms-high-contrast: none) {
.ant-select-selection-item *::-ms-backdrop,
.ant-select-selection-item {
-ms-flex: auto;
flex: auto
}
}
.ant-select-selection-placeholder {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
color: #bfbfbf;
white-space: nowrap;
text-overflow: ellipsis;
pointer-events: none
}
@media all and (-ms-high-contrast: none) {
.ant-select-selection-placeholder *::-ms-backdrop,
.ant-select-selection-placeholder {
-ms-flex: auto;
flex: auto
}
}
.ant-select-arrow {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 53%;
right: 11px;
width: 12px;
height: 12px;
margin-top: -6px;
color: rgba(0, 0, 0, 0.25);
font-size: 12px;
line-height: 1;
text-align: center;
pointer-events: none
}
.ant-select-arrow>* {
line-height: 1
}
.ant-select-arrow svg {
display: inline-block
}
.ant-select-arrow::before {
display: none
}
.ant-select-arrow .ant-select-arrow-icon {
display: block
}
.ant-select-arrow .anticon {
vertical-align: top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s
}
.ant-select-arrow .anticon>svg {
vertical-align: top
}
.ant-select-arrow .anticon:not(.ant-select-suffix) {
pointer-events: auto
}
.ant-select-disabled .ant-select-arrow {
cursor: not-allowed
}
.ant-select-clear {
position: absolute;
top: 50%;
right: 11px;
z-index: 1;
display: inline-block;
width: 12px;
height: 12px;
margin-top: -6px;
color: rgba(0, 0, 0, 0.25);
font-size: 12px;
font-style: normal;
line-height: 1;
text-align: center;
text-transform: none;
background: #fff;
cursor: pointer;
opacity: 0;
-webkit-transition: color 0.3s ease, opacity 0.15s ease;
transition: color 0.3s ease, opacity 0.15s ease;
text-rendering: auto
}
.ant-select-clear::before {
display: block
}
.ant-select-clear:hover {
color: rgba(0, 0, 0, 0.45)
}
.ant-select:hover .ant-select-clear {
opacity: 1
}
.ant-select-dropdown {
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
-webkit-font-feature-settings: 'tnum';
font-feature-settings: 'tnum';
position: absolute;
top: -9999px;
left: -9999px;
z-index: 1050;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 4px 0;
overflow: hidden;
font-size: 14px;
font-variant: initial;
background-color: #fff;
border-radius: 2px;
outline: none;
-webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05)
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
-webkit-animation-name: antSlideUpIn;
animation-name: antSlideUpIn
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
-webkit-animation-name: antSlideDownIn;
animation-name: antSlideDownIn
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
-webkit-animation-name: antSlideUpOut;
animation-name: antSlideUpOut
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
-webkit-animation-name: antSlideDownOut;
animation-name: antSlideDownOut
}
.ant-select-dropdown-hidden {
display: none
}
.ant-select-dropdown-empty {
color: rgba(0, 0, 0, 0.25)
}
.ant-select-item-empty {
position: relative;
display: block;
min-height: 32px;
padding: 5px 12px;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
line-height: 22px;
color: rgba(0, 0, 0, 0.25)
}
.ant-select-item {
position: relative;
display: block;
min-height: 32px;
padding: 5px 12px;
color: rgba(0, 0, 0, 0.85);
font-weight: normal;
font-size: 14px;
line-height: 22px;
cursor: pointer;
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease
}
.ant-select-item-group {
color: rgba(0, 0, 0, 0.45);
font-size: 12px;
cursor: default
}
.ant-select-item-option {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.ant-select-item-option-content {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.ant-select-item-option-state {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
background-color: #f5f5f5
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
color: rgba(0, 0, 0, 0.85);
font-weight: 600;
background-color: #e6f7ff
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
color: #1890ff
}
.ant-select-item-option-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed
}
.ant-select-item-option-grouped {
padding-left: 24px
}
.ant-select-lg {
font-size: 16px
}
.ant-select-borderless .ant-select-selector {
background-color: transparent !important;
border-color: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.ant-select-rtl {
direction: rtl
}
.ant-select-rtl .ant-select-arrow {
right: initial;
left: 11px
}
.ant-select-rtl .ant-select-clear {
right: initial;
left: 11px
}
.ant-select-dropdown-rtl {
direction: rtl
}
.ant-select-dropdown-rtl .ant-select-item-option-grouped {
padding-right: 24px;
padding-left: 12px
}
.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
padding-right: 4px;
padding-left: 24px
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
text-align: right
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
margin-right: 0;
margin-left: 4px;
text-align: right
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
right: 0;
left: auto
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search:first-child>.ant-select-selection-search-input {
margin-right: 5px !important;
margin-left: 0 !important
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
right: 11px;
left: auto
}
.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
right: 7px
}
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
right: 0;
left: 9px;
text-align: right
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
right: 11px;
left: 25px
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
padding-right: 0;
padding-left: 18px
}
.ant-select-rtl.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
padding: 0 11px
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
right: 0
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
padding-right: 0;
padding-left: 21px
}
.ant-slider {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
-webkit-font-feature-settings: 'tnum';
font-feature-settings: 'tnum';
position: relative;
height: 12px;
margin: 10px 6px 10px;
padding: 4px 0;
cursor: pointer;
-ms-touch-action: none;
touch-action: none
}
.ant-slider-vertical {
width: 12px;
height: 100%;
margin: 6px 10px;
padding: 0 4px
}
.ant-slider-vertical .ant-slider-rail {
width: 4px;
height: 100%
}
.ant-slider-vertical .ant-slider-track {
width: 4px
}
.ant-slider-vertical .ant-slider-handle {
margin-top: -6px;
margin-left: -5px
}
.ant-slider-vertical .ant-slider-mark {
top: 0;
left: 12px;
width: 18px;
height: 100%
}
.ant-slider-vertical .ant-slider-mark-text {
left: 4px;
white-space: nowrap
}
.ant-slider-vertical .ant-slider-step {
width: 4px;
height: 100%
}
.ant-slider-vertical .ant-slider-dot {
top: auto;
left: 2px;
margin-bottom: -4px
}
.ant-slider-tooltip .ant-tooltip-inner {
min-width: unset
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
margin-right: -5px;
margin-left: 0
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
right: 12px;
left: auto
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
right: 4px;
left: auto
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
right: 2px;
left: auto
}
.ant-slider-with-marks {
margin-bottom: 28px
}
.ant-slider-rail {
position: absolute;
width: 100%;
height: 4px;
background-color: #f5f5f5;
border-radius: 2px;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s
}
.ant-slider-track {
position: absolute;
height: 4px;
background-color: #91d5ff;
border-radius: 2px;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s
}
.ant-slider-handle {
position: absolute;
width: 14px;
height: 14px;
margin-top: -5px;
background-color: #fff;
border: solid 2px #91d5ff;
border-radius: 50%;
-webkit-box-shadow: 0;
box-shadow: 0;
cursor: pointer;
-webkit-transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28)
}
.ant-slider-handle-dragging.ant-slider-handle-dragging.ant-slider-handle-dragging {
border-color: #46a6ff;
-webkit-box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12);
box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12)
}
.ant-slider-handle:focus {
border-color: #46a6ff;
outline: none;
-webkit-box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12);
box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12)
}
.ant-slider-handle.ant-tooltip-open {
border-color: #1890ff
}
.ant-slider:hover .ant-slider-rail {
background-color: #e1e1e1
}
.ant-slider:hover .ant-slider-track {
background-color: #69c0ff
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
border-color: #69c0ff
}
.ant-slider-mark {
position: absolute;
top: 14px;
left: 0;
width: 100%;
font-size: 14px
}
.ant-slider-mark-text {
position: absolute;
display: inline-block;
color: rgba(0, 0, 0, 0.45);
text-align: center;
word-break: keep-all;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ant-slider-mark-text-active {
color: rgba(0, 0, 0, 0.85)
}
.ant-slider-step {
position: absolute;
width: 100%;
height: 4px;
background: transparent
}
.ant-slider-dot {
position: absolute;
top: -2px;
width: 8px;
height: 8px;
margin-left: -4px;
background-color: #fff;
border: 2px solid #f0f0f0;
border-radius: 50%;
cursor: pointer
}
.ant-slider-dot:first-child {
margin-left: -4px
}
.ant-slider-dot:last-child {
margin-left: -4px
}
.ant-slider-dot-active {
border-color: #8cc8ff
}
.ant-slider-disabled {
cursor: not-allowed
}
.ant-slider-disabled .ant-slider-track {
background-color: rgba(0, 0, 0, 0.25) !important
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
background-color: #fff;
border-color: rgba(0, 0, 0, 0.25) !important;
-webkit-box-shadow: none;
box-shadow: none;
cursor: not-allowed
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
cursor: not-allowed !important
}
.ant-slider-rtl {
direction: rtl
}
.ant-slider-rtl .ant-slider-mark {
right: 0;
left: auto
}
.ant-slider-rtl .ant-slider-dot {
margin-right: -4px;
margin-left: 0
}
.ant-slider-rtl .ant-slider-dot:first-child {
margin-right: -4px;
margin-left: 0
}
.ant-slider-rtl .ant-slider-dot:last-child {
margin-right: -4px;
margin-left: 0
}
.ant-alert {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, 0.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
-webkit-font-feature-settings: 'tnum';
font-feature-settings: 'tnum';
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 8px 15px;
word-wrap: break-word;
border-radius: 2px
}
.ant-alert-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0
}
.ant-alert-icon {
margin-right: 8px
}
.ant-alert-description {
display: none;
font-size: 14px;
line-height: 22px
}
.ant-alert-success {
background-color: #f6ffed;
border: 1px solid #b7eb8f
}
.ant-alert-success .ant-alert-icon {
color: #52c41a
}
.ant-alert-info {
background-color: #e6f7ff;
border: 1px solid #91d5ff
}
.ant-alert-info .ant-alert-icon {
color: #1890ff
}
.ant-alert-warning {
background-color: #fffbe6;
border: 1px solid #ffe58f
}
.ant-alert-warning .ant-alert-icon {
color: #faad14
}
.ant-alert-error {
background-color: #fff2f0;
border: 1px solid #ffccc7
}
.ant-alert-error .ant-alert-icon {
color: #ff4d4f
}
.ant-alert-error .ant-alert-description>pre {
margin: 0;
padding: 0
}
.ant-alert-action {
margin-left: 8px
}
.ant-alert-close-icon {
margin-left: 8px;
padding: 0;
overflow: hidden;
font-size: 12px;
line-height: 12px;
background-color: transparent;
border: none;
outline: none;
cursor: pointer
}
.ant-alert-close-icon .anticon-close {
color: rgba(0, 0, 0, 0.45);
-webkit-transition: color 0.3s;
transition: color 0.3s
}
.ant-alert-close-icon .anticon-close:hover {
color: rgba(0, 0, 0, 0.75)
}
.ant-alert-close-text {
color: rgba(0, 0, 0, 0.45);
-webkit-transition: color 0.3s;
transition: color 0.3s
}
.ant-alert-close-text:hover {
color: rgba(0, 0, 0, 0.75)
}
.ant-alert-with-description {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 15px 15px 15px 24px
}
.ant-alert-with-description.ant-alert-no-icon {
padding: 15px 15px
}
.ant-alert-with-description .ant-alert-icon {
margin-right: 15px;
font-size: 24px
}
.ant-alert-with-description .ant-alert-message {
display: block;
margin-bottom: 4px;
color: rgba(0, 0, 0, 0.85);
font-size: 16px
}
.ant-alert-message {
color: rgba(0, 0, 0, 0.85)
}
.ant-alert-with-description .ant-alert-description {
display: block
}
.ant-alert.ant-alert-motion-leave {
overflow: hidden;
opacity: 1;
-webkit-transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86)
}
.ant-alert.ant-alert-motion-leave-active {
max-height: 0;
margin-bottom: 0 !important;
padding-top: 0;
padding-bottom: 0;
opacity: 0
}
.ant-alert-banner {
margin-bottom: 0;
border: 0;
border-radius: 0
}
.ant-alert.ant-alert-rtl {
direction: rtl
}
.ant-alert-rtl.ant-alert.ant-alert-no-icon {
padding: 8px 15px
}
.ant-alert-rtl .ant-alert-icon {
margin-right: auto;
margin-left: 8px
}
.ant-alert-rtl .ant-alert-action {
margin-right: 8px;
margin-left: auto
}
.ant-alert-rtl .ant-alert-close-icon {
margin-right: 8px;
margin-left: auto
}
.ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
margin-right: auto;
margin-left: 15px
}
html[dir="rtl"] .wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu .wp-block-navigation-submenu__toggle img {
margin-left: 12px
}
html[dir="rtl"] .wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal li {
text-align: right
}
html[dir="rtl"] .wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal li a img {
margin-left: 12px
}
.wpml-language-switcher-block {
display: flex;
box-sizing: border-box;
width: 100% !important
}
.wpml-language-switcher-block>.wp-block-navigation-item,
.wpml-language-switcher-block>.wp-block-navigation-item>div {
display: flex;
width: 100% !important
}
.wpml-language-switcher-block .wp-block-navigation__container {
background: unset !important
}
.wpml-language-switcher-block .hide-arrow .wp-block-navigation__submenu-icon {
display: none
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li button {
padding: 0
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li button+.isHorizontal {
min-width: inherit !important
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li button+.isHorizontal li {
width: inherit !important
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li button+.isHorizontal li a {
display: flex;
align-items: center;
min-width: max-content
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal {
margin: 0;
min-width: inherit !important
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal li {
width: inherit !important;
text-align: left
}
.wpml-language-switcher-block .wpml-ls-dropdown ul li.wp-block-navigation-submenu ul.isHorizontal li a {
display: flex;
align-items: center;
min-width: max-content
}
.wpml-language-switcher-block ul {
list-style-type: none !important;
padding: 0 !important;
width: 100%
}
.wpml-language-switcher-block ul li {
margin: 0 !important
}
.wpml-language-switcher-block ul.wp-block-navigation__submenu-container {
border: inherit !important;
background-color: unset !important;
min-width: unset !important
}
.wpml-language-switcher-block ul.wp-block-navigation__submenu-container .wp-block-navigation-item {
border-radius: 0 !important
}
.wpml-language-switcher-block ul.wp-block-navigation__submenu-container .wp-block-navigation-item a {
display: flex;
align-items: center;
min-width: max-content;
padding: 1px
}
.wpml-language-switcher-block ul.horizontal-list {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin: 0 !important;
gap: 1em !important
}
.wpml-language-switcher-block ul.horizontal-list li {
display: inline-block;
margin: 0;
line-height: 100%
}
.wpml-language-switcher-block ul.horizontal-list li a {
line-height: 100%
}
.wpml-language-switcher-block ul.center-justify {
justify-content: center
}
.wpml-language-switcher-block ul.center-justify .wp-block-navigation-item {
justify-content: center
}
.wpml-language-switcher-block ul.right-justify {
justify-content: right
}
.wpml-language-switcher-block ul.right-justify .wp-block-navigation-item {
justify-content: right
}
.wpml-language-switcher-block ul.space_between-justify {
justify-content: space-between
}
.wpml-language-switcher-block ul.space_between-justify li>div {
white-space: nowrap
}
.wpml-language-switcher-block .hasHoverColor:hover {
color: var(--hover-color) !important
}
.wpml-language-switcher-block .hasHoverBackgroundColor:hover {
background-color: var(--hover-background-color) !important
}
.wpml-language-switcher-block ul.isHorizontal {
padding-left: 0;
list-style: none
}
.wpml-language-switcher-block ul.isHorizontal li {
display: inline;
margin-left: 0
}
.wpml-language-switcher-block ul.isHorizontal li div {
display: inline-block
}
.wpml-language-switcher-block ul.hasSpacing.isHorizontal li:not(:last-child) {
margin-right: var(--language-spacing) !important
}
.wpml-language-switcher-block ul.hasSpacing.isVertical li:not(:last-child) {
margin-bottom: var(--language-spacing) !important
}
.wpml-language-switcher-block ul.hasSpacing.isVertical .wp-block-navigation-item>div,
.wpml-language-switcher-block ul.hasSpacing.isVertical .wp-block-navigation-item>div>a {
display: inline-flex;
align-items: center
}
.wpml-language-switcher-block .hasHoverColor:hover {
color: var(--hover-color) !important
}
.wpml-language-switcher-block .hasHoverBackgroundColor:hover {
background-color: var(--hover-background-color) !important
}
.wpml-language-switcher-block .hasFontSize {
font-size: var(--font-size) !important
}
.wpml-language-switcher-block .hasLetterSpacing {
letter-spacing: var(--letter-spacing) !important
}
.wpml-language-switcher-block .hasTextTransform {
text-transform: var(--text-transform) !important
}
.wpml-language-switcher-block .hasFontFamily {
font-family: var(--font-family) !important
}
.wpml-ls-flag {
display: inline-block
}
.wpml-ls-flag-style-btn {
border: 0px transparent;
padding-top: 3px !important
}
.wpml-ls-flag-style-btn.black-bg {
background-color: black
}
.wpml-ls-flag-style-btn.transparent-bg {
background-color: transparent
}
.wpml-ls-control-row {
border: solid 1px #949494;
border-radius: 2px;
margin-bottom: 8px
}
.wpml-ls-control-row-with-padding {
padding: 1px
}
.wpml-ls-number-control {
max-width: 100%;
width: 100%
}
.wpml-ls-slider-control-alert {
margin-top: 5px !important
}
.wpml-ls-slider .ant-slider-track {
background-color: #3858E9
}
.wpml-ls-slider .ant-slider-handle {
border: solid 1px black
}
.wpml-ls-control-blue {
color: #3858E9 !important
}
.wpml-ls-number-with-unit-select select {
color: #3858E9 !important;
font-weight: 900 !important
}
.wpml-ls-control-grey {
color: #757575
}
.wpml-ls-control-bg-grey {
background-color: #a6a6a6
}
.wpml-ls-control-font {
font-family: "SF Pro Text", sans-serif;
font-style: normal;
font-weight: 400 !important;
font-size: 13px !important;
line-height: 140% !important
}
.wpml-ls-option-btn-col {
padding: 0.5px
}
.wpml-ls-no-borders {
border: none
}
.ant-col-8.wpml-ls-option-btn-col {
display: inline-flex
}
.wpml-ls-three-btn-row .wpml-ls-option-btn-wrap {
white-space: normal;
word-break: break-word
}
.wpml-ls-three-btn-row .ant-btn-no-height-less-padding {
height: unset;
padding-right: 10px;
padding-left: 10px
}
.wpml-ls-full-width {
width: 100%
}
.wpml-ls-toggle-control .components-form-toggle.is-checked>.components-form-toggle__track {
background-color: #3858E9;
border-color: #3858E9
}
.wpml-ls-toggle-control .components-form-toggle.is-checked>.components-form-toggle__thumb {
background-color: white
}
.wpml-ls-toggle-control .components-form-toggle>.components-form-toggle__track {
background-color: white;
border-color: black
}
.wpml-ls-toggle-control .components-form-toggle>.components-form-toggle__thumb {
background-color: black
}
.ant-select-dropdown {
min-width: 45px !important;
max-width: 45px !important;
width: 45px !important
}
.wpml-ls-color-control {
border: 1px solid #DDDDDD;
border-bottom: 0px;
padding: 10px;
box-sizing: border-box
}
.wpml-ls-color-control.wpml-ls-with-bottom-border {
border-bottom: 1px solid #DDDDDD
}
.wpml-ls-color-control .wpml-ls-icon-no-color:hover {
cursor: pointer
}
.wpml-ls-color-control .component-color-indicator {
width: 25px;
height: 25px;
box-shadow: 0px 0px 2px 1px lightgrey
}
.wpml-ls-color-control .component-color-indicator:hover {
cursor: pointer
}
.wpml-ls-color-control .wpml-ls-color-title {
top: 3px
}
.wpml-ls-dimension-control {
border-top: solid 1px #e0e0e0
}
.wpml-ls-dimension-control .components-panel__arrow {
visibility: hidden
}
.wpml-ls-panel-settings-dropdown-container {
position: absolute;
right: 0px
}
.wpml-ls-icon-link {
width: 24px;
height: 24px;
top: 3px;
border-radius: 2px
}
.ant-input-number-handler-wrap {
display: none !important
}
.ant-input-number-input {
padding-right: 0px !important;
padding-left: 3px !important
}
.block-editor-contrast-checker+.block-editor-contrast-checker {
display: none
}
.current-language-item {
display: flex;
align-items: center;
min-height: 30px
}
.current-language-item .wp-block-navigation-item__content>div {
display: flex;
align-items: center
}
.wpml-ls-fontLetterCase-control button.components-button.has-icon {
margin-right: 0 !important;
min-width: 30px !important;
height: 30px !important
}
.wpml-ls-fontLetterSpacing-control div.components-input-control__container {
top: 4px
}
[data-wpml='language-item']:first-of-type {
margin-top: 5px !important
}
.wpml-ls-dimension-panel .components-panel__arrow {
display: none
}
.wpml-ls-typography-panel .components-panel__arrow {
display: none
}
.wpml-ls-panel-settings-dropdown-container>div>button>span.anticon-more {
font-size: large;
margin-right: 10px
}
.wpml-ls-panel-settings-dropdown-container>div>button>span.anticon-plus {
font-size: medium;
margin-right: 10px
}
.wp-block-navigation.is-content-justification-space-between .wp-block-page-list {
display: contents
}
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] {
display: contents !important
}
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item {
display: contents
}
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item>div,
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item .horizontal-list,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item>div,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item .horizontal-list {
display: contents
}
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item>div li.wp-block-navigation-item,
.wp-block-navigation.is-content-justification-space-between .wpml-language-switcher-navigation-block .wp-block-navigation-item .horizontal-list li.wp-block-navigation-item,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item>div li.wp-block-navigation-item,
.wp-block-navigation.is-content-justification-space-between [data-type='wpml/navigation-language-switcher'] .wp-block-navigation-item .horizontal-list li.wp-block-navigation-item {
display: flex
}
.wp-block-navigation .wpml-block-navigation-language-switcher,
.wp-block-navigation [data-type='wpml/navigation-language-switcher'] {
display: flex !important;
flex-direction: var(--navigation-layout-direction, initial);
justify-content: var(--navigation-layout-justify, initial);
align-items: var(--navigation-layout-align, initial);
flex-wrap: var(--navigation-layout-wrap, wrap);
background-color: inherit;
gap: inherit;
margin: 0;
width: fit-content;
max-width: fit-content
}
.wp-block-navigation.items-justified-space-between .wpml-language-switcher-navigation-block.wpml-ls-dropdown {
flex: inherit;
display: flex !important
}
.wp-block-navigation.items-justified-space-between .wpml-language-switcher-navigation-block.wpml-ls-list {
flex: inherit;
display: contents !important
}
.wp-block-navigation.items-justified-space-between .wpml-block-navigation-language-switcher.wpml-ls-dropdown,
.wp-block-navigation.items-justified-space-between [data-type='wpml/navigation-language-switcher'] {
flex: inherit;
display: flex !important
}
.wp-block-navigation.items-justified-space-between .wpml-block-navigation-language-switcher.wpml-ls-list,
.wp-block-navigation.items-justified-space-between [data-type='wpml/navigation-language-switcher'] {
flex: inherit;
display: contents !important
}
.wp-block-navigation .wpml-block-navigation-item {
background-color: inherit
}
.wp-block-navigation .wpml-block-navigation-item .current-language-item .wp-block-navigation-item__content>div {
display: flex;
align-items: center
}
.wp-block-navigation__submenu-container li {
margin: 0
}
.wp-block-navigation .wpml-language-switcher-navigation-block {
width: unset !important;
flex: initial !important
}
.wp-block-navigation .wpml-language-switcher-navigation-block .hide-arrow .wp-block-navigation__submenu-icon {
display: none
}
.wp-block-navigation .wpml-language-switcher-navigation-block ul li a {
display: flex;
align-items: center
}
.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin: 0 !important;
gap: 1.5em !important
}
.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list li {
display: inline-block;
line-height: 100%
}
.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list li a,
.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list li div {
line-height: 100%;
display: inline-flex;
align-items: center
}
/* 2/16/2026 */
.accordion__header button button {
background: transparent !important;
color: #c926ff;
border: none;
font-size: calc(14.85057px + .30651vw);
line-height: 1.6;
font-weight: 300;
}
.artist-grid-3col {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
width: 100% !important;
padding-inline: 20px;
}
.content-breaker {
background-color: #ffffff;
}
.content-breaker:nth-child(even) {
background-color: #9b00cd;
}
.content-breaker:nth-child(even) .content-breaker__content.d-flex {
/* flex-direction: row-reverse; */
}
.content-breaker__content.d-flex {
display: flex;
gap: 60px;
padding-inline: 5%;
align-items: center;
position: relative;
}
.content-breaker__content.d-flex p {
font-size: clamp(1rem, 0.7786rem + 0.4619vw, 1.125rem);
color: #7e5c8a;
line-height: 1.7;
}
.content-breaker__content.d-flex p:last-of-type {
font-size: clamp(1rem, 0.7786rem + 0.4619vw, 1.125rem);
color: #9900cc;
line-height: 1.7;
font-weight: 600;
}
.content-breaker__content.d-flex p.content-breaker__uptitle {
font-size: 14px;
color: #bf00ff;
margin-bottom: 40px;
}
.content-breaker__content.d-flex .content-breaker__image-wrapper {
flex: 45% 0 0;
max-width: 50%;
overflow: hidden;
border-radius: 30px;
position: relative;
}
.content-breaker__content.d-flex .content-breaker__image-wrapper::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(1deg, #1a0033c4, transparent);
}
.accent-divider {
height: 2px;
width: 80px;
background: #7D4F9E;
margin: 1.25rem 0 1.5rem 0;
}
.artist-list-large {
font-size: 2.2rem;
font-weight: 300;
line-height: 1.4;
margin: 2rem 0 1.2rem;
}
.artist-list-large span {
display: inline-block;
margin: 0.6rem;
background: rgba(125, 79, 158, 0.1);
padding: 0 0.4rem;
}
.grid-3col {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
.space-item {
background: #ffffff;
border: 1px solid rgba(125, 79, 158, 0.15);
border-radius: 0px;
/* sharp architectural */
}
.space-body {
padding: 2rem 1.5rem;
}
.space-item h4 {
font-size: 1.7rem;
font-weight: 350;
margin-bottom: 0.75rem;
border-left: 4px solid #7D4F9E;
padding-left: 1rem;
}
.experiences-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.2rem;
margin: 2rem 0;
}
.exp-block {
border: 1px solid rgba(125, 79, 158, 0.15);
background: #fff;
padding: 1.5rem 1rem;
border-bottom: 3px solid #7D4F9E;
}
.exp-block h4 {
font-size: 1.2rem;
font-weight: 350;
margin-bottom: 0.75rem;
}
.artist-card {
background: white;
padding: 1.5rem 1.2rem;
border: 1px solid #e5e0d8;
transition: all 0.2s;
cursor: pointer;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
}
.artist-card:hover {
outline: 2px solid #ffffff;
outline-offset: 5px;
transform: scale(1.01);
}
/* artist grid – three cards responsive */
.artist-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
max-width: 1300px;
width: 100% !important;
margin: 0 auto;
}
/* card base */
.artist-card {
background: #ffffff;
border-radius: 24px;
padding: 2rem 1.5rem 1.8rem 1.5rem;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.02);
transition: all 0.3s ease;
border: 1px solid #29292969;
cursor: pointer;
display: flex;
flex-direction: column;
height: 100%;
}
/* Purple border hover with spacing (margin shift / scale) */
.artist-card.purple-border-hover:hover {
border-color: #ffffff;
box-shadow: 0 25px 36px -10px rgb(255 255 255 / 25%);
transform: scale(1.01) translateY(-3px);
/* spacing around card */
margin: 0 2px;
/* extra breathing */
}
/* image container – zoom on hover */
.artist-img {
width: 100%;
aspect-ratio: 4/5;
border-radius: 18px;
overflow: hidden;
margin-bottom: 1.4rem;
background: #d6cbbc;
transition: transform 0.4s ease;
}
.artist-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.5s cubic-bezier(0.2, 0, 0, 1);
}
.artist-card.purple-border-hover:hover .artist-img img {
transform: scale(1.08);
/* image zoom */
}
/* typography */
.artist-name {
font-size: 1.9rem;
font-weight: 400;
letter-spacing: -0.02em;
line-height: 1.2;
color: #1f2b36;
margin-bottom: 0.3rem;
font-family: 'Times New Roman', serif;
}
.artist-meta {
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #7D4F9E;
margin-bottom: 1rem;
font-weight: 400;
border-bottom: 1px dashed #7D4F9E;
padding-bottom: 0.8rem;
}
.artist-bio {
font-size: 0.98rem;
line-height: 1.5;
color: #3f3e3c;
margin-bottom: 1.6rem;
flex-grow: 1;
}
.wp-block-button__link {
color: #f0eae0;
text-decoration: none;
font-weight: 400;
letter-spacing: 0.02em;
transition: background 0.15s;
cursor: pointer;
font-family: 'Inter', sans-serif;
text-align: center;
align-self: flex-start;
border: none;
padding: 0.5rem 2rem !important;
}
/* responsive grid */
@media (max-width: 950px) {
.artist-grid {
grid-template-columns: repeat(2, 1fr);
gap: 1.8rem;
}
}
@media (max-width: 600px) {
.artist-grid {
grid-template-columns: 1fr;
max-width: 450px;
}
}
/* MODAL overlay – light background */
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
background-color: rgba(0, 0, 0, 0.15);
/* very light dim */
backdrop-filter: blur(4px);
display: flex !important;
align-items: center;
justify-content: center;
z-index: 2000;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s;
padding: 1.5rem;
}
.modal-overlay.active {
opacity: 1;
visibility: visible;
}
.modal-content {
max-width: 460px;
width: 100%;
background: transparent;
border: none;
animation: modalFade 0.2s;
}
.modal-content .artist-card {
box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15), 0 0 0 1px #f0e4d8;
border: 1px solid #f0e4d8;
background: #ffffff;
margin: 0;
cursor: default;
transform: none !important;
/* no extra hover inside modal */
}
/* close button */
.modal-close {
position: absolute;
top: 1.8rem;
right: 2rem;
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(8px);
border: 1px solid #ddd0c0;
color: #4a3f35;
font-size: 1.8rem;
width: 48px;
height: 48px;
border-radius: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.1s;
z-index: 2010;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.05);
line-height: 1;
}
.modal-close:hover {
background: #ffffff;
border-color: #b6a2f0;
color: #2d1f47;
}
@keyframes modalFade {
from {
opacity: 0.4;
transform: scale(0.97);
}
to {
opacity: 1;
transform: scale(1);
}
}
/* placeholder images – using SVG patterns to differentiate artists */
.img-erykah {
/* background: #9b7f62; */
}
.img-norah {
background: #7f8c7a;
}
.img-rag {
background: #8b6f5c;
}
/* fallback: all images same, but we differentiate with subtle tone (using bg color) */
.artist-img {
/* background-color: #b7aa99; */
/* fallback */
}
/* small helper */
.demo-hint {
margin-top: 3rem;
color: #b7aa9b;
font-size: 0.8rem;
text-align: center;
}
.content-breaker__content.d-flex.about-content-breaker {
display: flex !important;
gap: 60px;
padding-inline: 0 !important;
position: relative;
align-items: start;
}
.content-breaker__content.d-flex.about-content-breaker p:not(.content-breaker__uptitle) {
font-size: clamp(1rem, 0.8261rem + 0.8696vw, 1.5rem);
}
.content-breaker__content.d-flex.about-content-breaker .content-breaker__uptitle {
font-size: calc(16.97701px + 1.0728vw);
}
@media (max-width: 768px) {
.artist-list-large {
font-size: 1rem;
}
.content-breaker__content.d-flex,
.content-breaker:nth-child(even) .content-breaker__content.d-flex {
flex-direction: column;
gap: 10px;
padding-bottom: 60px;
}
.content-breaker__content.d-flex .content-breaker__image-wrapper {
flex: unset;
max-width: unset;
width: 100%;
}
.content-breaker__content.d-flex .wp-block-button.button--primary {
position: absolute;
bottom: 0;
}
.grid-2col,
.grid-3col,
.experiences-grid,
.artist-grid-3col {
grid-template-columns: 1fr;
}
}
.about-page-wrapper {
max-width: 1200px;
width: 100%;
margin: 0 auto;
margin-top: 0;
/* background-color: #fff; */
position: relative;
padding-top: 5vh;
padding-inline: 20px;
/* both cards fully responsive */
.section-card {
background: linear-gradient(45deg, #9b00cd, transparent);
backdrop-filter: blur(23px);
padding: 2.5rem 2rem;
margin-bottom: 3rem;
border-radius: 30px;
transition: all 0.2s ease;
border: 1px solid #bf00ff;
box-shadow: rgba(191, 0, 255, 0.35) 0px 5px 15px;
}
/* tablet / mobile padding */
@media (max-width: 700px) {
.section-card {
padding: 1.8rem 1.2rem;
}
}
@media (max-width: 480px) {
.section-card {
padding: 1.5rem 1rem;
}
}
/* ----- ARCHIVAL HERO (responsive) ----- */
.archival-hero {
width: 100%;
height: 260px;
background: #2f2f2f;
background-image: url('data:image/svg+xml;utf8,');
background-size: cover;
background-position: center 30%;
filter: grayscale(1) contrast(1.2) brightness(0.9);
margin-bottom: 2.5rem;
border: 1px solid #7D4F9E;
position: relative;
}
.archival-hero::after {
content: '⏺ ARCHIVAL MONTREUX · 1967';
position: absolute;
bottom: 16px;
left: 20px;
background: rgba(250, 245, 235, 0.8);
backdrop-filter: blur(3px);
padding: 0.3rem 1.2rem;
font-size: 0.7rem;
letter-spacing: 0.2em;
font-family: Arial, sans-serif;
color: #1f1f1f;
border: 1px solid #7D4F9E;
}
/* mobile hero height */
@media (max-width: 600px) {
.archival-hero {
height: 200px;
}
.archival-hero::after {
font-size: 0.6rem;
padding: 0.2rem 1rem;
bottom: 10px;
left: 12px;
}
}
/* ----- LOUVRE HERO (full colour, responsive) ----- */
.louvre-hero {
width: 100%;
min-height: 280px;
background-image: url('data:image/svg+xml;utf8,');
background-size: cover;
background-position: center 20%;
margin-bottom: 1.5rem;
border: 1px solid #7D4F9E;
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.03);
position: relative;
overflow: hidden;
border-radius: 20px;
img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 16/6;
display: block;
}
}
/* .louvre-hero::after {
content: '▲ The Abu Dhabi edition ';
position: absolute;
bottom: 16px;
left: 20px;
background: rgba(30, 30, 30, 0.7);
backdrop-filter: blur(4px);
padding: 0.3rem 1.2rem;
font-size: 0.7rem;
letter-spacing: 0.2em;
font-family: Arial, sans-serif;
color: #f1f1f1;
border: 1px solid #7D4F9E;
text-transform: uppercase;
} */
@media (max-width: 600px) {
.louvre-hero {
height: 200px;
}
.louvre-hero::after {
font-size: 0.6rem;
padding: 0.2rem 1rem;
bottom: 10px;
left: 12px;
}
}
/* typography responsive */
.section-label {
font-size: 0.7rem;
letter-spacing: 0.5em;
text-transform: uppercase;
color: #7D4F9E;
margin-bottom: 0.8rem;
border-bottom: 1px solid #7D4F9E;
padding-bottom: 0.8rem;
font-family: Arial, Helvetica, sans-serif;
}
h2 {
font-size: 2.8rem;
font-weight: 350;
letter-spacing: -0.02em;
line-height: 1.1;
margin-bottom: 0.5rem;
color: #ffffff;
font-weight: 600;
}
.dek {
font-size: 1.2rem;
color: #ffffff9e;
margin-bottom: 2rem;
font-style: italic;
border-left: 2px solid #ffffff99;
padding-left: 1.5rem;
}
.article-copy {
max-width: 780px;
font-size: 1.35rem;
line-height: 1.6;
color: #2d2a26;
margin-bottom: 2rem;
font-weight: 300;
p {
margin-bottom: 15px;
color: #ffffffde;
b {
font-weight: 500;
}
}
}
/* responsive type */
@media (max-width: 700px) {
h2 {
font-size: 2.2rem;
}
.dek {
font-size: 1rem;
padding-left: 1rem;
}
.article-copy {
font-size: 1.2rem;
}
}
@media (max-width: 480px) {
h2 {
font-size: 1.9rem;
}
.dek {
font-size: 0.95rem;
}
.article-copy {
font-size: 1.1rem;
}
.section-label {
font-size: 0.65rem;
letter-spacing: 0.3em;
}
}
/* transition badge responsive */
.transition-caption {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 1rem;
align-items: center;
margin: 1rem 0 1.5rem;
background: #f1ede8;
padding: 0.6rem 1.2rem;
border-radius: 40px;
font-size: 0.75rem;
color: #4c463e;
font-family: Arial, sans-serif;
}
.transition-caption .arrow {
font-size: 1.4rem;
color: #9b87f0;
}
@media (max-width: 500px) {
.transition-caption {
border-radius: 30px;
padding: 0.5rem 1rem;
font-size: 0.7rem;
}
.transition-caption .arrow {
font-size: 1.2rem;
}
}
/* PURPLE CONNECTORS — fully responsive flex wrap */
.purple-connectors {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1rem 1.5rem;
margin: 2rem 0 1.8rem 0;
padding: 0.75rem 0;
border-top: 1px dashed #d1c3f0;
border-bottom: 1px dashed #d1c3f0;
}
.connector-group {
display: flex;
align-items: center;
gap: 0.5rem;
flex-wrap: wrap;
}
.purple-dot {
width: 12px;
height: 12px;
background-color: #9b87f0;
border-radius: 50%;
}
.purple-line {
width: 40px;
height: 2px;
background-color: #9b87f0;
}
.purple-diamond {
width: 14px;
height: 14px;
background-color: transparent;
border: 2px solid #9b87f0;
transform: rotate(45deg);
}
.purple-square {
width: 12px;
height: 12px;
background-color: #9b87f0;
opacity: 0.7;
}
/* make purple lines smaller on mobile */
@media (max-width: 500px) {
.purple-line {
width: 24px;
}
.connector-group {
gap: 0.3rem;
}
}
/* subsection grid responsive */
.subsection-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.2rem;
margin: 1.5rem 0 0.5rem 0;
}
.sub-item {
background: #fbf9f7;
padding: 1rem 0.5rem;
border: 1px solid #ede5da;
font-size: 0.9rem;
text-align: center;
color: #4a3f35;
font-family: Arial, sans-serif;
}
@media (max-width: 600px) {
.subsection-grid {
grid-template-columns: 1fr;
/* stack on mobile */
gap: 0.8rem;
}
}
/* second row flexible */
.flex-row {
display: flex;
gap: 1.5rem;
margin: 0.8rem 0 2rem 0;
}
.flex-row>div {
flex: 1;
background: #faf7f2;
padding: 0.8rem;
border: 1px solid #e7ded2;
text-align: center;
font-family: Arial, sans-serif;
font-size: 0.85rem;
}
@media (max-width: 600px) {
.flex-row {
flex-direction: column;
gap: 0.8rem;
}
}
/* subsection divider responsive */
.subsection-divider {
display: flex;
align-items: center;
gap: 0.8rem;
margin: 1.8rem 0 1.4rem 0;
flex-wrap: wrap;
justify-content: center;
}
.sub-connector-line {
height: 2px;
background: #9b87f0;
flex: 1 1 60px;
min-width: 30px;
}
.sub-connector-icon {
display: flex;
gap: 0.4rem;
align-items: center;
color: #9b87f0;
font-weight: 400;
text-transform: uppercase;
font-size: 0.7rem;
letter-spacing: 0.2em;
font-family: Arial, sans-serif;
flex-wrap: wrap;
justify-content: center;
}
.sub-connector-icon span {
background-color: #9b87f0;
width: 8px;
height: 8px;
display: inline-block;
transform: rotate(45deg);
}
/* tone note responsive */
.tone-note {
margin-top: 2rem;
font-size: 0.8rem;
color: #5e5b75;
background: #f3f0fa;
padding: 0.6rem 1.2rem;
border-left: 6px solid #9b87f0;
font-family: 'Courier New', monospace;
border-radius: 0 8px 8px 0;
word-break: break-word;
}
@media (max-width: 500px) {
.tone-note {
font-size: 0.7rem;
padding: 0.5rem 1rem;
}
}
.footnote {
margin-top: 2rem;
font-size: 0.8rem;
color: #a69a8c;
border-top: 1px solid #f0e8de;
padding-top: 1.2rem;
text-transform: uppercase;
letter-spacing: 0.1em;
}
/* archival secondary images responsive */
.archival-row {
display: flex;
gap: 1rem;
margin-top: 1rem;
}
.archival-row div {
height: 70px;
flex: 1;
background: #3f3f3f;
filter: grayscale(1);
}
@media (max-width: 500px) {
.archival-row {
gap: 0.5rem;
}
}
/* footer */
.global-footer {
margin-top: 2rem;
text-align: right;
color: #baae9e;
font-size: 0.7rem;
letter-spacing: 0.2rem;
}
}
@media (max-width: 700px) {
.page-post__header.about-header .page-post__media {
width: 100%;
height: 99.77778vw !important;
max-height: 100vh !important;
}
}
.wp-block-button__link[target=_blank]:after {
background-image: url(../image/link-arrow.svg);
filter: invert(1);
}
/* 18/2/2026 */
/* Headliners Section Styles */
.headliners-section {
.container {
max-width: 2200px;
margin: 0 auto;
padding: 0 calc(5% + 75px);
}
.headliners-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
margin-bottom: 50px;
}
.headliner-card {
border-radius: 15px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.headliner-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.image-wrapper {
position: relative;
width: 100%;
padding-bottom: 133.33%;
/* 3:4 aspect ratio (600:800) */
overflow: hidden;
}
.headliner-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.headliner-card:hover .headliner-image {
transform: scale(1.05);
}
.overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
color: white;
padding: 30px 20px 20px;
text-align: center;
transition: opacity 0.3s ease;
}
.artist-name {
margin: 0;
font-size: 1.5rem;
font-weight: 600;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
color: white;
}
.lineup-message {
text-align: center;
font-size: 0.8rem;
color: #ffffff80;
max-width: 700px;
margin: 0 auto;
padding: 20px;
line-height: 1.6;
text-transform: uppercase;
word-spacing: 50%;
}
/* Mobile Responsive */
@media (max-width: 1440px) {
.container {
max-width: 2200px;
margin: 0 auto;
padding: 0 calc(5% + 40px);
}
}
@media (max-width: 992px) {
.headliners-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.section-title {
font-size: 2rem;
}
.artist-name {
font-size: 1.3rem;
}
}
@media (max-width: 767px) {
.container {
max-width: 2200px;
margin: 0 auto;
padding: 0 calc(5% + 16px);
}
}
@media (max-width: 576px) {
.headliners-grid {
grid-template-columns: 1fr;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.headliners-section {
padding: 50px 0;
}
.section-title {
font-size: 1.8rem;
margin-bottom: 30px;
}
.artist-name {
font-size: 1.5rem;
}
.lineup-message {
font-size: 1rem;
padding: 15px;
}
}
}
.footer__row--partner {
padding-top: 30px !important;
}
.header__poster,
.header__video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
#youtube-player {
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 200%;
z-index: 2;
aspect-ratio: 1;
}
.partners-list__partner .partner__image img {
max-height: 100px;
}
/* nav */
.nav {
--navbar-menu-item-height: 0px;
position: fixed;
top: 0;
left: 0;
width: 100%
}
.nav__background {
background-color: rgba(255, 255, 255, 0);
position: fixed;
width: 100%;
height: 0%;
top: 0;
left: 0;
pointer-events: none
}
.nav .navbar {
display: flex;
flex-direction: column
}
.nav .navbar ul {
list-style-type: none
}
.nav .navbar__top {
border-bottom: 1px solid #DEDEDE;
height: 55px;
display: flex;
align-items: center;
position: relative
}
.nav .navbar__top__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: -1;
opacity: 0
}
@media (max-width: 767px) {
.nav .navbar__top {
display: none;
order: 1;
border-top: 1px solid #fff;
border-bottom-color: #fff
}
.nav .navbar__top__background {
background-color: transparent
}
}
.nav .navbar__top__inner {
position: relative;
display: flex;
align-items: center;
flex: 1
}
@media (max-width: 1233px) {
.nav .navbar__top__inner {
justify-content: space-between
}
}
@media (max-width: 374px) {
.nav .navbar__top {
height: 80px
}
.nav .navbar__top__inner {
flex-direction: column
}
}
.nav .navbar__top ul {
display: flex;
align-items: center
}
.nav .navbar__top ul li {
font-family: "TT Norms", sans-serif;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
transition: font-weight .2s ease-out
}
.nav .navbar__top ul li a {
color: #000
}
.nav .navbar__top .navbar__festdate {
font-weight: 700
}
@media (max-width: 374px) {
.nav .navbar__top .navbar__festdate {
margin-left: 80px
}
}
@media (min-width: 375px) and (max-width: 1679px) {
.nav .navbar__top .navbar__festdate {
margin-left: calc(80px + 40 * (100vw - 375px) / 1305)
}
}
@media (min-width: 1680px) {
.nav .navbar__top .navbar__festdate {
margin-left: 120px
}
}
@media (max-width: 1233px) {
.nav .navbar__top .navbar__festdate {
margin-left: 0
}
}
@media (max-width: 767px) {
.nav .navbar__top .navbar__festdate {
display: none
}
}
.nav .navbar__languages li {
background-image: linear-gradient(#000, #000);
background-position: left bottom;
background-repeat: no-repeat;
background-size: 100% 0px;
will-change: background-size;
transition: background-size .4s ease-out
}
.nav .navbar__languages li:hover,
.nav .navbar__languages li:focus-within {
background-size: 100% 1px
}
.nav .navbar__languages li.is-active {
font-weight: 700
}
.nav .navbar__languages li+li {
margin-left: 24px
}
.nav .navbar__festdate {
font-family: "TT Norms", sans-serif;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px
}
.nav .navbar__festdate a {
background-image: linear-gradient(#000, #000);
background-position: left bottom;
background-repeat: no-repeat;
background-size: 100% 0px;
will-change: background-size
}
.nav .navbar__festdate a:hover,
.nav .navbar__festdate a:focus-within {
background-size: 100% 1px
}
@media (max-width: 374px) {
.nav .navbar__shop {
margin-top: 16px
}
}
@media (min-width: 1234px) {
.nav .navbar__shop {
margin-left: auto
}
}
.nav .navbar__shop li {
background-image: linear-gradient(#000, #000);
background-position: left bottom;
background-repeat: no-repeat;
background-size: 100% 0px;
will-change: background-size;
transition: background-size .4s ease-out
}
.nav .navbar__shop li:hover,
.nav .navbar__shop li:focus-within {
background-size: 100% 1px
}
.nav .navbar__shop li:last-child {
font-weight: 700
}
@media (max-width: 374px) {
.nav .navbar__shop li+li {
margin-left: 24px
}
}
@media (min-width: 375px) and (max-width: 1679px) {
.nav .navbar__shop li+li {
margin-left: calc(24px + 24 * (100vw - 375px) / 1305)
}
}
@media (min-width: 1680px) {
.nav .navbar__shop li+li {
margin-left: 48px
}
}
.nav .navbar__main {
position: relative
}
.nav .navbar__main__progress-bar {
position: absolute;
width: 100%;
height: 1px;
top: -1px;
opacity: 0;
background-color: #000
}
@media (max-width: 767px) {
.nav .navbar__main__progress-bar {
top: 0px
}
}
.nav .navbar__main__inner {
height: 112px;
display: flex;
align-items: center;
justify-content: space-between;
width: auto
}
.nav .navbar__main__inner .navbar__festdate {
padding: 12px 30px 0 30px;
margin: 0 auto;
line-height: 1.2
}
@media (min-width: 768px) {
.nav .navbar__main__inner .navbar__festdate {
display: none
}
}
.nav {
background: linear-gradient(in oklab, #0000004f 50%, transparent) !important;
}
.nav .navbar__logo {
display: flex;
justify-content: center;
height: 100px;
width: 100px;
filter: invert(1);
}
.nav .navbar__logo svg {
display: block;
width: 100%;
height: 100%
}
.nav .navbar__menu {
align-self: stretch;
display: flex
}
@media (max-width: 374px) {
.nav .navbar__menu {
padding-left: 80px;
padding-right: 80px
}
}
@media (min-width: 375px) and (max-width: 1679px) {
.nav .navbar__menu {
padding-left: calc(80px + 40 * (100vw - 375px) / 1305);
padding-right: calc(80px + 40 * (100vw - 375px) / 1305)
}
}
@media (min-width: 1680px) {
.nav .navbar__menu {
padding-left: 120px;
padding-right: 120px
}
}
.nav .navbar__menu ul {
display: flex
}
.nav .navbar__menu ul li {
display: inline-flex;
position: relative;
white-space: nowrap;
font-family: "TT Norms", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 2px;
padding: 0 22px;
align-items: center;
justify-content: center
}
.nav .navbar__menu ul li .item__icon {
position: absolute;
display: inline-flex;
bottom: 0;
width: 100%;
transform: scaleY(0)
}
.nav .navbar__menu ul li .item__icon svg {
height: 16px;
width: 100%
}
.nav .navbar__menu ul li .item__content:hover::before,
.nav .navbar__menu ul li .item__content:focus-within::before {
opacity: 1 !important
}
.nav .navbar__menu ul li.is-current .item__content::before,
.nav .navbar__menu ul li.is-current-parent .item__content::before,
.nav .navbar__menu ul li.is-current-ancestor .item__content::before {
opacity: 1
}
.nav .navbar__menu ul li .item__content {
position: relative;
cursor: pointer;
padding: 10px
}
.nav .navbar__menu ul li .item__content::before {
content: "";
position: absolute;
top: 50%;
margin-top: -4px;
background-image: url(../image/plectrum.svg);
background-size: 100% 100%;
filter: invert(1);
width: 6px;
height: 6px;
left: -5px;
opacity: 0;
transition-duration: .4s;
pointer-events: none
}
.nav .navbar__menu ul li a {
display: block;
color: #fff;
}
.nav .navbar__menu ul li a[target="_blank"]:after {
content: "";
position: absolute;
top: 50%;
margin-top: -8px;
background-image: url(../image/external-link.svg);
background-size: 100% 100%;
width: 16px;
height: 16px;
right: -16px
}
.nav .navbar__buttons {
display: flex;
align-items: center;
justify-content: space-between;
margin-left: auto
}
.nav .navbar__buttons .navbar__toggle {
display: none;
position: relative;
cursor: pointer;
padding: 0;
background: none repeat scroll 0 0 transparent;
border: none;
height: 35px;
width: 35px;
color: #fff;
filter: invert(1);
}
.nav .navbar__buttons .navbar__toggle .navbar__icon {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.nav .navbar__buttons .navbar__toggle .navbar__icon:not(.navbar__icon--menu) {
opacity: 0
}
@media (min-width: 768px) {
.nav .navbar__buttons .navbar__program+.navbar__toggle {
margin-left: 25px
}
}
.nav .navbar__buttons .navbar__program {
display: none
}
@media (max-width: 767px) {
.nav .navbar__buttons .navbar__program {
position: fixed;
display: block !important;
right: 100px;
z-index: 1;
top: 17px;
}
.nav .navbar__buttons .navbar__program .wp-block-button__link {
width: 100%;
height: 100%;
justify-content: center
}
}
@media (max-width: 599px) {
.nav .navbar__buttons .navbar__program {
right: 70px;
margin-top: 11px
}
.nav .navbar__buttons .navbar__program .wp-block-button__link {
font-size: 10px
}
}
.nav .dropdown {
display: none
}
@media (max-width: 1023px) {
.nav .dropdown {
padding-bottom: 28px
}
}
@media (min-width: 1024px) and (max-width: 1679px) {
.nav .dropdown {
padding-bottom: calc(28px + 37 * (100vw - 1024px) / 656)
}
}
@media (min-width: 1680px) {
.nav .dropdown {
padding-bottom: 65px
}
}
.nav .dropdown__menu {
grid-column: 1/13;
display: flex;
flex-direction: column;
position: relative;
background-color: #fff;
overflow: hidden
}
@media (max-width: 767px) {
.nav .dropdown__menu {
padding: 20px
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.nav .dropdown__menu {
padding-top: calc(32px + 8 * (100vw - 768px) / 256)
}
}
@media (min-width: 1024px) and (max-width: 1679px) {
.nav .dropdown__menu {
padding-top: calc(40px + 16 * (100vw - 1024px) / 656)
}
}
@media (min-width: 1680px) {
.nav .dropdown__menu {
padding-top: 56px
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.nav .dropdown__menu {
padding-left: calc(32px + 8 * (100vw - 768px) / 256);
padding-right: calc(32px + 8 * (100vw - 768px) / 256)
}
}
@media (min-width: 1024px) and (max-width: 1679px) {
.nav .dropdown__menu {
padding-left: calc(40px + 36 * (100vw - 1024px) / 656);
padding-right: calc(40px + 36 * (100vw - 1024px) / 656)
}
}
@media (min-width: 1680px) {
.nav .dropdown__menu {
padding-left: 76px;
padding-right: 76px
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.nav .dropdown__menu {
padding-bottom: calc(24px + 0 * (100vw - 768px) / 256)
}
}
@media (min-width: 1024px) and (max-width: 1679px) {
.nav .dropdown__menu {
padding-bottom: calc(24px + 8 * (100vw - 1024px) / 656)
}
}
@media (min-width: 1680px) {
.nav .dropdown__menu {
padding-bottom: 32px
}
}
.nav .dropdown__menu__overlay {
background-color: #EFEFEF;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.nav .dropdown__menu__overlay::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
bottom: 100%;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%)
}
.nav .dropdown .submenu {
position: initial;
display: none;
width: 100%
}
.nav .dropdown .submenu__primary {
display: grid;
grid-template-columns: 1fr;
border-bottom: 1px solid #DEDEDE
}
@media (max-width: 374px) {
.nav .dropdown .submenu__primary {
padding-bottom: 24px
}
}
@media (min-width: 375px) and (max-width: 1023px) {
.nav .dropdown .submenu__primary {
padding-bottom: calc(24px + 16 * (100vw - 375px) / 649)
}
}
@media (min-width: 1024px) {
.nav .dropdown .submenu__primary {
padding-bottom: 40px
}
}
@media (max-width: 1499px) {
.nav .dropdown .submenu__primary {
grid-column-gap: 2.13vw;
grid-row-gap: 2.13vw
}
}
@media (min-width: 1500px) {
.nav .dropdown .submenu__primary {
grid-column-gap: 32px;
grid-row-gap: 32px
}
}
@media (min-width: 768px) {
.nav .dropdown .submenu__primary {
grid-template-columns: repeat(2, 1fr);
justify-items: flex-start
}
}
.nav .dropdown .submenu__primary__item {
position: relative;
display: flex;
width: 100%;
align-items: center
}
@media (max-width: 767px) {
.nav .dropdown .submenu__primary__item__img {
height: 120px
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.nav .dropdown .submenu__primary__item__img {
height: calc(120px + 16 * (100vw - 768px) / 256)
}
}
@media (min-width: 1024px) {
.nav .dropdown .submenu__primary__item__img {
height: 136px
}
}
@media (max-width: 374px) {
.nav .dropdown .submenu__primary__item__img {
margin-right: 16px
}
}
@media (min-width: 375px) and (max-width: 1679px) {
.nav .dropdown .submenu__primary__item__img {
margin-right: calc(16px + 8 * (100vw - 375px) / 1305)
}
}
@media (min-width: 1680px) {
.nav .dropdown .submenu__primary__item__img {
margin-right: 24px
}
}
.nav .dropdown .submenu__primary__item__title {
font-family: "TT Norms", sans-serif;
font-weight: 700;
line-height: 1.2;
color: #000
}
@media (max-width: 374px) {
.nav .dropdown .submenu__primary__item__title {
font-size: 20px
}
}
@media (min-width: 375px) and (max-width: 1679px) {
.nav .dropdown .submenu__primary__item__title {
font-size: calc(20px + 12 * (100vw - 375px) / 1305)
}
}
@media (min-width: 1680px) {
.nav .dropdown .submenu__primary__item__title {
font-size: 32px
}
}
.nav .dropdown .submenu__primary__item__link {
display: block;
margin-top: 12px
}
.nav .dropdown .submenu__primary__item__link::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1
}
@media (max-width: 374px) {
.nav .dropdown .submenu__primary+.submenu__secondary {
margin-top: 24px
}
}
@media (min-width: 375px) and (max-width: 1023px) {
.nav .dropdown .submenu__primary+.submenu__secondary {
margin-top: calc(24px + 16 * (100vw - 375px) / 649)
}
}
@media (min-width: 1024px) {
.nav .dropdown .submenu__primary+.submenu__secondary {
margin-top: 40px
}
}
.nav .dropdown .submenu__secondary {
display: grid;
grid-template-columns: 1fr
}
@media (max-width: 1499px) {
.nav .dropdown .submenu__secondary {
grid-column-gap: 2.13vw
}
}
@media (min-width: 1500px) {
.nav .dropdown .submenu__secondary {
grid-column-gap: 32px
}
}
@media (max-width: 374px) {
.nav .dropdown .submenu__secondary {
grid-row-gap: 48px
}
}
@media (min-width: 375px) and (max-width: 767px) {
.nav .dropdown .submenu__secondary {
grid-row-gap: calc(48px + 8 * (100vw - 375px) / 393)
}
}
@media (min-width: 768px) {
.nav .dropdown .submenu__secondary {
grid-row-gap: 56px
}
}
@media (min-width: 768px) {
.nav .dropdown .submenu__secondary {
grid-template-columns: repeat(2, 1fr);
justify-items: flex-start
}
}
@media (min-width: 1024px) {
.nav .dropdown .submenu__secondary {
grid-template-columns: repeat(4, 1fr)
}
}
.nav .dropdown .submenu__secondary__item {
display: flex;
flex-direction: column;
align-items: flex-start
}
.nav .dropdown .submenu__secondary__item__title {
font-family: "TT Norms", sans-serif;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.2;
color: #000;
margin-bottom: 20px
}
.nav .dropdown .submenu__secondary__item__link {
font-family: "TT Norms", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 1.3;
color: #000
}
.nav .dropdown .submenu__secondary__item__link span {
background-image: linear-gradient(#000, #000);
background-position: left bottom;
background-repeat: no-repeat;
background-size: 100% 0px;
will-change: background-size;
transition: background-size .4s ease-out
}
.nav .dropdown .submenu__secondary__item__link:hover span,
.nav .dropdown .submenu__secondary__item__link:focus span {
background-size: 100% 1px
}
@media (max-width: 374px) {
.nav .dropdown .submenu__secondary__item__link+.submenu__secondary__item__link {
margin-top: 12px
}
}
@media (min-width: 375px) and (max-width: 767px) {
.nav .dropdown .submenu__secondary__item__link+.submenu__secondary__item__link {
margin-top: calc(12px + 4 * (100vw - 375px) / 393)
}
}
@media (min-width: 768px) {
.nav .dropdown .submenu__secondary__item__link+.submenu__secondary__item__link {
margin-top: 16px
}
}
.nav .dropdown .nav-socials {
display: flex;
flex-direction: column;
padding-top: 60px;
margin-top: auto
}
@media (min-width: 768px) {
.nav .dropdown .nav-socials {
flex-direction: row;
align-items: center;
justify-content: center
}
}
.nav .dropdown .nav-socials__title {
font-family: "TT Norms", sans-serif;
font-weight: 400;
line-height: 1.3;
color: #505050
}
@media (max-width: 374px) {
.nav .dropdown .nav-socials__title {
font-size: 14px
}
}
@media (min-width: 375px) and (max-width: 1679px) {
.nav .dropdown .nav-socials__title {
font-size: calc(14px + 2 * (100vw - 375px) / 1305)
}
}
@media (min-width: 1680px) {
.nav .dropdown .nav-socials__title {
font-size: 16px
}
}
.nav .dropdown .nav-socials ul {
display: flex;
margin-top: 8px;
list-style: none
}
@media (min-width: 768px) {
.nav .dropdown .nav-socials ul {
margin-top: 0;
margin-left: 28px
}
}
.nav .dropdown .nav-socials ul li+li {
margin-left: 16px
}
.nav .dropdown .nav-socials ul a {
display: flex
}
.nav .dropdown .nav-socials ul a:hover .nav-socials__icon,
.nav .dropdown .nav-socials ul a:focus .nav-socials__icon {
fill: #000
}
.nav .dropdown .nav-socials__icon {
width: 32px;
height: 32px;
fill: #505050;
transition: fill .2s ease-out
}
.nav .dropdown__cards {
grid-column: 1/13;
display: grid;
grid-template-columns: max-content;
align-content: flex-start;
justify-content: center;
margin-top: 28px
}
@media (max-width: 1499px) {
.nav .dropdown__cards {
grid-row-gap: 2.13vw;
grid-column-gap: 2.13vw
}
}
@media (min-width: 1500px) {
.nav .dropdown__cards {
grid-row-gap: 32px;
grid-column-gap: 32px
}
}
@media (min-width: 768px) {
.nav .dropdown__cards {
grid-template-columns: repeat(3, minmax(auto, 224px))
}
}
.nav .dropdown__cards .card-cta {
max-width: 248px
}
@media (min-width: 768px) {
.nav.nav--program .navbar .navbar__program {
display: block
}
}
@media (max-width: 767px) {
.nav.nav--program.nav--opened .navbar__buttons .navbar__program {
display: block;
margin-top: 0
}
.nav.nav--program.nav--opened .navbar__buttons .navbar__program .wp-block-button__link {
font-size: 12px
}
.nav.nav--program:not(.nav--dropdown-opened) .navbar .navbar__menu ul {
padding-bottom: 64px
}
.nav.nav--program.nav--dropdown-opened .dropdown .dropdown__cards {
padding-bottom: 64px
}
}
.nav.nav--nb-mjaf .navbar .navbar__logo {
width: 139px;
height: 83px
}
.nav.nav--nb-cafe .navbar .navbar__logo {
width: 100px;
height: 111.72566px
}
.nav.nav--mobile .navbar .navbar__main .navbar__main__inner {
height: 80px
}
.nav.nav--mobile .navbar .navbar__main .navbar__logo {
height: 64px;
width: 64px
}
.nav.nav--mobile .navbar .navbar__top {
height: 40px
}
@media (max-width: 374px) {
.nav.nav--mobile .navbar .navbar__top {
height: 80px
}
}
.nav.nav--mobile .navbar .navbar__menu {
display: none;
position: absolute;
top: 121px;
left: 0;
width: 100%
}
@media (max-width: 374px) {
.nav.nav--mobile .navbar .navbar__menu {
top: 161px
}
}
@media (max-width: 767px) {
.nav.nav--mobile .navbar .navbar__menu {
padding-left: 16px;
padding-right: 16px
}
}
@media (min-width: 600px) {
.nav.nav--mobile .navbar .navbar__menu {
padding-left: 40px;
padding-right: 40px
}
}
@media (min-width: 1440px) {
.nav.nav--mobile .navbar .navbar__menu {
padding-left: 72px;
padding-right: 72px
}
}
.nav.nav--mobile .navbar .navbar__menu ul {
flex-direction: column;
align-items: center
}
.nav.nav--mobile .navbar .navbar__menu ul li {
font-weight: 700
}
@media (max-width: 374px) {
.nav.nav--mobile .navbar .navbar__menu ul li {
font-size: 20px
}
}
@media (min-width: 375px) and (max-width: 1023px) {
.nav.nav--mobile .navbar .navbar__menu ul li {
font-size: calc(20px + 8 * (100vw - 375px) / 649)
}
}
@media (min-width: 1024px) {
.nav.nav--mobile .navbar .navbar__menu ul li {
font-size: 28px
}
}
@media (max-width: 374px) {
.nav.nav--mobile .navbar .navbar__menu ul li {
padding-top: 28px;
padding-bottom: 28px
}
}
@media (min-width: 375px) and (max-width: 767px) {
.nav.nav--mobile .navbar .navbar__menu ul li {
padding-top: calc(28px + 12 * (100vw - 375px) / 393);
padding-bottom: calc(28px + 12 * (100vw - 375px) / 393)
}
}
@media (min-width: 768px) {
.nav.nav--mobile .navbar .navbar__menu ul li {
padding-top: 40px;
padding-bottom: 40px
}
}
.nav.nav--mobile .navbar .navbar__menu ul li span::before {
margin-top: -6px;
width: 8px;
height: 8px;
left: -20px
}
.nav.nav--mobile .navbar .navbar__menu ul li a[target="_blank"]:after {
margin-top: -12px;
width: 20px;
height: 20px;
right: -22px
}
.nav.nav--mobile .navbar .navbar__buttons .navbar__toggle {
display: block
}
.nav:not(.nav--mobile) .navbar .navbar__main__inner {
position: relative
}
.nav:not(.nav--mobile) .navbar .navbar__buttons .navbar__toggle {
position: absolute;
right: 0;
margin-top: 0;
margin-bottom: 0
}
.nav:not(.nav--mobile) .dropdown {
grid-template-columns: auto 224px
}
.nav:not(.nav--mobile) .dropdown .dropdown__cards {
grid-column: 2/3;
grid-template-columns: 1fr;
margin-top: 0px
}
.nav:not(.nav--mobile) .dropdown .dropdown__menu {
grid-column: 1/2
}
.nav.nav--opened.nav--mobile {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
background: #00000000 !important;
backdrop-filter: blur(10px) !important;
.nav__background {
background: #00000069 !important;
}
}
.nav.nav--opened.nav--mobile .dropdown {
margin-top: var(--navbar-menu-item-height)
}
.nav.nav--opened .navbar .navbar__menu ul li.is-active .item__content::before {
opacity: 1
}
.nav.nav--opened .navbar .navbar__menu ul li.is-current:not(.is-active) .item__content::before {
opacity: 0.6
}
.nav.nav--hovered .navbar .navbar__menu ul li.is-active .item__content::before {
opacity: 0
}
.nav.nav--hovered .navbar .navbar__menu ul li.is-current .item__content::before {
opacity: 0.6
}
.js .nav {
opacity: 0
}
/* nav */
.content-breaker {
margin-bottom: 0 !important;
}
/* FAQ */
.faq-wrapper {
.container {
max-width: 2200px;
margin: 0 auto;
padding: 0 calc(5% + 75px);
}
.accordion {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: start;
gap: 20px;
}
.accordion__inner {
max-width: calc(50% - 20px);
}
.accordion__item {
margin-bottom: 20px;
border-radius: 10px;
}
.accordion__panel {
margin-bottom: 0 !important;
p {
font-size: 16px;
}
}
.page__banner {
margin-block: 50px;
}
@media (max-width: 1440px) {
.container {
max-width: 2200px;
margin: 0 auto;
padding: 0 calc(5% + 40px);
}
}
@media (max-width: 1170px) {
.accordion {
display: flex;
flex-direction: column;
gap: 20px;
}
.accordion__inner {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 767px) {
.container {
max-width: 2200px;
margin: 0 auto;
padding: 0 calc(5% + 16px);
}
}
}
/* FAQ */
.headliner {
font-size: clamp(2.5rem, 1.1364rem + 6.8182vw, 6.25rem);
color: #fff;
text-align: center;
margin-bottom: 50px;
font-weight: 700;
}
.readMoreBtn {
color: #9900cc !important;
padding: 5px 0 !important;
border-bottom: 2px solid #9900cc2c;
&:hover {
border-bottom: 2px solid #9900cc;
}
&::before {
display: none !important;
}
}
.page__wrapper.swup:has(.faq-wrapper) {
margin-top: -50px;
}
.line-up-page {
background-color: #9b00cd;
padding-top: 120px;
}
.headliners-section p {
text-align: center;
color: #fff;
margin-bottom: 50px;
}
.lineup-message {
text-align: center;
font-size: 0.8rem;
color: #ffffff80;
max-width: 700px;
margin: 0 auto;
padding: 20px;
line-height: 1.6;
text-transform: uppercase;
word-spacing: 50%;
}
.px-3 {
padding-inline: 20px;
}
@media (max-width:990px) {
.line-up-page {
padding-top: 60px;
}
}
/* .about-page {
background: #1a0033 url(../image/MJF-Banner.jpg) no-repeat bottom center / cover fixed;
position: relative;
&::before {
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -1;
background: #1a0033ab;
}
} */
.page__banner.About-Banner {
height: 90vh;
display: flex;
justify-content: center;
align-items: stretch;
gap: 1px;
position: relative;
background: none !important;
padding: 0;
h1 {
font-size: clamp(2.5rem, 1.1364rem + 6.8182vw, 6.25rem);
font-weight: 600;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
i {
font-style: italic;
color: #bf00ff;
}
}
&::after {
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -2;
background: #fff;
}
&::before {
display: none;
}
.artist-box {
height: 100%;
position: relative;
overflow: hidden;
&::after {
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: linear-gradient(to top, white, #9900cca8);
transition: opacity 0.7s ease-in-out;
pointer-events: none;
z-index: 1;
}
/* Second layer for the hover state */
&::before {
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: linear-gradient(to top, white, #9900cc00);
opacity: 0;
transition: opacity 0.7s ease-in-out;
pointer-events: none;
z-index: 1;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.7s ease-in-out;
filter: grayscale(1);
position: relative;
z-index: 0;
}
&:hover {
&::after {
opacity: 0;
}
&::before {
opacity: 1;
}
img {
scale: 1.1;
filter: grayscale(0);
}
}
}
}
.page__wrapper:has(.page__banner.About-Banner) {
margin-top: 0;
}
.About-wrapper .container {
width: 100%;
margin: 0 auto;
max-width: 1200px;
padding-inline: 15px;
}
.heritage-section {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(40px, 8vw, 120px);
align-items: start;
padding-block: clamp(1.875rem, 0.7386rem + 5.6818vw, 5rem);
.left-column {
display: flex;
flex-direction: column;
gap: clamp(16px, 2vw, 24px);
}
.heritage-label {
font-size: clamp(10px, 1.2vw, 12px);
font-weight: 600;
letter-spacing: 0.25em;
text-transform: uppercase;
color: #bf00ff;
margin-bottom: clamp(4px, 0.5vw, 8px);
}
.main-title {
font-size: clamp(36px, 6vw, 72px);
font-weight: 500;
line-height: 1.05;
letter-spacing: -0.02em;
background: #bf00ff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.established {
font-size: clamp(9px, 1vw, 11px);
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #bf00ff77;
margin-top: clamp(20px, 3vw, 40px);
}
.right-column {
display: flex;
flex-direction: column;
gap: clamp(20px, 2.5vw, 28px);
padding-top: clamp(4px, 0.8vw, 12px);
}
.lead-text {
font-size: clamp(18px, 2.2vw, 24px);
font-weight: 500;
line-height: 1.5;
color: #bf00ff;
letter-spacing: -0.01em;
}
.body-text {
font-size: clamp(14px, 1.6vw, 17px);
font-weight: 400;
line-height: 1.7;
color: #6b7280;
}
.divider {
width: clamp(48px, 6vw, 80px);
height: clamp(2px, 0.3vw, 3px);
background: #bf00ff65;
margin-top: clamp(32px, 5vw, 56px);
border-radius: 2px;
}
}
/* Tablet Breakpoint */
@media (max-width: 968px) {
.heritage-section {
grid-template-columns: 1fr;
gap: clamp(32px, 6vw, 48px);
}
.left-column {
text-align: center;
align-items: center;
}
.right-column {
text-align: center;
align-items: center;
padding-top: 0;
}
.main-title {
font-size: clamp(40px, 10vw, 64px);
}
.body-text {
max-width: 600px;
}
}
/* Mobile Breakpoint */
@media (max-width: 480px) {
.heritage-section {
gap: 28px;
}
.main-title {
font-size: clamp(32px, 11vw, 40px);
line-height: 1.1;
}
.lead-text {
font-size: 17px;
line-height: 1.45;
}
.body-text {
font-size: 15px;
line-height: 1.6;
}
.divider {
margin-top: 24px;
}
}
/* Large Desktop */
@media (min-width: 1400px) {
.heritage-section {
max-width: 1400px;
gap: 160px;
}
.main-title {
font-size: 80px;
}
}
/* Smooth transitions */
.heritage-section,
.main-title,
.lead-text,
.body-text {
transition: all 0.3s ease;
}
.banner-image-section {
height: 60vh;
position: relative;
overflow: hidden;
&::after {
content: '';
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: linear-gradient(to top, white, #9900cca8, white);
transition: opacity 0.7s ease-in-out;
pointer-events: none;
z-index: 1;
}
img {
height: 100%;
width: 100%;
object-fit: cover;
}
}
.stages-section {
padding-block: clamp(1.875rem, 0.7386rem + 5.6818vw, 5rem);
.section-title {
font-size: clamp(36px, 5vw, 52px);
font-weight: 500;
color: #bf00ff;
letter-spacing: -0.02em;
margin-bottom: clamp(32px, 5vw, 48px);
line-height: 1.1;
}
.stages-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(40px, 6vw, 80px);
}
.left-column {
display: flex;
flex-direction: column;
gap: clamp(32px, 4vw, 40px);
}
.intro-text {
font-size: clamp(15px, 1.8vw, 17px);
font-weight: 400;
line-height: 1.6;
color: #6b7280;
max-width: 90%;
}
.stage-item {
display: flex;
flex-direction: column;
gap: clamp(12px, 1.5vw, 16px);
}
.stage-header {
display: flex;
align-items: center;
gap: 12px;
}
.dash {
width: 20px;
height: 1px;
background-color: #bf00ff;
flex-shrink: 0;
}
.stage-name {
font-size: clamp(16px, 2vw, 18px);
font-weight: 500;
color: #bf00ff;
letter-spacing: -0.01em;
}
.stage-description {
font-size: clamp(14px, 1.6vw, 15px);
font-weight: 400;
line-height: 1.7;
color: #6b7280;
padding-left: 32px;
}
.right-column {
display: flex;
flex-direction: column;
gap: clamp(32px, 4vw, 40px);
padding-top: clamp(0px, 2vw, 20px);
}
/* Tablet Breakpoint */
@media (max-width: 768px) {
.stages-grid {
grid-template-columns: 1fr;
gap: clamp(28px, 5vw, 40px);
}
.right-column {
padding-top: 0;
}
.intro-text {
max-width: 100%;
}
.section-title {
text-align: center;
}
}
/* Mobile Breakpoint */
@media (max-width: 480px) {
.section-title {
font-size: 32px;
margin-bottom: 28px;
}
.stage-description {
padding-left: 0;
padding-top: 4px;
}
.stage-header {
gap: 10px;
}
.dash {
width: 16px;
}
}
/* Large Desktop */
@media (min-width: 1400px) {
.stages-section {
max-width: 1200px;
}
.section-title {
font-size: 56px;
}
}
/* Smooth transitions */
.stages-section,
.section-title,
.stage-name,
.stage-description {
transition: all 0.3s ease;
}
}
.dining-section {
max-width: 1100px;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(40px, 8vw, 100px);
align-items: start;
padding-block: clamp(1.875rem, 0.7386rem + 5.6818vw, 5rem);
.left-column {
display: flex;
flex-direction: column;
gap: clamp(24px, 3vw, 32px);
}
.section-title {
font-size: clamp(36px, 5vw, 52px);
font-weight: 500;
color: #bf00ff;
letter-spacing: -0.02em;
line-height: 1.1;
}
.intro-text {
font-size: clamp(15px, 1.8vw, 17px);
font-weight: 400;
line-height: 1.7;
color: #6b7280;
}
.right-column {
background-color: #ffffff;
border-radius: 4px;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
padding: clamp(28px, 4vw, 40px);
position: relative;
overflow: hidden;
}
.right-column::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: linear-gradient(180deg, #bf00ff 0%, #d946ef 100%);
}
.venues-list {
display: flex;
flex-direction: column;
gap: clamp(24px, 3vw, 28px);
}
.venue-item {
display: flex;
flex-direction: column;
gap: 8px;
}
.venue-name {
font-size: clamp(11px, 1.2vw, 12px);
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #bf00ff;
}
.venue-description {
font-size: clamp(14px, 1.5vw, 15px);
font-weight: 400;
line-height: 1.6;
color: #6b7280;
}
.access-note {
margin-top: clamp(24px, 3vw, 32px);
padding-top: clamp(20px, 2.5vw, 24px);
border-top: 1px solid #f3f4f6;
font-size: clamp(9px, 1vw, 10px);
font-weight: 600;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #a855f7;
}
}
/* Tablet Breakpoint */
@media (max-width: 768px) {
.dining-section {
grid-template-columns: 1fr;
gap: clamp(32px, 6vw, 48px);
}
.left-column {
text-align: center;
align-items: center;
}
.intro-text {
max-width: 600px;
}
}
/* Mobile Breakpoint */
@media (max-width: 480px) {
.section-title {
font-size: 32px;
}
.right-column {
padding: 24px;
}
.right-column::before {
width: 3px;
}
.venues-list {
gap: 20px;
}
}
/* Smooth transitions */
.dining-section,
.section-title,
.venue-name,
.venue-description {
transition: all 0.3s ease;
}