body .container {
padding: 0 16px; max-width: 100%;
position: relative;
z-index: 1;
}
@media only screen and (min-width: 576px) {
body .container {
max-width: 540px;
}
}
@media only screen and (min-width: 768px) {
body .container {
max-width: 760px;
}
}
@media only screen and (min-width: 992px) {
body .container {
max-width: 990px;
}
}
@media only screen and (min-width: 1200px) {
body .container {
max-width: 1140px;
}
}
@media only screen and (min-width: 1400px) {
body .container {
max-width: 1320px;
}
}
.otgs-development-site-front-end {
display: none;
}
@media only screen and (max-width: 1239px) {
#Header ul.menu > li > a,
#Top_bar .menu > li > a,
#Top_bar #menu ul li.submenu .menu-toggle {
opacity: 1;
}
} .widgets_wrapper .container .column .widget_nav_menu {
justify-content: center;
display: flex;
flex-direction: column;
align-items: center;
}
.widgets_wrapper .container .column .widget_nav_menu ul {
list-style: none;
padding: 0;
background: transparent;
}
.widgets_wrapper .container .column .widget_nav_menu ul li {
text-align: center;
}
.widgets_wrapper .container .column .widget_nav_menu ul li::after {
display: none;
}
.mfn-footer .footer_copy {
border-top: none;
}
.footer-social-media-icons img {
width: 35px;
height: 35px;
}
.widgets_wrapper.rs-custom-widgets {
padding-top: 0 !important;
}
.widgets_wrapper.rs-custom-widgets {
padding-top: 0 !important;
}
.rs-sep {
width: 100%;
border-top: 1px solid;
}
.mcb-column-inner.betheme-child-rs-sidebar-1 figure,
.mcb-column-inner.betheme-child-rs-sidebar-2 figure,
.mcb-column-inner.betheme-child-rs-sidebar-2 img {
max-width: 200px;
}
#Footer .widgets_wrapper {
max-width: calc(100% - 10rem);
width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.mcb-column-inner.betheme-child-rs-sidebar-1 .widget_block .wp-block-group {
display: flex;
flex-direction: column;
}
} .two-cols-row {
padding: 50px 0 20px;
}
.two-cols-row:nth-child(2n) {
background: #ebf264;
}
.two-cols-content > * {
padding-bottom: 30px;
} body.page-template-about-2022 .two-cols-row {
padding: 44px 0 96px;
background: #ebf264;
}
body.page-template-about-2022 .hero-secondary-section h1:last-child {
margin-bottom: 0;
}
body.page-template-about-2022 .two-cols-row > .container {
width: 100%;
max-width: 1320px;
padding: 0 24px;
box-sizing: border-box;
}
body.page-template-about-2022 .two-cols-content > * {
min-width: 0;
padding-bottom: 0;
}
body.page-template-about-2022 .two-cols-content h2 {
margin: 0;
padding: 0;
}
body.page-template-about-2022 .two-cols-content p {
margin: 0 0 15px;
}
body.page-template-about-2022 .two-cols-content iframe {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
margin-top: 4px;
box-shadow: 0 14px 30px rgba(60, 34, 45, 0.25);
}
body.page-template-about-2022 .two-cols-content a {
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.5px;
}
body.page-template-about-2022 .two-cols-content a:focus-visible {
outline: 3px solid #3c222d;
outline-offset: 3px;
}
@media (max-width: 767px) {
body.page-template-about-2022 .two-cols-row {
padding: 32px 0 64px;
}
body.page-template-about-2022 .two-cols-content h2 {
margin-bottom: 16px;
}
body.page-template-about-2022 .two-cols-content > * + * {
margin-top: 30px;
}
}
@media only screen and (min-width: 768px) {
.two-cols-content > * {
width: calc(50% - 15px);
}
.two-cols-content {
display: flex;
justify-content: space-between;
}
.two-cols-row:nth-child(2n) .two-cols-content {
flex-direction: row-reverse;
}
}
.hero-secondary-section {
padding: 30px 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
min-height: 350px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 4rem;
margin-top: 0;
box-sizing: border-box;
}
.hero-secondary-section::after {
content: "";
left: 0;
top: 0;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.3);
width: 100%;
}
.hero-secondary-section .hero-content {
max-width: 550px;
margin: auto;
}
.wrapper {
width: 100%;
}
.hero-secondary-section h1,
.hero-secondary-section h5 {
text-align: center;
color: #fff;
}
@media only screen and (min-width: 992px) {
.hero-secondary-section {
padding: 70px 0;
}
}
.blog_wrapper article .post-desc {
text-align: left;
padding-left: 0;
}
.blog_wrapper article {
background-color: #e3e3e3;
border-radius: 10px;
margin: 0 0 40px;
}
.blog_wrapper article .post-desc-wrapper .post-desc {
padding: 25px;
}
@media only screen and (min-width: 768px) {
.blog_wrapper article .post-desc-wrapper .post-desc {
padding: 25px 50px;
}
}
header .social {
display: flex;
gap: 0.5em;
padding: 0 0.5em;
}
.rs_post_sidebar .wp-block-heading {
padding: 1em 16px 0.7em;
line-height: 1;
border-top-left-radius: 10px !important;
border-top-right-radius: 10px !important;
}
.rs_post_sidebar .wp-block-embed iframe {
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
}
.sponsors-section {
background-color: #ebf264;
padding: 30px 0 0;
}
.sponsors-section .fourgrid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sponsors-section .fourgrid .fourgrid-item {
width: calc(50% - 15px);
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} @media only screen and (min-width: 768px) {
.sponsors-section {
padding: 65px 0 35px;
}
.sponsors-section .fourgrid .fourgrid-item {
width: calc(33% - 20px);
}
.sponsors-section
.fourgrid
.fourgrid-item:nth-child(2n + 1):not(:last-child) {
margin-right: 0;
}
.sponsors-section
.fourgrid
.fourgrid-item:not(:nth-child(3n)):not(:last-child) {
margin-right: 30px;
}
}
@media only screen and (min-width: 992px) {
.sponsors-section .fourgrid .fourgrid-item {
width: calc(20% - 40px);
}
.sponsors-section
.fourgrid
.fourgrid-item:not(:nth-child(3n)):not(:last-child) {
margin-right: 0;
}
.sponsors-section
.fourgrid
.fourgrid-item:not(:nth-child(5n)):not(:last-child) {
margin-right: 30px;
}
}
#Top_bar .wpml-languages a.active {
border: none;
}
.accordions,
.accordions button span,
.accordions p {
text-align: left;
width: 100%;
}
.accordions button span {
color: #fff;
}
.accordions .acc-wrap {
margin-bottom: 25px !important;
}
.accordions .acc-top {
-webkit-transition: 0.4s;
transition: 0.4s;
font-weight: 700;
padding: 13px 25px;
cursor: pointer;
position: relative;
}
.accordions .button.acc-top {
padding: 0;
width: 100%;
text-align: left;
text-transform: none;
}
.accordions .button.acc-top.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.accordions .button.acc-top .button-content {
padding: 10px 55px 10px 25px;
white-space: initial;
line-height: 1.5em;
}
.accordions .acc-top::after {
content: "";
border: solid #fff;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 7px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
right: 25px;
top: calc(50% - 12px);
}
.accordions .acc-body {
padding: 20px 30px;
display: none;
overflow: hidden;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: lightgray;
}
.accordions .acc-body p {
margin-bottom: 25px !important;
}
.container .post-content {
max-width: 800px;
margin: auto;
}
.mobile-tickets-btn {
display: none;
background-color: var(--mfn-button-action-bg);
background-image: var(--mfn-button-action-bg-image);
border-color: var(--mfn-button-action-border-color);
color: var(--mfn-button-action-color);
box-shadow: var(--mfn-button-action-box-shadow);
width: fit-content;
margin-left: 25px;
margin-bottom: 10px;
padding: 12px 25px;
}
.wpml-ls-statics-shortcode_actions {
display: none;
}
@media (max-width: 768px) {
.menu_wrapper:has(a.responsive-menu-toggle.active) .mobile-tickets-btn,
.menu_wrapper:has(a.responsive-menu-toggle.active)
.wpml-ls-statics-shortcode_actions {
display: block !important;
}
}
.listing-block,
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 20px;
row-gap: 40px;
padding: 20px 5%;
}
.listing-block .one-third.column,
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid
.c-card-wrap {
width: auto;
float: none;
margin: 0;
padding: 30px 2%;
position: relative;
}
.artist-thumbnail {
display: flex;
flex-direction: column;
background-color: #000;
border-radius: 10px;
height: 100%;
}
.listing-block .artist-thumbnail .ribbon-caption {
display: flex;
justify-content: center;
align-items: center;
padding: 20px 40px;
}
.listing-block .artist-thumbnail .ribbon-caption a {
text-align: center;
text-decoration: none;
display: flex;
flex-direction: column;
gap: 8px;
}
.listing-block .artist-thumbnail .ribbon-caption a span {
font-size: clamp(30px, 40px, 40px);
line-height: 60px;
font-weight: 700;
letter-spacing: 0;
}
.listing-block .artist-thumbnail .ribbon-caption a span.title-date {
font-size: 16px;
line-height: 1;
font-weight: normal;
letter-spacing: 0;
}
.listing-block .artist-thumbnail img,
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid
.c-card-wrap
.card-img-wrap
img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
object-fit: cover;
margin: 0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
) {
padding: 0;
}
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid
.c-card-wrap
.card-info-wrap {
display: flex;
justify-content: center;
align-items: center;
padding: 20px 40px;
flex-direction: column;
}
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid
.c-card-wrap
.card-info-wrap
> * {
color: #fd6d01;
}
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid
.c-card-wrap {
background-color: black;
padding: 0;
border-radius: 10px;
text-decoration: none;
}
.c-card-wrap.expired {
opacity: 0.5;
} @media (min-width: 1025px) {
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
) {
padding: 80px 0;
}
#artists .one-third.column:nth-child(3n + 2),
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid
.c-card-wrap:nth-child(3n + 2) {
top: -100px;
}
#artists .one-third.column:nth-child(3n),
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid
.c-card-wrap:nth-child(3n) {
top: -45px;
}
} @media (max-width: 1024px) {
.listing-block,
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#artists .one-third.column:nth-child(3n + 2),
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid
.c-card-wrap:nth-child(3n + 2) {
top: 0;
}
#artists .one-third.column:nth-child(3n),
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid
.c-card-wrap:nth-child(3n) {
top: 0;
}
#artists .one-third.column:nth-child(2n),
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid
.c-card-wrap:nth-child(2n) {
position: relative;
top: -45px;
}
} @media (max-width: 768px) {
.listing-block,
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid {
grid-template-columns: minmax(0, 1fr);
}
.listing-block .artist-thumbnail .ribbon-caption a span {
font-size: clamp(25px, 30px, 35px);
line-height: 35px;
}
.listing-block .artist-thumbnail .ribbon-caption a span.title-date {
font-size: 13px;
}
#artists .one-third.column:nth-child(3n + 2),
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid
.c-card-wrap:nth-child(3n + 2),
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid
.c-card-wrap:nth-child(2n) {
top: 0;
}
.listing-block {
gap: 0;
}
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid {
gap: 30px;
}
.listing-block .one-third.column {
padding: 15px 2%;
}
}
#artists .mcb-wrap:has(img),
#artists .one-third.column,
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.c-card-wrap {
transition: transform 0.3s ease;
}
#artists .mcb-wrap:has(img):hover,
#artists .one-third.column:hover,
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.c-card-wrap:hover {
transform: translateY(-8px);
}
.listing-block .artist-thumbnail .ribbon-caption {
flex: 1;
}
.mcb-sidebar .widget::after {
border: none;
}
.tickets-section {
padding: 35px 0;
}
.single-event .tickets-section .img-and-text-wrap {
display: flex;
justify-content: space-between;
}
.single-event .tickets-section .img-and-text-wrap .img-wrap,
.single-event .tickets-section .img-and-text-wrap .text-wrap {
width: calc(50% - 45px);
}
.single-event .tickets-section .img-and-text-wrap .img-wrap {
margin-bottom: 20px;
}
.single-event .tickets-section .img-and-text-wrap .img-wrap img {
width: 100%;
border-radius: 10px;
}
.single-event .tickets-section .img-and-text-wrap .text-wrap > * {
max-width: 400px;
display: block;
width: fit-content;
}
.single-event .tickets-section .img-and-text-wrap .text-wrap h2 {
line-height: 1;
}
.single-event .offers-section {
background: #3c222d;
padding: 48px 0;
}
.single-event .offers-section .title-wrap {
max-width: 60%;
margin: auto;
padding-bottom: 45px;
font-weight: bold;
text-align: center;
}
.single-event .offers-section .title-wrap h2 {
color: #ebf264;
text-align: center;
text-transform: uppercase;
}
.single-event .offers-section .title-wrap p {
color: #fff;
}
.rs-custom-widgets .container {
padding-top: 1em;
}
footer .site-socials {
display: flex;
gap: 1em;
}
footer .site-socials ul.social {
display: flex;
gap: 1em;
justify-content: center;
align-items: center;
}
@media (max-width: 768px) {
.single-event .tickets-section .img-and-text-wrap {
flex-direction: column;
}
.single-event .tickets-section .img-and-text-wrap .text-wrap > * {
max-width: 100%;
}
.single-event .tickets-section .img-and-text-wrap .img-wrap,
.single-event .tickets-section .img-and-text-wrap .text-wrap {
width: 100%;
}
footer .site-socials {
flex-direction: column;
align-items: center;
padding-bottom: 1em;
}
.rs-custom-widgets .container .column {
align-items: center;
display: flex;
justify-content: center;
}
}
body.search main .mfn-grid-item-desc {
padding: 25px 50px;
}
header .wpml-lang-dropdown {
border: none;
}
body.single-event .tickets-section.wrapper .text-wrap a.button.btn-secondary {
margin-top: 1em;
}
body.single-event .offers-section.wrapper .container {
display: flex;
flex-direction: column;
} #Footer .widgets_wrapper {
padding-top: 14px !important;
padding-bottom: 14px !important;
}
#Footer .widgets_wrapper.rs-custom-widgets {
padding-top: 0 !important;
padding-bottom: 14px !important;
}
#Footer .rs-custom-widgets .container {
padding-top: 0.7em;
}
#Footer .footer_copy {
padding-top: 7px !important;
padding-bottom: 7px !important;
}
#Footer h4 {
text-transform: uppercase;
font-size: 20px;
}
.widgets_wrapper.rs-custom-widgets .widget {
margin: 0;
}
.footer_copy .copyright {
font-size: 13px;
} @media only screen and (max-width: 767px) {
#Footer .widgets_wrapper {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
#Footer .widgets_wrapper.rs-custom-widgets {
padding-top: 0 !important;
padding-bottom: 10px !important;
}
#Footer .rs-custom-widgets .container {
padding-top: 0.65em;
}
#Footer .footer_copy {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
#Footer .widget {
margin-bottom: 15px !important;
}
#Footer h4 {
font-size: 17px;
}
#Footer ul:not(.social) {
font-size: 15px;
}
.footer_copy .copyright {
font-size: 11px;
}
}  #Footer .social i {
font-size: 20px !important;
} #artists .artists-by-term:has(.sofia-lineup-item) {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
padding: 20px 0;
}
#artists .artists-by-term > .sofia-lineup-item {
width: auto;
min-width: 0;
margin: 0;
padding: 0;
float: none;
top: auto;
}
#artists .artists-by-term:has(.sofia-lineup-item) > .clear {
display: none;
}
#artists .sofia-lineup-card {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
border-radius: 12px;
background: #000;
color: #fff;
text-decoration: none;
font-family: inherit;
}
#artists .sofia-lineup-card__image {
overflow: hidden;
}
#artists .sofia-lineup-card__image img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1;
object-fit: cover;
transition: transform 0.3s ease;
}
#artists .sofia-lineup-card__content {
display: flex;
flex: 1;
flex-direction: column;
gap: 28px;
padding: 24px 20px 20px;
}
#artists .sofia-lineup-card__title {
margin: 0;
color: inherit;
font-size: inherit;
line-height: inherit;
font-weight: 700;
}
#artists .sofia-lineup-card__date {
margin: auto 0 0;
color: inherit;
font: inherit;
}
@media (hover: hover) {
#artists a.sofia-lineup-card:hover .sofia-lineup-card__image img {
transform: scale(1.04);
}
}
#artists a.sofia-lineup-card:focus-visible {
outline: 3px solid currentColor;
outline-offset: 4px;
}
@media (max-width: 991px) {
#artists .artists-by-term:has(.sofia-lineup-item) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 575px) {
#artists .artists-by-term:has(.sofia-lineup-item) {
grid-template-columns: minmax(0, 1fr);
}
}
@media (prefers-reduced-motion: reduce) {
#artists .sofia-lineup-card__image img {
transition: none;
}
#artists a.sofia-lineup-card:hover .sofia-lineup-card__image img {
transform: none;
}
}
@media (min-width: 992px) {
#artists .sofia-lineup-card__image img {
aspect-ratio: 1.2;
}
#artists .sofia-lineup-card__content {
gap: 20px;
padding: 18px 20px;
}
}
@media (max-width: 575px) {
#artists .sofia-lineup-card__image img {
aspect-ratio: 1.2;
}
#artists .sofia-lineup-card__content {
gap: 16px;
padding: 16px;
}
} .blog-home-section .blog_wrapper .image_wrapper > a,
body.blog .blog_wrapper .image_wrapper > a,
.search-results-grid .mfn-grid-item-image {
display: block;
}
.blog-home-section .blog_wrapper .image_wrapper img,
body.blog .blog_wrapper .image_wrapper img,
.search-results-grid .mfn-grid-item-image > img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
.search-results-grid .mfn-grid-item-image > img {
aspect-ratio: 1;
}
.blog-home-section .blog_wrapper .image_wrapper img,
body.blog .blog_wrapper .image_wrapper img {
aspect-ratio: 3/2;
}
@media (min-width: 992px), (max-width: 575px) {
.search-results-grid .mfn-grid-item-image > img {
aspect-ratio: 1.2;
}
}  body.blog #Content {
background: #ebf264;
}
body:is(.blog, .page-template-about-2022, .page-template-history-2022, .page-template-sponsors-2022, .page-template-artists-2022, .page-id-83, .page-id-106, .page-id-110, .page-id-116, .page-id-764, .page-id-766, .page-id-147, .page-id-517, .page-template-offers-2022, .page-template-overall-tickets-2022) .hero-secondary-section {
margin-bottom: 0;
padding: 70px 24px;
}
body:is(.blog, .page-template-about-2022, .page-template-history-2022, .page-template-sponsors-2022, .page-template-artists-2022, .page-id-83, .page-id-106, .page-id-110, .page-id-116, .page-id-764, .page-id-766, .page-id-147, .page-id-517, .page-template-offers-2022, .page-template-overall-tickets-2022) .hero-secondary-section::after {
background: transparent;
}
body:is(.blog, .page-template-about-2022, .page-template-history-2022, .page-template-sponsors-2022, .page-template-artists-2022, .page-id-83, .page-id-106, .page-id-110, .page-id-116, .page-id-764, .page-id-766, .page-id-147, .page-id-517, .page-template-offers-2022, .page-template-overall-tickets-2022) .hero-secondary-section .hero-content {
max-width: 640px;
}
body:is(.blog, .page-template-about-2022, .page-template-history-2022, .page-template-sponsors-2022, .page-template-artists-2022, .page-id-83, .page-id-106, .page-id-110, .page-id-116, .page-id-764, .page-id-766, .page-id-147, .page-id-517, .page-template-offers-2022, .page-template-overall-tickets-2022) .hero-secondary-section h1 {
margin-bottom: 16px;
letter-spacing: -0.01em; text-transform: uppercase;
}
body:is(.blog, .page-template-about-2022, .page-template-history-2022, .page-template-sponsors-2022, .page-template-artists-2022, .page-id-83, .page-id-106, .page-id-110, .page-id-116, .page-id-764, .page-id-766, .page-id-147, .page-id-517, .page-template-offers-2022, .page-template-overall-tickets-2022) .hero-secondary-section h5 {
margin: 0;
font-size: 18px;
line-height: 28px;
font-weight: 600;
}
body.blog .blog_wrapper .post-item {
background: #fff !important;
border: 0 !important;
border-radius: 10px !important;
overflow: hidden;
box-shadow: 0 12px 26px rgba(60, 34, 45, 0.16);
}
body.blog .rs_post_sidebar .sidebar-heading {
background-color: #3c222d !important;
color: #ebf264 !important;
padding: 6px 10px;
font-size: 22px;
line-height: 1.3;
font-weight: 800;
text-transform: uppercase;
} @media (min-width: 768px) {
body.blog .mcb-sidebar .widget-area {
position: sticky;
top: 100px; padding-bottom: 20px;
}
body.blog.admin-bar .mcb-sidebar .widget-area {
top: 132px;
}
}
@media (min-width: 768px) and (max-width: 782px) {
body.blog.admin-bar .mcb-sidebar .widget-area {
top: 146px;
}
}
body.blog .blog_wrapper a:focus-visible {
outline: 3px solid #3c222d;
outline-offset: 3px;
}
body.search .search-results-grid .mfn-grid-item {
background: #fff !important;
border: 0 !important;
border-radius: 10px !important;
overflow: hidden;
} body.blog .blog_wrapper .image_wrapper,
body.blog .blog_wrapper .image_frame,
body.search .search-results-grid .mfn-grid-item-image {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
} body.blog .blog_wrapper .post-desc-wrapper {
background: #fff !important;
}
body.blog .blog_wrapper .post-desc {
padding: 26px 50px 34px !important;
background: #fff !important;
color: #3c222d !important;
text-align: left !important;
}
body.search .search-results-grid .mfn-grid-item-desc {
padding: 26px 50px 34px !important;
background: #fff !important;
color: #3c222d !important;
text-align: left !important;
}
body.search .search-results-grid .mfn-grid-item-desc {
align-items: stretch !important;
gap: 0 !important;
} body.blog .blog_wrapper .post-head,
body.blog .blog_wrapper .post-meta,
body.blog .blog_wrapper .author-date {
margin: 0 !important;
padding: 0 !important;
}
body.blog .blog_wrapper .post-head,
body.search .search-results-grid .mfn-grid-item-date {
margin-bottom: 10px !important;
}
body.blog .blog_wrapper .post-meta,
body.blog .blog_wrapper .post-meta .date,
body.blog .blog_wrapper .post-date {
color: #7a4b62 !important;
font-size: 17px !important;
font-weight: 400 !important;
line-height: 26px !important;
}
body.blog .blog_wrapper .post-meta .icon-clock::before {
content: "\e826";
}
body.search .search-results-grid .mfn-grid-item-date {
color: #7a4b62 !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 27px !important;
} body.blog .blog_wrapper .post-title {
margin: 0 0 12px !important;
}
body.blog .blog_wrapper .entry-title,
body.search .search-results-grid .mfn-grid-item-title {
margin: 0 !important;
padding: 0 !important;
}
body.search .search-results-grid .mfn-grid-item-title {
margin-bottom: 18px !important;
}
body.blog .blog_wrapper .entry-title,
body.blog .blog_wrapper .entry-title a {
line-height: 26px !important;
letter-spacing: normal !important;
text-transform: none !important;
}
body.blog .blog_wrapper .entry-title a:hover {
text-decoration: underline;
text-underline-offset: 3px;
}
body.search .search-results-grid .mfn-grid-item-title,
body.search .search-results-grid .mfn-grid-item-title a {
color: #3c222d !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 27px !important;
letter-spacing: normal !important;
text-transform: none !important;
} body.blog .blog_wrapper .post-excerpt,
body.search .search-results-grid .mfn-grid-item-excerpt {
margin: 0 !important;
}
body.blog .blog_wrapper .post-excerpt,
body.blog .blog_wrapper .post-excerpt p {
color: #5e4a55 !important;
font-size: 17px !important;
font-weight: 400 !important;
line-height: 26px !important;
}
body.search .search-results-grid .mfn-grid-item-excerpt,
body.search .search-results-grid .mfn-grid-item-excerpt p {
color: #5e4a55 !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 27px !important;
}
body.blog .blog_wrapper .post-excerpt p,
body.search .search-results-grid .mfn-grid-item-excerpt p {
margin: 0 !important;
} body.blog .blog_wrapper .post-footer {
float: none !important;
width: 100%;
margin: 24px 0 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-sizing: border-box;
}
body.blog .blog_wrapper .post-footer .button-love {
display: none !important;
}
body.blog .blog_wrapper .post-footer .post-links {
float: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
text-align: right !important;
} body.blog .blog_wrapper .post-more,
body.blog .blog_wrapper .read-more-icon {
font-size: 17px !important;
font-weight: 600 !important;
line-height: 26px !important;
}
body.blog .blog_wrapper .post-more {
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.5px;
}
body.search .search-results-grid .mfn-grid-item-desc > .button {
color: #3c222d !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 27px !important;
}
body.blog .blog_wrapper .post-more,
body.search .search-results-grid .mfn-grid-item-desc > .button {
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
text-transform: none !important;
letter-spacing: normal !important;
}
body.search .search-results-grid .mfn-grid-item-desc > .button {
align-self: flex-end !important;
margin: 32px 0 0 !important;
} #Wrapper #Header { min-height: var(--sofia-header-height, 72px);
background: inherit;
}
#Header #Top_bar {
background: inherit !important;
}
#Header #Top_bar .action_button,
#Header #Top_bar .mobile-tickets-btn {
text-transform: uppercase;
}
#Header #Top_bar #menu > ul > li > a {
text-transform: uppercase;
} @media (min-width: 1240px) {
#Header {
--sofia-header-height: 100px;
--sofia-sticky-height: 76px;
--sofia-logo-width: clamp(260px, 22vw, 320px);
--sofia-duration: 0.3s;
--sofia-easing: ease;
} #Header #Top_bar {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0;
width: 100% !important;
max-width: none !important;
height: var(--sofia-header-height) !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: inherit !important;
opacity: 1 !important;
transform: none !important;
box-sizing: border-box;
z-index: 1000;
transition: height var(--sofia-duration) var(--sofia-easing),
background-color var(--sofia-duration) var(--sofia-easing) !important;
}
body.admin-bar #Header #Top_bar {
top: 32px !important;
}
#Header #Top_bar.is-sticky {
height: var(--sofia-sticky-height) !important;
}
#Header .header_placeholder {
display: block !important;
height: var(--sofia-header-height) !important;
margin: 0 !important;
padding: 0 !important;
background: inherit;
} #Header #Top_bar > .container {
position: absolute !important;
top: 50% !important;
left: 0;
width: 100% !important;
max-width: none !important;
height: var(--sofia-header-height) !important;
margin: 0 !important;
padding: 0 28px;
transform: translateY(-50%) !important;
box-sizing: border-box;
transition: none !important;
}
#Header #Top_bar > .container > .column {
position: static;
display: flex;
align-items: center;
gap: 20px;
float: none;
width: 100%;
height: var(--sofia-header-height) !important;
margin: 0 !important;
padding: 0;
transition: none !important;
}
#Header #Top_bar > .container::before,
#Header #Top_bar > .container::after,
#Header #Top_bar > .container > .column::before,
#Header #Top_bar > .container > .column::after,
#Header #Top_bar .top_bar_left::before,
#Header #Top_bar .top_bar_left::after {
display: none;
} #Header #Top_bar .top_bar_left {
position: static;
display: flex;
align-items: center;
flex: 1 1 auto;
float: none;
width: auto !important;
min-width: 0;
height: var(--sofia-header-height) !important;
margin: 0;
padding: 0;
background: transparent !important;
transition: none !important;
} #Header #Top_bar .logo {
position: static;
flex: 0 0 var(--sofia-logo-width);
float: none;
width: var(--sofia-logo-width) !important;
height: var(--sofia-header-height) !important;
margin: 0 !important;
padding: 0 !important;
transition: none !important;
}
#Header #Top_bar #logo {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100% !important;
height: var(--sofia-header-height) !important;
margin: 0 !important;
padding: 0 !important;
line-height: normal !important;
box-sizing: border-box;
transition: none !important;
}
#Header #Top_bar #logo img.logo-main {
display: block !important;
width: 100% !important;
height: 80px !important;
max-width: none !important;
max-height: none !important;
object-fit: contain;
object-position: left center;
transform: scale(1) !important;
transform-origin: left center;
transition: transform var(--sofia-duration) var(--sofia-easing) !important;
}
#Header #Top_bar.is-sticky #logo img.logo-main {
transform: scale(0.86) !important;
}
#Header #Top_bar #logo img.logo-sticky,
#Header #Top_bar #logo img.logo-mobile,
#Header #Top_bar #logo img.logo-mobile-sticky {
display: none !important;
} #Header #Top_bar .menu_wrapper {
position: static;
display: flex;
align-items: center;
justify-content: center;
flex: 1 1 auto;
float: none;
clear: none;
min-width: 0;
height: var(--sofia-header-height) !important;
margin: 0;
padding: 0;
transition: none !important;
}
#Header #Top_bar #menu {
position: static;
width: auto;
height: var(--sofia-header-height) !important;
margin: 0;
padding: 0;
transition: none !important;
}
#Header #Top_bar #menu > ul {
display: flex;
align-items: center;
float: none;
height: var(--sofia-header-height) !important;
margin: 0;
padding: 0;
transition: none !important;
}
#Header #Top_bar #menu > ul > li {
position: relative;
display: flex;
align-items: center;
float: none;
height: var(--sofia-header-height) !important;
margin: 0 !important;
padding: 0 !important;
transition: none !important;
}
#Header #Top_bar #menu > ul > li > a:not(.menu-toggle) {
display: flex;
align-items: center;
height: var(--sofia-header-height) !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.4 !important;
box-sizing: border-box;
transition: color 0.2s ease !important;
}
#Header #Top_bar #menu > ul > li > a > span:not(.description) {
display: block;
margin: 0 !important;
padding: 0 clamp(10px, 1.1vw, 22px);
line-height: 1.4 !important;
white-space: nowrap;
transition: none !important;
} #Header #Top_bar #menu > ul > li > .sub-menu {
top: var(--sofia-header-height) !important;
border: 0;
box-shadow: 0 8px 24px rgb(0 0 0 / 14%);
transition: top var(--sofia-duration) var(--sofia-easing) !important;
}
#Header #Top_bar.is-sticky #menu > ul > li > .sub-menu {
top: calc(
(var(--sofia-header-height) + var(--sofia-sticky-height)) / 2
) !important;
} #Header #Top_bar .top_bar_right {
position: static !important;
display: flex;
align-items: center;
flex: 0 0 auto;
float: none;
width: auto !important;
height: var(--sofia-header-height) !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
transition: none !important;
}
#Header #Top_bar .top_bar_right::before {
display: none !important;
}
#Header #Top_bar .top_bar_right_wrapper {
position: static !important;
display: flex;
align-items: center;
gap: 18px;
height: var(--sofia-header-height) !important;
margin: 0;
padding: 0;
transform: none !important;
transition: none !important;
}
#Header #Top_bar .top_bar_right_wrapper > * {
float: none;
flex-shrink: 0;
margin: 0 !important;
} #Header #Top_bar .action_button {
position: static;
display: inline-flex;
align-items: center;
justify-content: center;
height: 48px;
margin: 0 !important;
padding: 0 30px !important;
line-height: 1 !important;
white-space: nowrap;
box-sizing: border-box;
transition: background-color 0.2s ease, color 0.2s ease !important;
} #Header #Top_bar .top_bar_right .social {
display: flex;
align-items: center;
gap: 10px;
padding: 0 !important;
list-style: none;
}
#Header #Top_bar .top_bar_right .social li {
margin: 0 !important;
padding: 0;
}
#Header #Top_bar .top_bar_right .social li a {
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 18px !important;
line-height: 1 !important;
} #Header #Top_bar .wpml-languages {
position: relative;
top: auto !important;
} #Header #Top_bar #search_button {
position: static !important;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 36px;
width: 36px;
height: 44px;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
transform: none !important;
}
#Header #Top_bar #search_button svg {
display: block;
width: 26px;
height: 26px;
}
#Header #Top_bar .search_wrapper {
top: var(--sofia-header-height) !important;
transition: top var(--sofia-duration) var(--sofia-easing) !important;
}
#Header #Top_bar.is-sticky .search_wrapper {
top: calc(
(var(--sofia-header-height) + var(--sofia-sticky-height)) / 2
) !important;
}
} @media (min-width: 1240px) and (prefers-reduced-motion: reduce) {
#Header {
--sofia-duration: 0s;
}
#Header #Top_bar .action_button,
#Header #Top_bar #menu > ul > li > a:not(.menu-toggle) {
transition: none !important;
}
} @media (min-width: 1240px) {
#Header
#Top_bar
#menu
> ul
> li.menu-item-has-children
> a:not(.menu-toggle)
> span:not(.description) {
padding-right: calc(clamp(10px, 1.1vw, 22px) + 14px);
}
#Header
#Top_bar
#menu
> ul
> li.menu-item-has-children
> a:not(.menu-toggle)::after {
content: "";
display: block !important;
position: absolute;
top: 48% !important;
right: 12px;
bottom: auto !important;
left: auto !important;
width: 7px;
height: 7px;
margin: 0 !important;
padding: 0;
border: 0;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
background: transparent !important;
opacity: 1 !important;
transform: translateY(-50%) rotate(45deg);
transform-origin: center;
pointer-events: none;
transition: transform 0.2s ease !important;
}
#Header
#Top_bar
#menu
> ul
> li.menu-item-has-children:hover
> a:not(.menu-toggle)::after,
#Header
#Top_bar
#menu
> ul
> li.menu-item-has-children.hover
> a:not(.menu-toggle)::after {
transform: translateY(-48%) rotate(225deg);
}
}
@media (min-width: 1240px) and (prefers-reduced-motion: reduce) {
#Header
#Top_bar
#menu
> ul
> li.menu-item-has-children
> a:not(.menu-toggle)::after {
transition: none !important;
}
} #Header #Top_bar .sofia-mobile-header-ticket,
.sofia-mobile-menu-extras {
display: none;
} @media (max-width: 1239px) {
#Header #Top_bar {
background: inherit !important;
opacity: 1 !important;
}
#Header #Top_bar > .container {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
#Header #Top_bar > .container > .column {
float: none;
width: 100%;
margin: 0 !important;
} #Header #Top_bar .top_bar_left {
position: relative !important;
top: auto !important;
float: none;
width: 100% !important;
min-height: 72px;
margin: 0;
padding: 0;
} #Header #Top_bar .logo {
position: absolute !important;
top: 0;
left: 16px;
float: none;
width: calc(100% - 176px) !important;
max-width: 260px;
height: 72px !important;
margin: 0 !important;
padding: 0 !important;
border: 0;
}
#Header #Top_bar #logo {
display: flex !important;
align-items: center;
justify-content: flex-start;
width: 100% !important;
height: 72px !important;
margin: 0 !important;
padding: 0 !important;
line-height: normal !important;
}
#Header #Top_bar #logo img.logo-mobile {
display: block !important;
width: 100% !important;
height: 60px !important;
max-width: none !important;
max-height: none !important;
object-fit: contain;
object-position: left center;
}
#Header #Top_bar #logo img.logo-main,
#Header #Top_bar #logo img.logo-sticky,
#Header #Top_bar #logo img.logo-mobile-sticky {
display: none !important;
} #Header #Top_bar .menu_wrapper {
position: static !important;
float: none;
width: 100%;
margin: 0;
padding: 72px 0 0;
} #Header #Top_bar .sofia-mobile-header-ticket {
position: absolute;
top: 14px;
right: 64px;
display: inline-flex !important;
align-items: center;
justify-content: center;
width: auto;
height: 44px;
margin: 0 !important;
padding: 0 16px !important;
border: 0;
border-radius: 24px;
background: var(--mfn-button-action-bg, #fd6d01);
color: var(--mfn-button-action-color) !important;
font-size: 13px;
line-height: 1 !important;
text-transform: uppercase;
white-space: nowrap;
box-sizing: border-box;
z-index: 202;
} #Header #Top_bar a.responsive-menu-toggle {
position: absolute !important;
top: 14px !important;
right: 12px !important;
bottom: auto !important;
left: auto !important;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin: 0 !important;
padding: 0;
line-height: 1 !important;
transform: none !important;
z-index: 202;
}
#Header #Top_bar a.responsive-menu-toggle i {
margin: 0;
font-size: 26px;
line-height: 1;
} #Header #Top_bar .top_bar_right,
#Header #Top_bar .secondary_menu_wrapper {
display: none !important;
} #Header #Top_bar #menu {
position: relative !important;
top: auto !important;
left: auto !important;
float: none;
width: 100% !important;
max-height: calc(100vh - 118px) !important;
max-height: calc(100dvh - 118px) !important;
margin: 0;
padding: 0 0 20px;
overflow-y: auto;
box-sizing: border-box;
} #Header #Top_bar #menu > ul > li > a,
#Header #Top_bar #menu .sub-menu > li > a {
text-transform: uppercase;
}
#Header #Top_bar #menu ul li.submenu > .menu-toggle {
opacity: 1;
} #Header #Top_bar #menu .sofia-mobile-menu-extras {
position: static;
display: flow-root;
float: none;
clear: both;
width: 100%;
height: auto;
padding: 20px;
box-sizing: border-box;
} #Header #Top_bar #menu .sofia-mobile-search {
position: static;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 8px;
float: none;
width: 100%;
height: auto;
min-height: 44px;
margin: 0 0 24px;
padding: 0;
box-sizing: border-box;
}
#Header #Top_bar #menu .sofia-mobile-search input[type="search"] {
position: static;
display: block;
float: none;
width: 100%;
min-width: 0;
max-width: none;
height: 44px;
margin: 0;
padding: 0 12px;
border: 1px solid #ccc;
border-radius: 4px;
background: #fff;
color: #000;
font: inherit;
font-size: 16px;
box-sizing: border-box;
}
#Header #Top_bar #menu .sofia-mobile-search button {
position: static;
display: flex;
align-items: center;
justify-content: center;
float: none;
width: auto;
height: 44px;
margin: 0;
padding: 0 12px;
border: 0;
border-radius: 4px;
background: var(--mfn-button-action-bg, #fd6d01);
color: var(--mfn-button-action-color) !important;
font: inherit;
box-sizing: border-box;
cursor: pointer;
} #Header #Top_bar #menu .sofia-mobile-search .screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
} #Header #Top_bar #menu .sofia-mobile-socials {
position: static;
display: block;
float: none;
clear: both;
width: 100%;
height: auto;
}
#Header #Top_bar #menu .sofia-mobile-socials .social,
#Header #Top_bar #menu .sofia-mobile-socials .social-menu {
position: static;
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 18px;
float: none;
width: 100%;
height: auto;
margin: 0 0 20px !important;
padding: 0 !important;
list-style: none;
}
#Header #Top_bar #menu .sofia-mobile-socials li {
position: static;
display: block !important;
float: none;
width: auto !important;
margin: 0 !important;
padding: 0;
border: 0;
}
#Header #Top_bar #menu .sofia-mobile-socials li > a {
position: static;
display: inline-flex !important;
align-items: center;
justify-content: center;
width: auto;
height: auto;
margin: 0 !important;
padding: 8px !important;
color: #fff;
font-size: 20px;
line-height: 1 !important;
visibility: visible !important;
opacity: 1 !important;
}
#Header #Top_bar #menu .sofia-mobile-socials li > a > i {
display: inline-block !important;
color: inherit !important;
font-size: 20px !important;
line-height: 1 !important;
visibility: visible !important;
opacity: 1 !important;
} #Header
#Top_bar
#menu
.sofia-mobile-menu-extras
.wpml-ls-statics-shortcode_actions {
position: static;
display: block !important;
float: none;
clear: both;
margin: 0;
}
#Header #Top_bar #menu .sofia-mobile-menu-extras .wpml-ls-link {
padding-left: 0 !important;
padding-right: 0 !important;
}
} #Header #Top_bar #menu a:not(.button):hover,
#Header #Top_bar #menu ul li.submenu > .menu-toggle:hover,
#Header #Top_bar #search_button:hover,
#Header #Top_bar a.responsive-menu-toggle:hover,
#Header #Top_bar .top_bar_right a:not(.button):hover,
#Header #Top_bar .secondary_menu_wrapper a:hover {
color: #ebf264 !important;
}
#Header #Top_bar .action_button:hover,
#Header #Top_bar .sofia-mobile-header-ticket:hover,
#Header #Top_bar #menu .sofia-mobile-search button:hover {
background-color: var(--mfn-button-action-bg-hover) !important;
color: var(--mfn-button-action-color-hover) !important;
}
body.search .search-results-grid .mfn-grid-item-image {
overflow: hidden;
}
body.search .search-results-grid .mfn-grid-item-image > img {
transition: transform 0.3s ease-in-out;
}
@media (hover: hover) {
body.search .search-results-grid .mfn-grid-item-image:hover > img {
transform: scale(1.1);
}
}
@media (prefers-reduced-motion: reduce) {
body.search .search-results-grid .mfn-grid-item-image > img {
transition: none;
}
} #Footer .footer-athens-logo {
flex: 0 0 auto;
}
#Footer .footer-athens-logo .widget,
#Footer .footer-athens-logo .wp-block-image {
margin: 0;
padding: 0;
border: 0;
}
#Footer .footer-athens-logo img {
display: block;
width: auto !important;
max-width: 100%;
height: 74px !important;
object-fit: contain;
} @media (max-width: 767px) { .hero-secondary-section h1 {
font-size: 48px;
line-height: 1;
}
body:is(.blog, .page-template-about-2022, .page-template-history-2022, .page-template-sponsors-2022, .page-template-artists-2022, .page-id-83, .page-id-106, .page-id-110, .page-id-116, .page-id-764, .page-id-766, .page-id-147, .page-id-517, .page-template-offers-2022, .page-template-overall-tickets-2022) .hero-secondary-section {
min-height: 350px;
padding: 70px 24px;
}
body:is(.blog, .page-template-about-2022, .page-template-history-2022, .page-template-sponsors-2022, .page-template-artists-2022, .page-id-83, .page-id-106, .page-id-110, .page-id-116, .page-id-764, .page-id-766, .page-id-147, .page-id-517, .page-template-offers-2022, .page-template-overall-tickets-2022) .hero-secondary-section > .container {
padding-right: 0;
padding-left: 0;
}
body.blog #Content .content_wrapper .section_wrapper {
padding-right: 46px;
padding-left: 46px;
}
body.blog .blog_wrapper .post-item {
margin-bottom: 40px;
}
} body.search #Subheader {
display: none;
} body.blog .blog_wrapper .post-desc {
display: flex;
flex-direction: column;
}
body.blog .blog_wrapper .post-head {
display: contents;
}
body.blog .blog_wrapper .post-meta {
margin-bottom: 10px !important;
}
body.blog .blog_wrapper .post-footer {
order: 1;
}
body.blog .blog_wrapper .post-links {
display: block !important;
}
body.blog .blog_wrapper :is(.post-more, .read-more-icon) {
display: inline-block !important;
}
body.search .column_search_results .mfn-grid-item-date::before,
body.search .column_search_results .mfn-grid-item-desc > .button::before {
font-family: "mfn-icons";
margin-right: 0.3em;
}
body.search .column_search_results .mfn-grid-item-date::before {
content: "\e843";
}
body.search .column_search_results .mfn-grid-item-desc > .button::before {
content: "\e85d";
} body.blog .blog_wrapper .image_wrapper img,
body.search .search-results-grid .mfn-grid-item-image > img {
width: 100% !important;
height: auto !important;
object-fit: cover;
}
body.search .search-results-grid .mfn-grid-item-image > img,
body.blog .blog_wrapper .image_wrapper img,
.blog-home .image-wrapper img {
aspect-ratio: 3/2 !important;
} .page-template-overall-tickets-2022 .hero-secondary-section {
margin-bottom: 0;
}
.page-template-overall-tickets-2022 .line-up-section {
padding: 80px 0;
background-color: #ebf264;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 40px 26px;
padding: 20px 0;
}
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid
.c-card-wrap:nth-child(n) {
top: 0;
display: flex;
flex-direction: column;
background: #000;
overflow: hidden;
}
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid
.c-card-wrap
.card-info-wrap {
align-items: flex-start;
gap: 20px;
padding: 24px 20px;
}
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid
.c-card-wrap
.card-info-wrap
> * {
margin: 0;
color: #fff;
}
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.card-title {
font-size: 20px;
font-weight: 700;
line-height: 1.4;
}
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.card-date {
font-size: 15px;
line-height: 1.5;
}
@media (max-width: 1024px) {
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 575px) {
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
) {
padding: 40px 0;
}
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid {
grid-template-columns: minmax(0, 1fr);
}
} :is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.tickets-card:hover {
transform: none;
}
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid
.tickets-card
.card-info-wrap {
position: relative;
flex: 1;
width: 100%;
min-height: 140px;
padding: 0px 24px 24px;
box-sizing: border-box;
isolation: isolate;
}
:is(.page-template-overall-tickets-2022, .sofia-home-events)
.tickets-card
.card-info-wrap::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: #2b2b2e;
transform: scaleY(0);
transform-origin: bottom;
transition: transform 0.35s ease;
}
.page-template-overall-tickets-2022 .tickets-card :is(.card-title, .card-date) {
transition: transform 0.35s ease;
}
:is(
.page-template-overall-tickets-2022 .line-up-section,
.line-up-section.sofia-home-events
)
.cards-grid
a.tickets-card
.card-link {
position: absolute;
right: 24px;
bottom: 22px;
left: 24px;
color: #ff8123;
font-size: 18px;
line-height: 1.5;
}
:is(.page-template-overall-tickets-2022, .sofia-home-events)
a.tickets-card
.card-link {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.25s ease, transform 0.35s ease;
}
:is(.page-template-overall-tickets-2022, .sofia-home-events)
a.tickets-card
.card-link::before {
content: "→";
margin-right: 10px;
}
:is(.page-template-overall-tickets-2022, .sofia-home-events)
a.tickets-card
.card-link
span {
text-decoration: underline;
text-underline-offset: 3px;
}
:is(.page-template-overall-tickets-2022, .sofia-home-events)
.tickets-card:is(a, .coming-soon-card):is(:hover, :focus-visible)
.card-info-wrap::before {
transform: scaleY(1.2);
}
:is(.page-template-overall-tickets-2022, .sofia-home-events)
.tickets-card:is(a, .coming-soon-card):is(:hover, :focus-visible)
:is(.card-title, .card-date) {
transform: translateY(-28px);
}
:is(.page-template-overall-tickets-2022, .sofia-home-events)
a.tickets-card:is(:hover, :focus-visible)
.card-link {
opacity: 1;
transform: translateY(0);
}
@media (hover: none) {
:is(.page-template-overall-tickets-2022, .sofia-home-events)
a.tickets-card
.card-link {
opacity: 1;
transform: none;
}
:is(.page-template-overall-tickets-2022, .sofia-home-events)
a.tickets-card
:is(.card-title, .card-date) {
transform: translateY(-28px);
}
}
@media (prefers-reduced-motion: reduce) {
:is(.page-template-overall-tickets-2022, .sofia-home-events)
.tickets-card
.card-info-wrap::before,
:is(.page-template-overall-tickets-2022, .sofia-home-events)
.tickets-card
:is(.card-title, .card-date, .card-link) {
transition: none;
}
} .single-event
:is(
.tickets-section .text-wrap,
.offers-section .text-wrap,
.third-layout-text
) {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.single-event
:is(
.tickets-section .text-wrap,
.offers-section .text-wrap,
.third-layout-text
)
:is(p, li) {
font-family: inherit !important;
font-size: 16px !important;
line-height: 1.6;
text-align: left !important;
}
.single-event
:is(
.tickets-section .text-wrap,
.offers-section .text-wrap,
.third-layout-text
)
:is(h2, h3) {
font-family: inherit;
font-weight: 700;
line-height: 1.25;
}
.single-event .tickets-section {
padding: 64px 0;
background: #ebf264;
}
.single-event .tickets-section .img-and-text-wrap {
align-items: flex-start;
}
.single-event .tickets-section .img-and-text-wrap .img-wrap {
margin-bottom: 0;
}
.single-event .tickets-section .img-and-text-wrap .img-wrap img {
display: block;
aspect-ratio: 1.92;
height: auto;
object-fit: cover;
}
.single-event .tickets-section .img-and-text-wrap .text-wrap > * {
max-width: 100%;
margin: 0 0 20px;
}
.single-event .tickets-section .img-and-text-wrap .text-wrap h2 {
font-size: 30px;
line-height: 1.25;
}
.single-event .tickets-section .text-wrap h3 {
font-size: 28px;
margin: 28px 0 32px !important;
}
.single-event .tickets-section .event-description p {
margin-bottom: 16px;
}
.single-event .tickets-section .event-description :is(b, strong) {
font-size: 18px;
}
@media (max-width: 767px) {
.single-event .tickets-section {
padding: 32px 0;
}
.single-event .tickets-section .img-and-text-wrap {
gap: 24px;
}
} .single-event .hero-secondary-section {
margin-bottom: 0;
}
.single-event #Content {
padding-top: 0;
}
.sofia-artists-page {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: start !important;
gap: 20px;
width: calc(100% - 40px);
max-width: 1280px;
margin: 64px auto;
padding: 0;
box-sizing: border-box;
}
.sofia-artists-page > .column {
position: relative !important;
top: auto !important;
bottom: auto !important;
float: none !important;
width: 100% !important;
max-width: none !important;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
translate: none !important;
align-self: start !important;
}
.sofia-artists-page::before,
.sofia-artists-page::after,
.sofia-artists-page > .clear {
display: none;
}
.sofia-artists-page .artist-thumbnail {
position: relative;
display: block;
height: auto;
padding: 0;
overflow: hidden;
background: transparent;
border-radius: 2px;
box-shadow: 0 1px 3px rgb(0 0 0 / 18%);
}
.sofia-artists-page .artist-thumbnail > a,
.sofia-artists-page .artist-thumbnail > div:not(.ribbon-caption) {
display: block;
}
.sofia-artists-page .artist-thumbnail img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1;
object-fit: cover;
margin: 0;
border-radius: 0;
}
.sofia-artists-page .artist-thumbnail .ribbon-caption {
position: absolute;
left: 6px;
bottom: 26px;
right: 6px;
display: block;
width: auto;
margin: 0;
padding: 0;
z-index: 1;
}
.listing-block.sofia-artists-page
.artist-thumbnail
.ribbon-caption
.ribbon-caption-title {
position: relative;
display: inline-block;
width: auto;
max-width: 100%;
margin: 0;
padding: 10px;
gap: 0;
box-sizing: border-box;
background: transparent;
color: #ebf264;
font-size: 20px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
text-align: left;
text-decoration: none;
text-transform: uppercase;
overflow-wrap: anywhere;
transition: padding-left 0.3s ease;
}
.listing-block.sofia-artists-page
.artist-thumbnail:hover
> .ribbon-caption
> .ribbon-caption-title {
padding-left: 21px;
}
.sofia-artists-page
.artist-thumbnail
.ribbon-caption-title
> span:not(.ribbon-caption-background) {
position: relative;
z-index: 1;
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
} .sofia-artists-page .artist-thumbnail .ribbon-caption-title .title-date {
position: relative;
z-index: 1;
color: #e9dfe4;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 20px !important;
letter-spacing: 0;
} .sofia-artists-page .artist-thumbnail .ribbon-caption-background {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #3c222d;
opacity: 0.95;
transform: none;
z-index: 0;
} .sofia-artists-page
.artist-thumbnail:hover
> .ribbon-caption
> .ribbon-caption-title {
padding-left: 21px;
} @media (min-width: 768px) and (max-width: 991px) {
.sofia-artists-page {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} @media (max-width: 767px) {
.sofia-artists-page {
grid-template-columns: minmax(0, 1fr);
margin: 32px auto;
}
} .sofia-home-events .title-wrap {
padding-bottom: 35px;
text-align: center;
font-weight: 700;
}
.sofia-home-events .title-wrap h2 {
color: #fff;
font-family: inherit;
font-size: 26px;
font-weight: 700;
line-height: 1.4em;
text-align: center;
text-transform: uppercase;
} .sofia-home-events .card-img-wrap .d-none {
display: none !important;
}
@media (min-width: 576px) {
.sofia-home-events .card-img-wrap .d-sm-none {
display: none !important;
}
.sofia-home-events .card-img-wrap .d-sm-block {
display: block !important;
}
.line-up-section.sofia-home-events .cards-grid > .big-c-card {
grid-column: span 2;
}
} @media (min-width: 992px) {
.line-up-section.sofia-home-events .cards-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}  body.page-template-offers-2022 .hero-secondary-section {
margin-bottom: 0;
}
.offers-section.wrapper {
background-color: #000;
}
.offers-section .container {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 24px;
margin-top: 24px;
max-width: 1140px;
margin: 0 auto;
padding: 48px 16px 80px;
}
.offers-section .offer-wrap {
display: grid;
grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr);
position: relative;
min-width: 0;
overflow: hidden;
border-radius: 11px;
background: #111113;
color: #fff;
text-decoration: none;
transition: background-color 0.25s;
}
.offers-section .offer-wrap:hover {
background: #2b2b2f;
text-decoration: none;
}
.offers-section .offer-wrap .offers-img-wrap {
align-self: start;
aspect-ratio: 1.9 / 1;
max-width: 100%;
overflow: hidden;
background: #1a1a1d;
}
.offers-section .offer-wrap .offers-img-wrap img {
display: block;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
border-radius: 0;
transition: transform 0.5s ease;
}
.offers-section .offer-wrap .img-and-text-wrap {
display: flex;
}
.offers-section .offer-wrap:hover .offers-img-wrap img {
transform: scale(1.03);
}
.offers-section .offer-wrap .img-and-text-wrap .text-wrap {
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
gap: 14px;
padding: 28px 32px;
}
.offers-section .offer-wrap .img-and-text-wrap h3 {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 10px;
margin: 0;
color: #ff6e00;
font-weight: 700;
font-size: 13px;
line-height: 1.2;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.offer-wrap .img-and-text-wrap p {
margin: 0;
color: #fff;
font-weight: 700;
font-size: 30px;
line-height: 1.12;
font-stretch: 75%;
letter-spacing: 0;
text-transform: none;
text-wrap: balance;
}
.offers-section .offer-wrap .button {
display: flex;
align-items: center;
justify-content: center;
padding: 11px 25px;
border: 1px solid #ff6e00;
border-radius: 25px;
background: #ff6e00;
color: #000;
font-weight: 700;
font-size: 17px;
line-height: 1.2;
font-stretch: 75%;
letter-spacing: 0.03em;
text-transform: uppercase;
transition: background-color 0.2s, border-color 0.2s;
align-self: flex-start;
margin-top: 10px;
padding-inline: 34px;
}
.offer-wrap .ro-price {
display: grid;
grid-template-columns: auto auto minmax(0, 1fr);
align-items: end;
column-gap: 24px;
margin-top: 2px;
padding-top: 14px;
border-top: 1px solid #2e2e33;
}
.offer-wrap .ro-price__label {
display: block;
margin-bottom: 7px;
color: #9d9da3;
font-weight: 600;
font-size: 11px;
line-height: 1;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.offer-wrap .ro-price__now {
display: block;
color: #fff;
font-weight: 800;
font-size: 46px;
line-height: 0.88;
font-stretch: 75%;
font-variant-numeric: tabular-nums;
}
.offer-wrap .ro-price__was {
display: block;
color: #9d9da3;
font-weight: 700;
font-size: 22px;
line-height: 1;
font-stretch: 75%;
font-variant-numeric: tabular-nums;
text-decoration: line-through;
text-decoration-thickness: 2px;
text-decoration-color: #9d9da3;
}
.offer-wrap .ro-price__save {
justify-self: end;
text-align: right;
}
.offer-wrap .ro-price__save span {
display: block;
margin-bottom: 7px;
color: #ff6e00;
font-weight: 700;
font-size: 11px;
line-height: 1;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.offer-wrap .ro-price__save b {
display: block;
color: #ff6e00;
font-weight: 800;
font-size: 30px;
line-height: 0.9;
font-stretch: 75%;
font-variant-numeric: tabular-nums;
}
.offer-wrap:hover a.button,
.offer-wrap:focus-visible a.button {
border-color: #c85500;
background: #c85500;
color: #000;
}
.offer-wrap .offer-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 10px;
margin: 0;
color: #ff6e00;
font-weight: 700;
font-size: 13px;
line-height: 1.2;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.offer-wrap .offer__tag {
padding: 4px 9px;
border: 1px solid #2e2e33;
border-radius: 999px;
color: #fff;
font-size: 11px;
letter-spacing: 0.1em;
}
.offer-filters {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.offer-filters .offer-filter__btn {
appearance: none;
-webkit-appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
margin: 0;
padding: 8px 14px 8px 22px;
border: 1px solid rgba(255, 255, 255, 0.38);
border-radius: 25px;
background: transparent;
color: #fff;
font-weight: 700;
font-size: 16px;
line-height: 1.2;
font-stretch: 75%;
letter-spacing: 0.03em;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.offer-filters .ro-filter__count {
display: inline-grid;
place-items: center;
min-width: 22px;
height: 22px;
padding: 0 6px;
border-radius: 11px;
background: rgba(255, 255, 255, 0.14);
font-weight: 700;
font-size: 12px;
line-height: 1;
font-variant-numeric: tabular-nums;
}
.offer-filters .active .ro-filter__count {
background: rgba(0, 0, 0, 0.16);
}
.offer-filters .offer-filter__btn.active {
border-color: #ff6e00;
background: #ff6e00;
color: #000;
}
.offer-filters .offer-filter__btn:hover {
border-color: #ff6e00;
color: #ff6e00;
}
.offer-filters .offer-filter__btn.active:hover {
color: #000 !important;
}
.offers-section .container .offer-filters {
order: -1 !important;
}
@media (max-width: 900px) {
.offers-section .offer-wrap {
display: flex;
flex-direction: column;
}
.offers-section .offer-wrap .img-and-text-wrap .text-wrap {
gap: 12px;
padding: 18px 20px 22px;
}
.offers-section .offer-wrap .button {
margin-top: auto;
width: 100%;
}
.offer-wrap .img-and-text-wrap p {
font-size: 17px;
}
} .blog-home-section .read-more-icon,
.blog-home-section .icon-clock {
display: none !important;
}
.blog-home-section .post-more {
text-decoration: underline !important;
} body.home :is(.blog-home, .blog-home-section) .posts_group {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
body.home .blog-home-section .blog-home .blog_wrapper .post-item {
display: flex;
flex-direction: column;
height: auto !important;
min-height: 0 !important;
max-height: none;
}
body.home :is(.blog-home, .blog-home-section) .post-photo-wrapper {
flex-shrink: 0;
}
body.home .blog-home-section .blog-home .blog_wrapper .post-desc-wrapper {
display: flex;
flex: 1;
height: auto !important;
min-height: 0 !important;
}
body.home .blog-home-section .blog-home .blog_wrapper .post-item .post-desc {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
height: auto !important;
min-height: 0 !important;
padding: 20px 28px;
box-sizing: border-box;
overflow-wrap: break-word;
}
body.home .blog-home-section .blog-home .post-title,
body.home .blog-home-section .blog-home .entry-title {
margin-bottom: 0;
}
body.home .blog-home-section .blog-home .blog_wrapper .post-footer {
margin-top: auto;
margin-right: 0;
margin-left: 0;
width: 100%;
padding: 20px 0 0;
text-align: left;
}
body.home .blog-home-section .blog-home .blog_wrapper .post-footer .post-links {
float: none;
display: flex;
justify-content: flex-start;
width: 100%;
margin: 0;
padding: 0;
border: 0;
text-align: left;
}
body.home .blog-home-section .blog-home .blog_wrapper .post-footer .post-more {
float: none;
margin: 0;
}
@media (min-width: 768px) and (max-width: 1199px) {
body.home .blog-home .blog_wrapper .post-item {
width: calc(50% - 20px);
margin-bottom: 30px;
box-sizing: border-box;
}
body.home .blog-home-section .blog-home .blog_wrapper .post-item .post-desc {
padding: 20px;
overflow-wrap: break-word;
}
} .line-up-section.sofia-home-events .tickets-card .card-info-wrap {
position: relative;
isolation: isolate;
}
.line-up-section.sofia-home-events .tickets-card .card-info-wrap::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: #3c222d;
transform: scaleY(0);
transform-origin: bottom;
transition: transform .35s ease;
}
.line-up-section.sofia-home-events .tickets-card .card-title,
.line-up-section.sofia-home-events .tickets-card .card-date {
transition: transform .35s ease;
}
@media (hover: hover) {
.line-up-section.sofia-home-events .tickets-card:hover .card-info-wrap::before {
transform: scaleY(1.2);
}
.line-up-section.sofia-home-events .tickets-card:hover .card-title,
.line-up-section.sofia-home-events .tickets-card:hover .card-date {
transform: translateY(-28px);
}
}
@media (prefers-reduced-motion: reduce) {
.line-up-section.sofia-home-events .tickets-card .card-info-wrap::before,
.line-up-section.sofia-home-events .tickets-card .card-title,
.line-up-section.sofia-home-events .tickets-card .card-date {
transition: none;
}
} :is(.page-template-overall-tickets-2022, .sofia-home-events) .coming-soon-card {
cursor: default;
}
:is(.page-template-overall-tickets-2022, .sofia-home-events) .coming-soon-card .card-title {
font-size: 18px;
line-height: 1.4;
} .single-artist .section-post-header > .section_wrapper {
display: flex;
flex-direction: column;
} .single-artist .section-post-header .single-photo-wrapper {
order: 1;
width: 100%;
margin: 0;
} .single-artist .section-post-header .post-header {
order: 2;
width: 100%;
margin: 0;
} .single-artist .section-post-header .single-photo-wrapper .image_frame,
.single-artist .section-post-header .single-photo-wrapper .image_wrapper {
width: 100%;
overflow: hidden;
} .single-artist .section-post-header .single-photo-wrapper img.wp-post-image {
display: block;
width: 100%;
height: auto;
aspect-ratio: auto;
object-fit: contain;
object-position: center;
transform: none;
top: 0;
}
.page-template-overall-tickets-2022 .line-up-section {
background-position: top;
}  body:is(.page-id-147, .page-id-517) .mfn-builder-content > .section:first-child .mcb-wrap-inner {
row-gap: 10px;
}
body:is(.page-id-147, .page-id-517) .mfn-toggle .toggle-content a {
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.5px;
overflow-wrap: anywhere;
}
body:is(.page-id-147, .page-id-517) .column_button .button:focus-visible {
outline: 3px solid #3c222d;
outline-offset: 3px;
}
body:is(.page-id-147, .page-id-517) .mfn-toggle-item:focus-visible .toggle-bar,
body:is(.page-id-147, .page-id-517) .toggle-content a:focus-visible {
outline: 3px solid #ebf264;
outline-offset: -3px;
}
@media (max-width: 767px) { body:is(.page-id-147, .page-id-517) #Content .section_wrapper {
padding-right: 24px !important;
padding-left: 24px !important;
}
} body:is(.page-id-147, .page-id-517) :is(#tickets, #accessibility, #vip) {
scroll-margin-top: 26px;
}
body:is(.page-id-147, .page-id-517).admin-bar :is(#tickets, #accessibility, #vip) {
scroll-margin-top: 58px;
}
@media (max-width: 1239px) {
body:is(.page-id-147, .page-id-517) :is(#tickets, #accessibility, #vip) {
scroll-margin-top: 22px;
}
body:is(.page-id-147, .page-id-517).admin-bar :is(#tickets, #accessibility, #vip) {
scroll-margin-top: 54px;
}
}
@media (max-width: 782px) {
body:is(.page-id-147, .page-id-517).admin-bar :is(#tickets, #accessibility, #vip) {
scroll-margin-top: 68px;
}
} body:is(.page-template-offers-2022, .single-event) .offers-section.wrapper {
background-color: #3c222d;
}
body.page-template-offers-2022 .offers-section .container {
padding: 48px 24px 96px;
}
body.page-template-offers-2022 .offers-section .offer-wrap,
body.page-template-offers-2022 .offers-section .offer-wrap:hover {
background: #24141b;
box-shadow: 0 16px 34px rgba(10, 4, 8, 0.35);
}
body:is(.page-template-offers-2022, .single-event) .offers-section .offers-img-wrap {
background: #2e1a23;
}
body:is(.page-template-offers-2022, .single-event) .offers-section .offer-meta,
body:is(.page-template-offers-2022, .single-event) .offers-section .offer-meta h3,
body:is(.page-template-offers-2022, .single-event) .ro-price__save :is(span, b) {
color: #ebf264;
}
body:is(.page-template-offers-2022, .single-event) .ro-price {
border-top-color: rgba(233, 223, 228, 0.18);
}
body:is(.page-template-offers-2022, .single-event) .ro-price__label {
color: #cfc2c9;
}
body:is(.page-template-offers-2022, .single-event) .ro-price__was {
color: #998490;
text-decoration-color: currentColor;
}
body:is(.page-template-offers-2022, .single-event) .offer__tag {
border-color: rgba(233, 223, 228, 0.4);
}
body.page-template-offers-2022 .offers-section .offer-wrap .button {
height: 44px;
box-sizing: border-box;
border-color: transparent;
background: var(--mfn-button-action-bg);
color: var(--mfn-button-action-color);
}
body.page-template-offers-2022 .offers-section .offer-wrap .button:hover {
background: var(--mfn-button-action-bg-hover);
color: var(--mfn-button-action-color-hover);
}
body.page-template-offers-2022 .offers-section .offer-wrap .button:active {
background: #d9e24a;
}
body.page-template-offers-2022 .offer-filter__btn {
border-color: rgba(233, 223, 228, 0.45);
}
body.page-template-offers-2022 .offer-filter__btn.active {
border-color: #ebf264;
background: #ebf264;
color: #3c222d;
}
body.page-template-offers-2022 .offer-filter__btn:hover {
border-color: #ebf264;
color: #ebf264;
}
body.page-template-offers-2022 .offer-filter__btn.active:hover {
border-color: #f3f78f;
background: #f3f78f;
color: #3c222d !important;
}
body.page-template-offers-2022 .offer-filter__btn.active .ro-filter__count {
background: rgba(60, 34, 45, 0.16);
}
body.page-template-offers-2022 .offers-section :is(a, button):focus-visible {
outline: 3px solid #ebf264;
outline-offset: 3px;
}
@media (max-width: 374px) { body.page-template-offers-2022 .ro-price {
grid-template-columns: auto auto;
row-gap: 14px;
}
body.page-template-offers-2022 .ro-price__save {
grid-column: 1 / -1;
}
} body.page-template-overall-tickets-2022 .line-up-section .cards-grid .c-card-wrap:nth-child(n) {
background-color: #24141b;
}
body.page-template-overall-tickets-2022 .tickets-card .card-info-wrap::before {
background: #3c222d;
}
body.page-template-overall-tickets-2022 .line-up-section .cards-grid .tickets-card .card-date {
color: #e9dfe4;
}
body.page-template-overall-tickets-2022 .line-up-section .cards-grid a.tickets-card .card-link {
color: #ebf264;
}
body.page-template-overall-tickets-2022 .line-up-section .cards-grid a.tickets-card .card-link:hover {
color: #f3f78f;
}
body.page-template-overall-tickets-2022 a.tickets-card:focus-visible {
outline: 3px solid #3c222d;
outline-offset: 3px;
} body.single-event .offers-section .offer-wrap,
body.single-event .offers-section .offer-wrap:hover {
background: #24141b;
}
body.single-event .offers-section .offer-wrap .button {
border-color: transparent;
background: var(--mfn-button-action-bg);
color: var(--mfn-button-action-color);
}
body.single-event .offers-section .offer-wrap .button:hover {
background: var(--mfn-button-action-bg-hover);
color: var(--mfn-button-action-color-hover);
}
body.single-event .offers-section .offer-wrap .button:active {
background: #d9e24a;
}
body.single-event .offers-section a:focus-visible {
outline: 3px solid #ebf264;
outline-offset: 3px;
}
body.single-event :is(.tickets-section, .third-layout-section) a:not(.button) {
text-decoration: underline;
text-underline-offset: 3px;
}
body.single-event :is(.tickets-section, .third-layout-section) a:focus-visible {
outline: 3px solid #3c222d;
outline-offset: 3px;
} body.home .line-up-section.sofia-home-events .cards-grid .c-card-wrap:nth-child(n) {
background-color: #24141b;
}
body.home .line-up-section.sofia-home-events .cards-grid .tickets-card .card-date {
color: #e9dfe4;
}
body.home .line-up-section.sofia-home-events .cards-grid a.tickets-card .card-link {
color: #ebf264;
}
body.home .line-up-section.sofia-home-events .cards-grid a.tickets-card .card-link:hover {
color: #f3f78f;
} #Header #Top_bar.is-sticky > .container,
#Header #Top_bar.is-sticky > .container > .column,
#Header #Top_bar.is-sticky .top_bar_right,
#Header #Top_bar.is-sticky .top_bar_right_wrapper,
#Header #Top_bar.is-sticky .wpml-languages,
#Header #Top_bar.is-sticky .wpml-lang-dropdown {
background-color: inherit !important;
} body.search .search-results-grid .mfn-grid-item-title a:hover,
body.search .search-results-grid .mfn-grid-item-desc > .button:hover {
color: #7a4b62 !important;
}