:root {
--container-width: 1200px;
--container-width-narrow: 950px;
--container-padding: 1.875em;
--container-width-breakpoint: 1260px
}
.inner-wrap {
max-width: 1200px;
padding-left: 1.875em;
padding-right: 1.875em
}
.site-content-contain {
background-color: #fff
}
body:not(.page-layout-sidebar-right) #primary {
max-width: calc(1200px + 20px);
margin: 0 auto;
padding-left: 10px;
padding-right: 10px
}
.single .entry-wrapper,
.single.has-sidebar.page-layout-sidebar-right .entry-header .inner-wrap {
max-width: 1200px;
margin: 3.75em auto;
padding-left: 1.875em;
padding-right: 1.875em
}
.page .entry-content,
.page:not(.inspiro-front-page) .entry-footer {
min-height: 2.8125em;
margin: 2.8125em auto;
max-width: 1200px;
padding-left: 1.875em;
padding-right: 1.875em
}
.single .entry-content,
.single .entry-footer,
.single .entry-header .inner-wrap {
min-height: 2.8125em;
margin: 2.8125em auto;
max-width: calc(950px + 20px);
padding-left: 1.875em;
padding-right: 1.875em
}
.page .entry-content,
.single .entry-content {
margin-bottom: 0
}
.page .full-width .entry-content,
.page-template-no-title .entry-content,
.single .full-width .entry-content {
max-width: 100%;
margin: 0 auto;
padding: 0
}
body {
overscroll-behavior-y: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@font-face {
font-family: "Mostra Nuova";
font-style: normal;
font-weight: 500;
src: url(https://festival.bar-bars.com/wp-content/themes/inspiro-child/assets/fonts/mostra-nuova.woff2) format("woff2"),url(https://festival.bar-bars.com/wp-content/themes/inspiro-child/assets/fonts/mostra-nuova.woff) format("woff"),url(https://festival.bar-bars.com/wp-content/themes/inspiro-child/assets/fonts/mostra-nuova.otf) format("opentype")
}
@font-face {
font-family: 'Onest';
src: url(https://festival.bar-bars.com/wp-content/themes/inspiro-child/assets/fonts/onest.woff2) format('woff2'),url(https://festival.bar-bars.com/wp-content/themes/inspiro-child/assets/fonts/onest.woff) format("woff"),url(https://festival.bar-bars.com/wp-content/themes/inspiro-child/assets/fonts/onest.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
p {
word-spacing: -1px
}
#cmplz-manage-consent .cmplz-manage-consent {
font-size: 10px
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
min-width: 160px;
width: 100%;
font-size: 10px
}
.page .entry-title,
.page-title {
font-family: "Mostra Nuova";
font-size: 4rem;
font-weight: 400;
margin: 1rem 0 2rem;
text-align: center;
}
.page .entry-content,
.page:not(.inspiro-front-page) .entry-footer {
margin: 0!important
}
@media (max-width:767px) {
.page .entry-title,
.page-title {
font-size: 4rem
}
}
.navbar {
min-height: 44px;
z-index: 1000;
color: #30050c; padding: 20px 0 22px 0
}
.headroom--not-top .navbar {
padding: 20px 0 22px 0 !important;
}
.navbar .header-inner.header-inner--split {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
gap: .75rem 1rem;
padding-left: 1.25em;
padding-right: 1.25em
}
.navbar .header-inner.header-inner--split .header-navigation-wrapper--left {
grid-column: 1;
justify-content: left;
margin-left: 2vh;
flex: 1
}
.navbar .header-inner.header-inner--split .header-logo-wrapper {
grid-column: 2;
flex: 0 0 auto;
max-width: none;
margin: 0;
justify-content: center;
justify-self: center;
text-align: center
}
.navbar .header-inner.header-inner--split .header-navigation-wrapper--right {
grid-column: 3;
justify-content: flex-end;
flex: 1
}
.navbar .header-inner.header-inner--split .header-widgets-wrapper {
grid-column: 3;
justify-self: end
}
.navbar .header-inner.header-inner--split .custom-logo-link:not(.custom-logo-link--mobile) {
position: fixed;
display: inline-flex;
max-width: 44vh;
margin: 0 auto
}
.navbar .header-inner.header-inner--split .navbar-nav {
display: flex;
flex-wrap: wrap;
align-items: center;
float: none;
margin: 0 1rem 0 0
}
.navbar .header-inner.wpz_layout_full {
padding-left: 4.25em;
padding-right: 4.25em
}
@media only screen and (max-width:1125px) {
.navbar .header-inner.header-inner--split .header-logo-wrapper {
max-width: none!important
}
.navbar .header-inner.wpz_layout_full {
padding-right: .25em
}
}
.navbar-nav > li {
margin: 0 8px
}
.navbar-nav > li.current-menu-item > a,
.navbar-nav > li.current-menu-parent > a,
.navbar-nav > li.current_page_item > a {
border-bottom: 1px solid #f28725
}
.navbar-nav > li.menu-item-cta-programmation > a {
display: inline-block;
padding: .4em .95em;
border: 2px solid #30050c;
background-color: #ffe009;
color: #30050c;
font-weight: 700;
letter-spacing: .02em;
text-decoration: none;
line-height: 1.2;
transition: background-color .2s ease,color .2s ease,border-color .2s ease
}
.navbar-nav > li.menu-item-cta-programmation > a:focus,
.navbar-nav > li.menu-item-cta-programmation > a:hover {
background-color: #3d8eb3;
border-color: #30050c;
color: #fff
}
.navbar-nav > li.menu-item-cta-programmation.current-menu-item > a,
.navbar-nav > li.menu-item-cta-programmation.current-menu-parent > a,
.navbar-nav > li.menu-item-cta-programmation.current_page_item > a {
border-bottom: 2px solid #30050c;
background-color: #3d8eb3;
color: #fff
}
.side-nav .navbar-nav > li.menu-item-cta-programmation > a {
display: inline-block;
margin: .35em 0;
padding: .45em .95em;
border: 2px solid #30050c;
background-color: #ffe009;
color: #30050c;
font-weight: 700
}
.side-nav .navbar-nav > li.menu-item-cta-programmation > a:focus,
.side-nav .navbar-nav > li.menu-item-cta-programmation > a:hover {
background-color: #f28725;
color: #fff
}
.header-title-wrapper {
font-family: "Mostra Nuova";
font-size: 3vw;
font-weight: 400;
margin: -12px
}  .custom-logo-link {
position: absolute;
display: flex;
max-width: 50vh
}
@media only screen and (min-width:768px) {
#header_widgets_wrapper {
display: none!important
}
}
.header-widgets-wrapper {
display: none!important
}
.header-widgets-wrapper .header_social,
.header-widgets-wrapper .sb-search {
display: none!important
}
.navbar .custom-logo-link--mobile {
display: none
}
@media screen and (max-width:1024px) {
.header-widgets-wrapper {
display: flex!important;
align-items: center;
justify-content: flex-end;
gap: .5rem
}
.navbar .header-inner.header-inner--split {
grid-template-columns: 1fr auto;
gap: .5rem;
padding-left: .75em;
padding-right: .75em
}
.navbar .header-inner.header-inner--split .header-navigation-wrapper--left,
.navbar .header-inner.header-inner--split .header-navigation-wrapper--right {
display: none
}
.navbar .header-inner.header-inner--split .header-logo-wrapper {
grid-column: 1;
justify-self: start;
justify-content: flex-start;
text-align: left
}
.navbar .header-inner.header-inner--split .header-widgets-wrapper {
grid-column: 2;
justify-self: end
}
.navbar .custom-logo-link:not(.custom-logo-link--mobile),
.navbar .header-logo-wrapper > .custom-logo-link:not(.custom-logo-link--mobile) {
display: none!important;
visibility: hidden!important;
pointer-events: none!important
}
.navbar .custom-logo-link--mobile {
position: static!important;
display: inline-flex!important;
align-items: center;
max-width: min(64vw,250px);
margin: 0
}
.navbar .custom-logo-link--mobile img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 40px; min-width: 0!important
}
.navbar .navbar-toggle {
display: block;
margin-left: 0
}
.navbar .navbar-toggle .icon-bar {
background: #30050c
}
#block-4,
#comments,
#sb-search,
.comment-respond,
.comments-area,
.sb-search,
.side-nav #block-4,
.side-nav #openagenda-filter-widget-4,
.side-nav .openagenda-filter-widget-4,
.side-nav .search-form,
.side-nav .widget_block:has(.wp-block-latest-comments),
.side-nav .widget_block:has(ol.wp-block-latest-comments),
.side-nav .widget_recent_comments,
.side-nav .widget_search,
.side-nav .wp-block-comments,
.side-nav .wp-block-latest-comments,
.side-nav .wp-block-search {
display: none!important
}
} .navbar-toggle .icon-bar:nth-child(3) {
display: block;
opacity: 1
}
.navbar-toggle .icon-bar:nth-child(4) {
width: 22px
}
.ssan a {    
font-weight: bold;
max-width: 89px;
max-height: 38px;
text-align-last: center;
font-size: small;
line-height: normal;
}
#hero {
height: 800px;
position: relative;
overflow: hidden
}
.fullpage {
width: 100vw;
max-width: 100vw;
position: absolute;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw
}
.fullpage img {
width: 100vw;
height: 100%;
object-fit: cover;
object-position: center
}
.content {
background-color: #161d29
}
.site-footer { background: #b3ddf2;
color: #78787f
}
.copyright .fa-code {
color: #0bb4aa
}
.copyright .fa-heart-o {
color: #b40b48
}
.first-section {
padding: 50px 0 20px
}
.text-header {
font-size: 50px;
text-align: center
}
.entry-content a {
color: #2c595c;
text-decoration: none;
font-weight: 500
}
.entry-content a:hover {
color: #ed810c;
text-decoration: none
}
@media (max-height:700px) and (min-width:768px) {
.custom-logo-link img {
min-width: 350px!important
}
}
@media (max-height:820px) {
#scroll-to-content {
position: absolute;
top: calc(100vh - 5em)
}
}
.text-container {
flex: 1;
padding: 2rem;
margin-right: -25%;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center
}
.image-container {
flex: 2;
width: 66%;
position: relative
}
.image-container img {
width: 100%;
height: auto;
object-fit: cover
}
@media (max-width:768px) {
.flex-overlay-container {
flex-direction: column
}
.image-container {
width: 100%
}
.text-container {
margin-right: 0;
padding: 1rem
}
}
.flex-overlay-container-left {
display: flex;
position: relative;
width: 100%;
min-height: 500px
}
.image-container-left {
flex: 2;
width: 66%;
position: relative
}
.image-container-left img {
width: 100%;
height: auto;
object-fit: cover
}
.text-container-left {
flex: 1;
padding: 2rem;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
margin-left: -17%
}
@media (max-width:768px) {
.flex-overlay-container-left {
flex-direction: column
}
.image-container-left {
width: 100%
}
.text-container-left {
margin-left: 0;
padding: 1rem
}
}
.text-container h2 {
text-align: left!important;
font-size: clamp(23px, 2vw, 32px)
}
.text-container-left h2 {
text-align: left!important;
margin-right: auto;
font-size: clamp(23px, 2vw, 32px)
}
.has-text-align-center span {
display: flex
}
.bloquotes:before {
position: absolute;
font-family: FontAwesome;
left: 0;
content: "\f10d";
font-size: clamp(50px, 15vw, 200px);
color: rgba(0,0,0,.1)
}
.text-container-left .bloquotes:before {
position: absolute;
font-family: FontAwesome;
writing-mode: vertical-rl;
left: 72%;
content: "\f10d";
font-size: clamp(50px, 15vw, 200px);
color: rgba(0,0,0,.1)
}
.anime {
text-shadow: .04em .05em 0 #323130;
font-weight: bolder;
font-stretch: condensed;
font-size: clamp(27px, 4vw, 45px);
content: attr(data-shadow);
margin-top: 4vh;
background-image: linear-gradient(45deg,transparent 45%,#f28725 45%,#f28725 55%,transparent 0);
background-size: 2em 3em;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
animation: shad-anim 16s linear infinite
}
#kota.anime {
animation: shad-anim 44s linear infinite
}
.oa-icon {
width: 24px;
height: 24px
}
@keyframes shad-anim {
0% {
background-position: 0 0
}
0% {
background-position: 100% -100%
}
}
@media screen and (max-width:1390px) {
.custom-logo-link img {
max-width: 40vh;
height: auto;
max-height: 60px
}
.navbar-nav a {
font-size: 14px
}
}
@media screen and (max-width:768px) {
.bloquotes:before {
top: auto
}
.navbar {
padding: 1.5vw 0
}
.has-header-image.inspiro-front-page .headroom--not-top .navbar,
.headroom--not-top .navbar {
padding: 1.5vw 0!important
}
.custom-logo-link img {
opacity: 1;
transform: translateY(0);
transition: opacity .4s ease,transform .4s ease;
pointer-events: auto;
max-width: 75vw;
min-width: 260px;
height: auto
}
.home .custom-logo-link img {
opacity: 0;
transform: translateY(-20px);
pointer-events: none
}
.home .custom-logo-link img {
opacity: 1;
transform: translateY(0);
pointer-events: auto
}
.seventyfivecenter {
min-height: 181px!important
}
.oa-event-location-logo {
width: auto!important;
height: auto!important;
max-width: 150px!important;
max-height: 150px!important
}
}
@media screen and (max-width:410px) {
.seventyfivecenter {
min-height: 205px!important
}
}
.tpage {
margin-top: 51px;
position: fixed;
z-index: 3!important
}
@media only screen and (max-width:768px) {
#hero {
display: block
}
#hero-mobile {
display: none
}
#main {
margin-top: 0
}
}
:root {
--oa-main-color: #41acdd;
--oa-secondary-color: #413a42;
--oa-active-filter-color: #da4453;
scroll-behavior: smooth
}
img {
max-width: 100%;
height: auto
}
.oa-update-overlay {
z-index: 600
}
.oa-calendar .entry-header .entry-title {
font-family: "Mostra Nuova";
font-weight: 100;
text-transform: uppercase;
text-align-last: center;
margin-bottom: -20px
}
@media screen and (min-width:48em) {
.single h1.entry-title {
font-size: 3.625rem
}
}
.oa-sr-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border-width: 0
}
.oa-calendar .entry-content,
.oa-calendar-wrap,
.oa-calendar-wrap .entry-content,
article.oa-calendar .entry-content,
body.single-oa-calendar .entry-content,
body.single-oa-calendar-archive .entry-content,
body.single-oa-calendar-event .entry-content {
max-width: 1400px!important;
width: 100%!important;
padding-left: .5rem!important;
padding-right: .5rem!important;
margin-left: auto!important;
margin-right: auto!important
}
.entry-header .inner-wrap {
margin-top: 0
}
.seventyfivecenter {
max-width: 75%;
min-height: 142px;
margin: 0 auto
}
@media (max-width:1024px) {
.seventyfivecenter {
max-width: calc(1280px + 20px)
}
}
.oa-event-grid .oa-event-wrapper {
flex-wrap: wrap;
display: flex;
box-shadow: 0 4px 21px -12px rgba(0,0,0,.66);
margin: 0 0 2rem 0;
max-width: 500px;
overflow: hidden;
position: relative;
background: linear-gradient(0deg,#aee2f9,#ff8d84,#fdfd85);
outline-color: #30050c47;
outline-width: 2px;
outline-style: outset
}
.oa-event-grid .oa-event-wrapper:hover {
transition: .3s ease;
transform: scale(1.05);
box-shadow: -1px 10px 23px -13px rgb(0 0 0 / 100%)
}
.oa-event-grid .oa-event-thumbnail img {
height: 160px;
width: 700px;
object-fit: cover;
position: relative
}
.oa-event-grid .oa-event-thumbnail:hover img {
transition: .3s ease;
-webkit-filter: brightness(0.7);
filter: brightness(.7)
}
.oa-event-grid .oa-event-wrapper .bar {
width: 50px;
height: 5px;
margin: 10px 0;
border-radius: 0 5px 5px 0;
transition: width .2s ease;
background-color: #f39c12
}
.oa-event-grid .oa-event-wrapper:hover .bar {
width: 55%
}
.entry-content h2 {
text-align: center;
margin-bottom: 0!important;
margin: 0
}
.entry-content h2.parrain {
text-align: center!important
}
.oa-event-title-div {
align-content: center;
height: 3rem;
padding: 0 0 10px 0;
}
.oa-event-title {
font-family: 'Mostra Nuova';
font-weight: 500;
padding-top: 0!important;
line-height: 17px!important;
margin: 0px 8px 0px 8px;
text-align: center;
}
.oa-event-title a {
padding-top: 0;
font-size: x-large;
text-decoration: none;
color: #000;
opacity: 0;
transition: opacity 0.1s ease;
}
.oa-event-title a.is-sized {
opacity: 1;
}
.oa-event-title a:hover {
color: #30050c
}
.oa-events-header {
margin: 1rem 0;
min-height: 31px
}
.oa-event-grid {
display: grid;
grid-gap: 0;
justify-content: center
}
@media screen and (min-width:768px) {
.oa-event-grid {
grid-template-columns: repeat(3,minmax(0,1fr))
}
.oa-event-grid .oa-list-item {
padding: 8px 10px
}
}
@media screen and (min-width:1100px) {
.oa-event-grid {
grid-template-columns: repeat(4,minmax(0,1fr))
}
}
@media screen and (min-width:1280px) {
.oa-event-grid {
grid-template-columns: repeat(5,minmax(0,1fr))
}
}
.oa-event-grid .oa-event-list .oa-list-item {
margin-bottom: 4rem
}
.oa-card-datebar {
position: relative
}
.oa-card-datebar .oa-metas {
display: block;
background-color: #ffffff63;
position: relative;
padding: 0 3px
}
.oa-single-topline .oa-card-datebar .oa-metas {
background-color: #ffffffbd
}
.oa-card-datebar .oa-event-range {
display: flex;
justify-content: space-between;
align-items: center;
gap: .5rem;
width: 100%
}
.oa-card-datebar .oa-range-date,
.oa-card-datebar .oa-range-time {
font-weight: 700;
display: inline-flex;
align-items: center;
margin-right: .5em;
gap: .25rem;
white-space: nowrap
}
.oa-card-datebar .oa-range-time {
margin-left: auto
}
.oa-event-grid .oa-metas p {
font-family: Onest;
margin: 0 .2rem 0 .25rem;
font-size: small;
font-weight: 700;
z-index: 1
}
.oa-event-range .oa-range-clock {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 .15em;
line-height: 1
}
.oa-card-datebar .oa-range-date .oa-icon,
.oa-card-datebar .oa-range-time .oa-icon,
.oa-event-range .oa-range-clock .oa-icon {
width: 1.5em;
height: 1.3em;
display: block;
margin-right: 0!important;
vertical-align: middle
}
.oa-event-thumbnail {
text-align: center
}
.oa-card-meta-row {
position: relative;
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 5px;
z-index: 2;
margin-top: -34px;
padding: 0 4px
}
.oa-event-city {
position: static;
font-size: x-small;
color: #000;
margin: 0;
padding: 0 5px;
background-color: #c3d1cd;
outline: 1px solid #33333370
}
.oa-event-category {
position: static;
float: none;
font-size: x-small;
color: #101010;
outline: 1px solid #33333370;
padding: 0 5px;
margin: 0;
background-color: #fdfc85
}
.oa-event-grid .favstar {
float: right;
top: -7px;
margin-left: auto;
margin-right: 2px;
flex-shrink: 0;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
background-color: #ddd;
border-radius: 50%;
outline: 1px solid #33333370;
box-shadow: 0 1px 3px rgba(0,0,0,.28);
transform: scale(0.8);
transform-origin: center center;
position: relative;
z-index: 5;
pointer-events: auto
}
.oa-event-grid .favstar button.oa-event-favorite-badge {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%
}
.oa-grid-location {
font-size: small;
font-weight: 700;
padding: 5px 8px 3px 8px;
background-color: #30050c08;
border-top: 1px solid #30050c0d;
border-bottom: 1px solid #30050c0d
}
.oa-event-location-name {
display: flex
}
.oa-event-location-name svg {
margin-right: 3px
}
.oa-event-location-name p {
text-align: left!important
}
.oa-address-card {
font-size: 10px;
margin: -26px 0 0 27px;
}
.oa-address-card address {
margin: 0 0 1.5em
}
.oa-address-card p {
font-style: normal;
color: #767676
}
.oa-event-location-access {
position: relative;
font-size: 12px;
margin: 5px;
top: 1em
}
.oa-event-keywords {
display: flex;
text-align: justify;
margin-bottom: 0;
word-wrap: break-word;
flex-direction: row;
flex-wrap: wrap
}
.oa-event-keywords span {
text-rendering: optimizeLegibility;
line-height: 22px;
font-size: 10px;
color: #fff;
background: 0 0;
padding: 0 12px 0 4px;
position: relative;
display: inline-block;
z-index: 0
}
.oa-event-keywords span::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background-color: #5bb0cf;
border: 1px solid #79afac;
box-shadow: 0 2px 6px rgba(111,135,180,.35);
transform: skewX(-18deg)
}
.oa-event-keywords span:first-child::before {
transform: none;
clip-path: polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%)
}
.oa-event-keywords span:not(:first-child) {
margin-left: -6px
}
.oa-event-keywords svg {
width: 16px;
height: 16px;
margin-right: 5px;
flex-shrink: 1
}
#post-9 .inner-wrap {
margin: 0 auto!important
}
.oa-single-event {
display: flex;
flex-direction: column;
align-items: center
}
.oa-event-wrapper {
max-width: 930px;
width: 100%
}
.oa-controls-top .oa-nav-link span {
display: none
}
.oa-controls {
display: block
}
.oa-controls .oa-nav-link {
align-items: center;
margin-bottom: 2vh;
display: flex;
flex-direction: column
}
.oa-back-link {
transform: scale(1.5);
transform-origin: center center;
display: flex;
flex-direction: column
}
.oa-back-link span {
display: none;
font-size: x-small;
color: #30050c;
text-decoration: none
}
.oa-single-event .oa-event-wrapper {
background: 0 0;
outline: 0;
box-shadow: none;
padding: 0;
max-width: 1100px
}
a.inspiro-back-to-top {
right: 5px!important; --inspiro-btt-bg: #58aac8!important;
--inspiro-btt-icon: #ffffff!important
}
.oa-single-event .fixwidth,
.oa-single-event .oa-event-location,
.oa-single-event .oa-single-hero,
.oa-single-topline {
background: linear-gradient(0deg,rgba(174,226,249,.45),rgba(255,141,132,.4),rgba(253,253,133,.42))
}
.oa-single-event .fixwidth,
.oa-single-event .oa-event-location,
.oa-single-event .oa-single-hero {
outline-color: #30050c47;
outline-width: 2px;
outline-style: outset;
box-shadow: 0 4px 21px -12px rgba(0,0,0,.66);
padding: 16px;
box-sizing: border-box
}
.oa-single-topline {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 12px;
position: relative;
width: 100%;
max-width: 1100px;
margin: 0 0 12px 0;
padding: 8px 12px;
box-sizing: border-box;
outline-color: #30050c47;
outline-width: 2px;
outline-style: outset;
box-shadow: 0 4px 21px -12px rgba(0,0,0,.66)
}
.oa-single-topline .oa-card-datebar {
position: static;
top: auto;
left: auto;
right: auto;
display: flex;
justify-content: flex-start;
z-index: 1;
pointer-events: none
}
.oa-single-title-group {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: fit-content;
height: fit-content;
margin: auto;
max-width: calc(100% - 32px);
z-index: 3;
pointer-events: none
}
.oa-single-title-group .oa-event-title-single {
text-align: center;
pointer-events: none
}
.oa-single-title-group .favstar {
margin-left: 0;
flex-shrink: 0;
position: relative;
z-index: 4;
pointer-events: auto
}
.oa-single-place {
display: flex;
align-items: flex-end;
justify-content: flex-end;
gap: 5px;
flex-direction: column-reverse;
z-index: 1;
pointer-events: none
}
.oa-single-event .oa-single-hero {
position: sticky;
top: 13vh;
width: max-content;
flex: 0 0 auto;
z-index: 1
}
.oa-single-event .oa-nametop {
max-width: 85%
}
.oa-single-event .oa-event-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
margin: 0 0 16px 0;
gap: 8px
}
.oa-single-event .oa-event-title-single {
font-family: 'Mostra Nuova',sans-serif;
text-align: left;
padding: 0;
margin: 0;
background-color: transparent!important;
border: none;
border-radius: 0;
line-height: 1.15
}
.oa-single-event .oa-event-category-single {
position: relative;
font-size: large;
justify-content: center;
color: #101010;
font-weight: 700;
padding: 0 5px;
margin: 0;
background-color: #fdfc85
}
.oa-single-event .oa-card-datebar .oa-metas {
display: block
}
.oa-single-event .oa-card-datebar .oa-metas p {
font-family: Onest,sans-serif;
font-size: 1rem;
font-weight: 700;
margin: 0 .2rem
}
.oa-single-event .oa-event-category,
.oa-single-event .oa-event-city {
font-size: .7rem
}
.oa-single-event .favstar {
position: static;
margin-left: auto;
margin-right: 0;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
background-color: #ddd;
border-radius: 50%;
outline: 1px solid #33333370;
box-shadow: 0 1px 3px rgba(0,0,0,.28);
transform: scale(1);
transform-origin: center center
}
.oa-single-event .favstar button.oa-event-favorite-badge {
position: relative;
margin: 0;
scale: 100%;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
pointer-events: auto;
cursor: pointer;
z-index: 5
}
.col-imgtxt {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
gap: 24px;
padding-top: 0;
margin-bottom: 3vh
}
.oa-single-media {
align-self: stretch
}
.oa-single-event .oa-event-thumbnail {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
width: 40vh;
max-width: 40vh;
min-width: 0;
top: 0;
margin: 0;
padding: 0;
border-radius: 0;
background-color: transparent;
box-shadow: none
}
.oa-single-event .oa-event-thumbnail img,
.oa-single-event .oa-single-hero-img {
max-width: 40vh;
height: auto;
min-height: 0;
object-fit: contain
}
.oa-single-event .oa-event-thumbnail::after {
content: none
}
.oa-event-credits {
font-size: 10px
}
.oa-timing-seperator {
display: none
}
.oa-timing {
display: flex;
flex-direction: column;
line-height: 16px
}
.oa-single-event .oa-event-details {
position: relative;
margin: 0 0 1rem 0;
line-height: 25px
}
.oa-single-event .oa-event-details p {
padding-bottom: 5px
}
.oa-single-event .oa-event-details div {
width: 100%;
margin: 2vh 2vh 2vh 0
}
.oa-registration-method-wrapper a,
.oa-single-event .oa-event-details a {
display: inline-block;
padding: 3px 5px;
margin: 4px 0;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #f9f9f9cc;
text-decoration: none;
color: #0073aa
}
.oa-registration-method-wrapper a:hover,
.oa-single-event .oa-event-details a:hover {
background-color: #dbe9e6;
border-color: #bfdbd5
}
.oa-registration-method-wrapper a::before,
.oa-single-event .oa-event-details a::before {
font-family: "Font Awesome 5 Free";
content: "\f0c1";
display: inline-block;
margin-right: 8px;
font-weight: 900;
color: #0f2625
}
.oa-registration-method-wrapper .oa-icon {
display: none
}
.oa-single-event #mots-clefs {
display: flex;
flex-wrap: wrap;
margin: 12px 0 0 0
}
.oa-event-conditions {
padding: 0 0 20px
}
.oa-event-conditions::after {
content: "";
flex: 1;
margin-left: 1rem;
height: 1px;
background-color: #000
}
.entry-content ul li,
.oa-event-location-name {
list-style-type: none!important;
margin-right: 10px;
}
@media screen and (min-width:768px) {
.oa-sharer-instagram {
display: none!important;
}
}
#post-9 .entry-content p {
font-family: Onest;
font-weight: 700;
text-align: left;
margin-bottom: 0;
word-wrap: break-word
}
@media screen and (max-width:768px) {
a.inspiro-back-to-top {
bottom: var(--inspiro-btt-bottom,8px)!important;
}
.entry-content p {
text-align: left
}
#post-9 .entry-content {
margin: 1rem auto!important
}
.oa-list-item {
justify-self: center;
max-width: 95%;
}
}
.oa-event-location {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 16px;
box-shadow: none;
border-radius: 0;
padding: 16px;
margin: 12px 0 0;
overflow: visible;
background-color: transparent;
width: 100%;
max-width: 1100px;
box-sizing: border-box
}
.oa-event-location-main {
flex: 1;
min-width: 0
}
.oa-event-location-header {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 15px;
margin-bottom: 0
}
.oa-event-location-info {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
align-items: flex-start
}
.oa-event-location-logo-section {
flex-shrink: 0;
width: 150px;
height: 150px;
max-width: 150px;
max-height: 150px;
background: #c3d1cd;
display: flex;  overflow: hidden;
border: 2px solid #000;
box-sizing: border-box
}
.oa-event-location-logo {
width: auto;
height: auto;
max-width: 150px;
max-height: 100%;  align-self: center;
border-radius: 0;
box-shadow: none;
margin: 0
}
.oa-event-location-links {
display: inline-flex;
align-items: center;
gap: 5px;
margin-left: 0;
margin-top: auto;
align-self: flex-start
}
.oa-event-location-links a {
display: inline-block;
padding: 2px;
border-radius: 0;
background-color: rgba(255,255,255,.1);
transition: background-color .3s ease;
line-height: 1
}
.oa-event-location-links a:hover {
background-color: rgba(255,255,255,.2)
}
.oa-event-location-links svg {
width: 23px;
height: 23px
}
.oa-event-location-links a:focus svg,
.oa-event-location-links a:hover svg {
fill: #6f87b4
}
.oa-event-location-address {
font-style: normal;
display: flex;
align-items: flex-start;
gap: 6px
}
.oa-event-location-address .oa-icon-location {
flex-shrink: 0;
width: 1.1em;
height: 1.1em;
margin-top: .15em
}
.oa-event-location-address-text {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: .15em;
min-width: 0
}
.oa-event-location-address a,
.oa-event-location-address-link {
text-align: left;
text-decoration: none;
color: #30050c
}
.oa-event-location-cityline {
display: block;
text-align: left;
color: #30050c;
line-height: 1.3;
font-weight: 700
}
.oa-single-event #locname {
padding-top: 13px;
display: flex;
align-items: flex-start;
flex-direction: column
}
.oa-single-event .oa-event-location-name {
margin: -1vh 0 0 0
}
.oa-single-event .oa-event-location-description {
font-size: small;
background-color: #ffffff7a;
margin: 10px 0;
width: 100%;
padding: 5px 6px;
border-radius: 0;
box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .5);
}
.fixwidth {
width: 100%;
height: auto;
align-self: flex-start;
flex: 1 1 auto;
display: flex;
flex-direction: column;
position: sticky;
top: 13vh;
z-index: 1
}
.oa-single-event .oa-event-location-description:empty {
display: none
}
address {
margin: 0
}
#gmap {
flex: 0 0 320px;
width: 320px;
height: 320px;
aspect-ratio: 1/1;
padding: 0;
margin: 0 0 0 auto;
overflow: hidden;
background-color: #bfdbd5;
border: 2px solid #000;
box-sizing: border-box
}
#gmap .leaflet-container,
#gmap .map-container,
#gmap .oa-event-location-map {
width: 100%!important;
height: 100%!important;
min-height: 320px;
margin: 0
}
@media screen and (max-width:1024px) {
* {
font-size: 99%
}
#post-9 .entry-header {
display: none
}
.oa-single-topline {
display: grid;
grid-template-columns: auto 1fr;
grid-template-areas: "datebar place" "title title";
align-items: start;
justify-items: stretch;
gap: 8px 12px;
min-height: 0
}
.oa-single-topline .oa-card-datebar {
grid-area: datebar;
justify-self: start;
align-self: start;
transform: scale(0.8);
transform-origin: left top
}
.oa-single-title-group {
grid-area: title;
position: static;
transform: none;
left: auto;
top: auto;
bottom: auto;
right: auto;
justify-content: center;
justify-self: center;
width: 100%;
max-width: none;
margin: 0
}
.oa-single-title-group .oa-event-title-single {
text-align: center;
width: 100%
}
.oa-single-place {
grid-area: place;
justify-self: end;
align-self: start;
justify-content: flex-end;
align-items: flex-end;
flex-direction: row-reverse
}
.oa-event-navigation {
margin: 0 auto 1rem!important;
padding: 0 10px;
gap: 6px
}
.oa-event-navigation .oa-nav-link {
padding: 8px 10px;
font-size: .75rem
}
.oa-event-navigation .oa-nav-link span:not(.oa-nav-count) {
display: none
}
.oa-event-navigation .oa-back-link .oa-nav-back-label {
display: none
}
.oa-single-event {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around
}
.oa-single-event .oa-event-title-single {
border: none;
background-color: transparent!important;
text-align: center;
padding-left: 36px
}
.oa-single-event .oa-event-favorite-badge {
position: static;
margin: 0;
scale: 100%
}
.oa-single-event .oa-event-wrapper {
width: 100%;
padding: 10px
}
.oa-single-event .oa-event-header {
flex-direction: column;
align-items: flex-start;
text-align: left;
justify-content: flex-start
}
.oa-single-event .oa-event-title {
font-size: 20px
}
.oa-single-event #mots-clefs,
.oa-single-event .oa-event-access-link,
.oa-single-event .oa-event-details,
.oa-single-event .oa-event-registration {
margin-bottom: 15px;
margin-left: 0;
width: 100%
}
.oa-single-event #event-location {
width: 100%
}
#gmap {
flex: 0 0 auto;
width: 320px;
height: 320px;
margin: 0 auto
}
.oa-single-event #mots-clefs {
display: flex;
flex-wrap: wrap;
justify-content: start;
background-color: transparent
}
}
@media screen and (max-width:1024px) and (min-width:769px) {
.col-imgtxt {
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
gap: 16px
}
.oa-single-media {
flex: 0 0 auto;
width: auto;
max-width: min(34vw,300px)
}
.oa-single-event .oa-single-hero {
position: sticky;
top: 13vh;
width: 100%;
max-width: 100%;
min-width: 0
}
.oa-single-event .oa-event-thumbnail {
margin: 0;
width: 100%;
max-width: 100%
}
.oa-single-event .oa-event-thumbnail img,
.oa-single-event .oa-single-hero-img {
max-width: 100%;
width: 100%;
height: auto
}
.fixwidth {
position: sticky;
top: 13vh;
flex: 1 1 auto;
min-width: 0
}
}
@media screen and (max-width:768px) {
.col-imgtxt {
flex-direction: column
}
.oa-event-location {
flex-direction: column
}
.oa-single-media {
width: 100%;
max-width: 100%
}
.fixwidth,
.oa-single-event .oa-single-hero {
position: relative;
top: auto
}
.oa-single-event .oa-single-hero {
width: 100%;
max-width: 100%;
min-width: 0
}
.oa-single-event .oa-event-thumbnail {
margin: 0;
width: 100%;
max-width: 100%
}
.oa-single-event .oa-event-thumbnail img,
.oa-single-event .oa-single-hero-img {
max-width: 100%;
width: 100%;
height: auto
}
#gmap {
width: 100%;
max-width: 100%;
height: 320px;
margin: 0
}
}
ul.oa-pagination {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 1rem 0
}
.oa-page {
margin: 0
}
.oa-page a,
.oa-page span {
display: inline-block;
line-height: 1;
padding: .5rem
}
.oa-event-navigation {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: stretch;
gap: 8px;
max-width: 1100px;
width: 100%;
margin: 0 auto 1.25rem;
padding: 0 16px;
box-sizing: border-box
}
.oa-event-navigation .oa-nav-link {
align-items: center;
justify-content: center;
box-shadow: none;
display: inline-flex;
gap: 8px;
line-height: 1;
text-decoration: none;
font-family: Onest,sans-serif;
font-size: .85rem;
font-weight: 700;
color: #101010;
background-color: #fff;
outline: 2px solid #000;
padding: 10px 14px;
min-height: 42px
}
.oa-event-navigation .oa-nav-link:focus,
.oa-event-navigation .oa-nav-link:hover {
background-color: #c3d1cd;
color: #101010
}
.oa-event-navigation .oa-previous-link {
grid-column: 1;
justify-self: start
}
.oa-event-navigation .oa-back-link {
grid-column: 2;
justify-self: center;
transform: scale(1);
transform-origin: center center;
flex-direction: row;
background-color: #fdfc85
}
.oa-event-navigation .oa-next-link {
grid-column: 3;
justify-self: end
}
.oa-event-navigation .oa-back-link:focus,
.oa-event-navigation .oa-back-link:hover {
background-color: #ffe009
}
.oa-event-navigation .oa-back-link span,
.oa-event-navigation .oa-nav-back-label,
.oa-event-navigation .oa-nav-count {
display: inline;
font-size: .85rem;
color: #101010;
text-decoration: none
}
.oa-event-navigation .oa-nav-count {
margin-left: 6px;
font-weight: 700;
opacity: .7
}
.oa-event-navigation .oa-icon {
width: 18px;
height: 18px;
flex-shrink: 0
}
.oa-next-link .oa-icon {
margin-left: 0
}
.oa-back-link .oa-icon,
.oa-previous-link .oa-icon {
margin-right: 0
}
.oa-nav-link-disabled {
opacity: .35;
pointer-events: none
}
.oa-languages {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 1rem 0
}
.oa-language-link {
text-transform: uppercase;
padding: .5rem;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent
}
.oa-language-link.active {
border-bottom: 2px solid var(--oa-main-color,#41acdd)
}
.oa-exports,
.oa-sharers {
align-items: center;
display: flex;
justify-content: flex-end
}
.oa-single-event .oa-event-share {
display: inline-flex;
margin-top: auto;
margin-left: auto;
align-self: flex-end;
padding: 6px 10px;
background-color: #fff;
outline: 2px solid #000
}
.oa-single-event .oa-sharers {
justify-content: flex-start;
gap: 0
}
.oa-single-event .oa-sharers-label {
display: inline-flex;
align-items: center;
margin-right: 8px;
padding-right: 10px;
border-right: 1px solid #33333370;
cursor: help;
color: #101010;
text-decoration: none;
pointer-events: auto
}
.oa-single-event .oa-sharers-label .oa-icon {
width: 22px;
height: 22px;
fill: #101010
}
.oa-single-event .oa-sharer-button {
cursor: pointer;
color: #101010
}
.oa-event-location-links svg,
.oa-single-event .oa-sharer-button svg {
fill: #101010;
transition: fill .2s ease
}
.oa-single-event .oa-sharer-button:focus svg,
.oa-single-event .oa-sharer-button:hover svg {
fill: #6f87b4
}
ul.oa-exports-links,
ul.oa-sharers-links {
display: flex;
list-style: none;
margin: 0
}
.oa-export-button,
.oa-sharer-button {
align-items: center;
display: inline-flex;
padding: .25rem;
margin-left: 8px
}
.oa-event-timings {
margin: 1rem 0
}
.oa-card-meta,
.oa-meta,
.oa-registration-method-wrapper {
align-items: center;
display: flex
}
.oa-card-meta .oa-icon,
.oa-meta .oa-icon,
.oa-registration-method-wrapper .oa-icon {
margin-right: 5px
}
.oa-timing {
display: flex
}
.oa-seperator,
.oa-timing-seperator {
margin: 0 5px
}
ul.oa-months {
list-style: none;
padding: 0;
margin: 0
}
li.oa-month {
list-style: none
}
li.oa-month.oa-hidden {
display: none
}
.oa-month-header {
align-items: center;
display: flex;
justify-content: space-between
}
ul.oa-week {
margin-top: .75rem;
list-style: none;
padding: 0
}
button.oa-button {
background: 0 0;
border: none;
line-height: 1;
padding: 0;
margin: 0
}
button.oa-button:focus,
button.oa-button:hover {
background: 0 0;
border: none
}
button.oa-button[disabled=true] {
opacity: .5
}
.oa-access-link-label,
.oa-registration-label {
display: block
}
div[data-container-id=oa-wrapper] {
position: relative
}
div[data-container-id=oa-wrapper] .oa-update-overlay {
align-items: center;
background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.9) 100px,rgba(255,255,255,.9) 100%);
display: flex;
flex-direction: column;
height: 100vh;
justify-content: center;
left: 0;
padding: 2rem;
position: fixed;
text-align: center;
top: 62px;
width: 100%;
z-index: 9999
}
div[data-container-id=oa-wrapper] .oa-update-overlay .oa-icon-refresh {
display: inline-block;
height: 4rem;
width: 4rem;
margin: -10vw auto 0
}
div[data-container-id=oa-wrapper] .oa-update-overlay p {
margin: 1rem 0
}
.oa-notice {
padding: 1rem;
margin-bottom: 1rem
}
.oa-notice p {
margin: 0
}
.oa-notice-error {
background-color: #fef2f2;
border-left: 3px solid #b91c1c
}
.event-map {
height: 300px
}
.map-container .leaflet-container {
height: 300px
}
.leaflet-bottom,
.leaflet-top {
z-index: 500!important
}
#post-152 .entry-content {
max-width: 90%
}
.favstar {
position: absolute;
top: 3px;
right: 1%;
height: 26px;
fill: none!important;
background-color: transparent;
transform: scale(1.2);
transform-origin: center center;
border-radius: 14px
}
.oa-preview {
max-width: 1800px;
margin: 0 auto;
padding: 1rem
}
.oa-preview-card {
margin-bottom: .5rem
}
.oa-card.dark {
background-color: #0c2442!important;
height: 42vh
}
.oa-card:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(-70deg,#424242,transparent 50%);
opacity: 1;
border-radius: 10px
}
.oa-card {
box-shadow: 0 11px 19px -8px rgb(0 0 0);
border-radius: 10px;
margin: 0 0 2rem 0;
overflow: hidden;
position: relative;
color: #fff
}
.oa-card:hover {
transition: .3s ease;
transform: scale(1.03)
} .bordradnone {
border-radius: 0!important;
}
.caco {
position: absolute; padding-top: 27px;
font-weight: bold;
}
.cahier-inrock .wp-block-button__link {
border: 2px solid #30050c;
display: flex;
width: 300px;
flex-direction: row;
align-items: flex-start;
gap: 1rem;
padding: 0.5rem 1rem!important;
text-decoration: none;
}
.cahier-inrock .wp-font-awesome-icon {
flex-shrink: 0;
font-size: 1em;
line-height: 1;
margin-top: 0.1em;
}
.cahier-inrock .secol {
font-weight: bold;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.1rem;
}
.cahier-inrock .secol > span:first-child,
.cahier-inrock .secol > text:first-child {
font-weight: 600;
font-size: 1.1rem;
line-height: 1.3;
}
.cahier-inrock .secol picture {
margin-top: 0.25rem;
}
.cahier-inrock .secol picture img {
position: relative;
max-height: 60px;
height: auto;
width: auto;
top: -8px;
}
.cahier-inrock .wp-block-button__link picture img {
max-height: 60px;
height: auto;
width: auto;
}
#daterng > .oa-icon {
fill: #c5d4e5;
margin: 0 5px 0 0
}
#post-152 .daterange {
display: flex;
font-size: smaller;
padding: 5px 0 5px 5px
}
#post-152 .event-img {
padding: 0!important
}
#post-152 .event-img img {
height: 160px;
width: 100%;
object-fit: cover;
position: relative
}
#post-152 .event-img:hover img {
transition: .3s ease;
-webkit-filter: brightness(0.7);
filter: brightness(.7)
}
.oa-card-img {
display: block;
object-fit: cover;
object-position: center;
width: 100%;
height: 100%
}
.oa-card-body {
padding: 0 1rem
}
#dontmove p {
margin: 0 0 .5em!important;
padding: 0
}
.oa-card .bar {
width: 50px;
height: 5px;
margin: 5px 0 5px -16px;
border-radius: 0 5px 5px 0;
background-color: #424242;
transition: width .2s ease
}
.oa-card:hover .bar {
width: 55%
}
.oa-card-link {
position: relative;
text-decoration: none!important;
color: #fff;
z-index: 1;
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto
}
.oa-card-link:hover {
color: #ccf02d
}
.oa-list-unstyled {
list-style: none;
padding: 0;
margin: 0;
line-height: 1.2;
position: absolute;
bottom: 5px
}
#locat > .oa-icon {
fill: #c5d4e5;
margin: 0 5px 0 0
}
.oa-card-city {
float: right;
right: 10px;
position: relative;
bottom: 40px;
font-size: small;
padding: 0 5px;
background-color: #008b8b;
border-radius: 4px
}
.oa-card .postcard__tagbox .green.play:hover {
background: #79dd09;
color: #000
}
.green .postcard__title:hover {
color: #79dd09
}
.green .bar {
background-color: #f39c12
}
.green::before {
background-image: linear-gradient(-30deg,rgba(121,221,9,.1),transparent 50%)
}
.green:nth-child(2n)::before {
background-image: linear-gradient(30deg,rgba(121,221,9,.1),transparent 50%)
}
@media screen and (min-width:769px) {
.green::before {
background-image: linear-gradient(-60deg,rgba(121,221,9,.1),transparent 50%)
}
.green:nth-child(2n)::before {
background-image: linear-gradient(60deg,rgba(121,221,9,.1),transparent 50%)
}
}
.oa-active-filters-widget button.btn {
background: 0 0;
border: none;
padding: 2px 4px;
color: var(--oa-active-filter-color);
cursor: pointer;
transition: background-color .3s ease,color .3s ease;
box-sizing: border-box
}
.oa-active-filters-widget button.btn:focus,
.oa-active-filters-widget button.btn:hover {
background: var(--oa-active-filter-color);
color: #fff;
outline: 2px solid var(--oa-active-filter-color);
outline-offset: 2px
}
.form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
border-radius: 0
}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 10px;
font-size: 16px;
line-height: 1.5
}
.oa-search-widget .input-group {
width: 100%;
position: relative;
display: flex
}
.oa-search-widget .input-group input {
font-size: 23px;
font-weight: 700
}
.oa-widget .form-control {
height: 40px;
width: 100%;
border: 2px solid #30050c!important;
outline: 0
}
.oa-choice-widget .form-control {
width: 25%;
border: 2px solid #30050c!important;
border-radius: 5px;
outline: 0
}
.oa-search-widget .btn-outline-secondary {
background: #30050c;
padding: 16px 25px;
line-height: 0;
color: #fff;
cursor: pointer
}
.oa-search-widget .btn-outline-secondary,
.oa-search-widget .btn-outline-secondary:hover {
border-color: transparent
}
.maptxt {
min-height: 24px
}
.maptxt > a:hover {
color: #ecf2bc!important
}
.clicker {
display: block;
text-align: center;
padding: 0 5px;
text-decoration: none!important;
color: #fff!important;
font-size: small;
background: linear-gradient(180deg,#391017 0,#30050cd6 35%,#30050c 100%);
border-radius: 5px 5px 0 0;
cursor: pointer
}
.clicker.hidden {
display: none
}
.hiddendiv {
height: 0;
color: #fff;
background-color: #30050c;
overflow: hidden;
transition: height .5s
}
#showdiv1 {
position: fixed
}
#showdiv1:target ~ div a[href="#showdiv1"] {
display: none
}
#showdiv1:target ~ div a[href="#hidediv1"] {
display: block
}
#showdiv1:target ~ div .hiddendiv.nr1 {
height: 322px
}
.input-group-append {
line-height: 0;
height: 0
}
.css-1t29t6p {
width: 100%!important
}
.date .inactive,
.oa-choice-widget .checkbox {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 2px 3px;
padding: 0 5px;
background-color: #5bb0cf;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color .3s
}
.date-checkbox:hover,
.oa-choice-widget .checkbox:hover {
background-color: #b4dcf1
}
.oa-choice-widget .checkbox input {
display: none
}
.date-checkbox.active,
.oa-choice-widget .checkbox.active {
background-color: #e31b4dba
}
.oa-filter-total {
display: none
}
.oa-choice-widget {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
flex-direction: row;
font-size: 13px;
margin-block-start: 0;
margin-block-end: 9px!important
}
.oa-choice-widget .checkbox,
.oa-choice-widget label.oa-choice-option-label {
font-size: 0
}
.oa-choice-widget .oa-choice-option-label,
.oa-choice-widget .oa-choice-option-label > span:first-of-type {
font-size: 13px
}
.oa-active-filters-widget .badge-warning {
background-color: #f0ad4e;
color: #fff
} .oa-filter-toolbar {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
position: relative;
width: 100%;
margin: 0 0 .75rem
}
.oa-filter-toolbar-line {
display: flex;
align-items: center;
gap: 12px;
min-height: 44px;
flex-wrap: wrap;
width: 100%
}
.oa-filter-toolbar-toggle {
display: inline-flex;
align-items: center;
gap: 8px;
background-color: rgb(236 242 188);
padding: 6px 14px;
border-radius: 20px;
border: none;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
color: #30050c;
font-family: Onest, sans-serif;
font-size: 14px;
font-weight: 700;
box-shadow: inset 0 -1px 4px 0 rgba(23,45,44,.3);
transition: background-color .2s ease
}
.oa-filter-toolbar-toggle:hover {
background-color: #e4e8c4
}
.oa-filter-toolbar-toggle[aria-expanded="true"] {
background-color: #c4d3cf
}
.oa-filter-toolbar-toggle .oa-filter-toolbar-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px
}
.oa-filter-toolbar-toggle .oa-filter-toolbar-icon .oa-icon {
width: 16px;
height: 16px;
display: block
}
.oa-filter-toolbar-favorites {
margin-left: auto;
display: flex;
align-items: center
}
.oa-filter-toolbar-content {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: opacity .3s ease, max-height .3s ease;
background-color: rgb(236 242 188);
border-radius: 0 5px 5px 5px;
padding: 0 12px;
box-shadow: none;
width: 100%
}
.oa-filter-toolbar-content[aria-expanded="true"],
.oa-filter-toolbar-content.open {
max-height: 420px;
opacity: 1;
margin-top: 4px;
padding: 8px 12px
}
.oa-filter-toolbar-content .filters .wp-block-columns {
gap: .5rem!important;
margin-bottom: 0
}
.oa-filter-toolbar-content .filters .wp-block-column {
margin: 0!important
}
.oa-filter-toolbar-content .filters p {
margin: 0 0 2px;
line-height: 1.2
}
.oa-filter-toolbar-content .filters sub {
font-family: Onest,sans-serif;
font-size: .65rem;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
color: #5bb0cf;
bottom: 0;
vertical-align: baseline
}
.oa-filter-toolbar-content .filters .oa-choice-widget {
font-size: 12px;
margin-block-start: 0;
margin-block-end: 4px!important
}
.oa-filter-toolbar-content .filters .oa-choice-widget .checkbox {
margin: 2px;
padding: 0 6px;
min-height: 22px
}
.oa-filter-toolbar-content .filters .oa-choice-widget .oa-choice-option-label,
.oa-filter-toolbar-content .filters .oa-choice-widget .oa-choice-option-label > span:first-of-type {
font-size: 12px
}
@media (max-width:600px) {
.oa-filter-toolbar-line {
gap: 8px
}
.oa-filter-toolbar-content .filters .wp-block-columns {
flex-direction: column!important
}
} .oa-filter-toolbar #showdiv2 {
display: flex;
flex-direction: column;
align-items: stretch;
width: 82%;
position: relative;
place-self: anchor-center
}
.oa-filter-toolbar .toggle-checkbox {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
margin: 0;
padding: 0;
pointer-events: none
}
.oa-filter-toolbar-row {
display: flex;
align-items: center;
gap: 12px;
min-height: 18px;
flex-wrap: wrap;
width: 100%
}
.oa-filter-toolbar-row .filter-toggle {
order: 1
}
.oa-filter-toolbar #vosfavoris2 {
position: absolute;
top: 10px;
right: 3px;
z-index: 2;
display: flex;
align-items: center;
margin-left: 0
}
.oa-filter-toolbar #vosfavoris2 .checkbox,
.oa-filter-toolbar #vosfavoris2 .oa-choice-widget,
.oa-filter-toolbar #vosfavoris2 .oa-widget {
background: 0 0;
box-shadow: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center
}
.oa-filter-toolbar #vosfavoris2 .fav-checkbox {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
margin: 0;
padding: 0;
pointer-events: none
}
.oa-filter-toolbar #vosfavoris2 label.oa {
cursor: pointer;
width: auto;
min-width: 0;
min-height: 0;
height: auto;
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 8px;
padding: 2px 4px;
color: #30050c;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation
}
.oa-filter-toolbar #showdiv2 .filter-toggle,
.oa-filter-toolbar #vosfavoris2 label.oa {
cursor: pointer;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation
}
.oa-filter-toolbar #vosfavoris2 .oa-fav-filter-control {
position: relative;
width: 36px;
height: 36px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #9f9f9f;
color: #fff;
box-shadow: 0 2px 8px rgba(198,255,144,.55);
transition: background .3s ease,box-shadow .2s ease,color .2s ease
}
.oa-filter-toolbar #vosfavoris2 .oa-fav-filter-control .oa-icon {
width: 20px;
height: 20px;
display: block
}
.oa-filter-toolbar #vosfavoris2 .oa-fav-filter-control .oa-icon-heart {
display: none;
fill: currentColor
}
.oa-filter-toolbar #vosfavoris2 .oa-fav-filter-control .oa-icon-heart-empty {
display: block;
fill: none
}
.oa-filter-toolbar #vosfavoris2 .fav-checkbox:checked ~ label .oa-fav-filter-control {
background: #dbe9e6;
color: #e31b4d;
box-shadow: 0 4px 16px rgb(219 233 230)
}
.oa-filter-toolbar #vosfavoris2 .fav-checkbox:checked ~ label .oa-icon-heart-empty {
display: none
}
.oa-filter-toolbar #vosfavoris2 .fav-checkbox:checked ~ label .oa-icon-heart {
display: block
}
.oa-filter-toolbar #vosfavoris2 .checkbox.active .oa-fav-filter-control,
.oa-filter-toolbar #vosfavoris2 label:hover .oa-fav-filter-control {
background-color: #dbe9e6;
color: #e31b4d;
box-shadow: 0 4px 16px rgb(219 233 230)
}
.oa-filter-toolbar #vosfavoris2 label:hover .oa-icon-heart-empty {
display: none
}
.oa-filter-toolbar #vosfavoris2 label:hover .oa-icon-heart {
display: block
}
.oa-filter-toolbar #vosfavoris2 .oa-fav-filter-copy {
display: flex;
flex-direction: column;
align-items: flex-start;
line-height: 1.1;
pointer-events: none
}
.oa-filter-toolbar #vosfavoris2 .oa-fav-filter-hint {
display: inline-flex;
align-items: center;
gap: 3px;
font-family: Onest,sans-serif;
font-size: .6rem;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: #30050c
}
.oa-filter-toolbar #vosfavoris2 .oa-fav-filter-funnel {
width: .85em;
height: .85em;
display: block
}
.oa-filter-toolbar #vosfavoris2 .oa-fav-filter-name {
font-family: Onest, sans-serif;
padding-left: 11px;
font-size: .75rem;
font-weight: 700;
color: #f28725;
}
.oa-filter-toolbar #vosfavoris2 .fav-checkbox:checked ~ label .oa-fav-filter-hint {
color: #30050c
}
.oa-filter-toolbar .filter-toggle {
display: inline-flex;
align-items: center;
width: auto;
background-color: #b8d8ec;
padding: 2px 8px;
border-radius: 6px 6px 0 0;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
box-shadow: inset 0 3px 4px 0 rgba(23,45,44,.3);
margin-bottom: 0;
transition: background-color .3s ease
}
.oa-filter-toolbar .filter-text {
font-family: Onest, sans-serif;
font-size: 12px;
font-weight: 700;
color: #010002;
margin-right: 6px;
display: grid;
align-items: center;
justify-items: center;
line-height: 1
}
.oa-filter-toolbar .text-checked,
.oa-filter-toolbar .text-default {
grid-area: 1 / 1;
transition: opacity .3s ease;
opacity: 1;
pointer-events: none;
margin: 0;
white-space: nowrap
}
.oa-filter-toolbar .text-checked {
opacity: 0
}
.oa-filter-toolbar .toggle-checkbox:checked ~ .oa-filter-toolbar-row .filter-toggle .text-default,
.oa-filter-toolbar:has(.toggle-checkbox:checked) .filter-toggle .text-default {
opacity: 0
}
.oa-filter-toolbar .toggle-checkbox:checked ~ .oa-filter-toolbar-row .filter-toggle .text-checked,
.oa-filter-toolbar:has(.toggle-checkbox:checked) .filter-toggle .text-checked {
opacity: 1
}
.oa-filter-toolbar:has(.toggle-checkbox:checked) .filter-toggle,
.oa-filter-toolbar .toggle-checkbox:checked ~ .oa-filter-toolbar-row .filter-toggle {
background-color: rgb(236 242 188)
}
.oa-filter-toolbar .toggle-switch {
position: relative;
width: 14px;
height: 14px;
flex-shrink: 0
}
.oa-filter-toolbar .toggle-switch::after {
content: "";
display: block;
width: 14px;
height: 14px;
background-color: #30050c;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6h16l-6 7v5l-4 2v-7L4 6z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6h16l-6 7v5l-4 2v-7L4 6z'/%3E%3C/svg%3E") center / contain no-repeat
}
.oa-filter-toolbar .slider,
.oa-filter-toolbar .slider:before {
display: none
}
.oa-filter-toolbar .collapsible-content {
order: 3;
flex: 0 0 100%;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: opacity .3s ease,max-height .3s ease;
background-color: rgb(236 242 188);
border-radius: 0 5px 5px 5px;
padding: 0 12px;
box-shadow: none;
width: 100%
}
.oa-filter-toolbar .toggle-checkbox:checked ~ .collapsible-content,
.oa-filter-toolbar:has(.toggle-checkbox:checked) .collapsible-content {
max-height: 1600px;
opacity: 1;
margin-top: 0;
padding: 8px 12px
}
.oa-filter-toolbar #showdiv2 .filters .wp-block-columns,
.oa-filter-toolbar .collapsible-content .filters .wp-block-columns,
.oa-filter-toolbar ~ .wp-block-columns {
gap: .5rem!important;
margin-bottom: 0
}
.oa-filter-toolbar #showdiv2 .filters .wp-block-column {
margin: 0!important
}
.oa-filter-toolbar #showdiv2 .filters p {
margin: 0 0 2px;
line-height: 1.2
}
.oa-filter-toolbar #showdiv2 .filters sub,
.oa-filter-toolbar .collapsible-content .filters sub,
.oa-filter-toolbar ~ .wp-block-columns sub {
font-family: Onest,sans-serif;
font-size: .65rem;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
color: #5bb0cf;
bottom: 0;
vertical-align: baseline
}
.oa-filter-toolbar #showdiv2 .filters .oa-choice-widget {
font-size: 12px;
margin-block-start: 0;
margin-block-end: 4px!important
}
.oa-filter-toolbar #showdiv2 .filters .oa-choice-widget .checkbox {
margin: 2px;
padding: 0 6px;
min-height: 22px
}
.oa-filter-toolbar #showdiv2 .filters .oa-choice-widget .oa-choice-option-label,
.oa-filter-toolbar #showdiv2 .filters .oa-choice-widget .oa-choice-option-label > span:first-of-type {
font-size: 12px
}
@media (max-width:600px) {
.oa-filter-toolbar-row {
gap: 8px
}
.oa-filter-toolbar .filter-text {
font-size: 12px
}
.oa-filter-toolbar .text-checked,
.oa-filter-toolbar .text-default {
white-space: normal;
text-align: center
}
.oa-filter-toolbar #showdiv2 .filters .wp-block-columns {
flex-direction: column!important
}
}
.jours, .filter-sw {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
font-size: small;
color: #fff;
background: #30050c;
padding: 2px 0 4px 0;
padding-top: 2px;
cursor: default
}
.filter-sw {
background: linear-gradient(0deg,#0c1817 0,#30050c 35%,#30050c 100%);
border-radius: 0 0 5px 5px;
margin-bottom: 5px;
}
.oa-filter-toolbar .filter-sw {
order: 1;
justify-content: flex-start;
align-items: center;
flex: 1 1 100%;
width: 100%;
min-width: 0;
margin-bottom: 0;
padding: 0px 113px 0px 9px
}
.oa-filter-toolbar .filter-sw #showdiv2 {
width: auto;
align-items: flex-start;
place-self: start
}
@media (min-width: 768px) {
.oa-filter-toolbar .filter-sw {
background: none;
border-radius: 0;
height: 0;
min-height: 0;
padding: 0;
overflow: visible
}
.oa-filter-toolbar .filter-sw #showdiv2 {
position: static
}
.oa-filter-toolbar .filter-toggle {
position: absolute;
bottom: 100%;
left: 5px;
z-index: 2
}
.oa-filter-toolbar:has(.toggle-checkbox:checked) #vosfavoris2 {
top: 120%;
bottom: 0
}
}
@media (max-width: 767px) {
.oa-filter-toolbar #vosfavoris2,
.oa-filter-toolbar:has(.toggle-checkbox:checked) #vosfavoris2 {
top: 105%;
bottom: auto
}
}
.date {
cursor: pointer;
margin: 0 3px;
padding: 0 5px
}
.date:hover {
background-color: #5bb0cf;
border-radius: 5px
}
.date.active {
background-color: #f59f23;
border-radius: 5px;
box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.5)
}
.jours p {
margin-left: 11px
}
.avant {
float: inline-end
}
@media screen and (max-width:556px) {
.avant,
.jours p {
display: none
}
}
.map-container .checkbox {
float: right;
margin-right: 5px;
font-size: small
}
.btn-outline-secondary > .fa-search {
margin: -6px -10px;
position: relative;
vertical-align: top;
font-size: large
}
.favstar button.oa-event-favorite-badge,
.single-oa-calendar button.oa-event-favorite-badge,
button.oa-event-favorite-badge {
background: 0 0!important;
background-color: transparent!important;
fill: none;
border: none;
outline: 0;
line-height: 1;
padding: 0;
width: 24px;
height: 24px;
color: #6b6b6b;
filter: none;
opacity: 1
}
.favstar button.oa-event-favorite-badge:focus,
.favstar button.oa-event-favorite-badge:hover,
.favstar:hover button.oa-event-favorite-badge,
.single-oa-calendar button.oa-event-favorite-badge:focus,
.single-oa-calendar button.oa-event-favorite-badge:hover,
button.oa-event-favorite-badge:focus,
button.oa-event-favorite-badge:hover {
background-color: transparent!important;
outline: 0;
transform: scale(1.08);
color: #6b6b6b;
filter: none;
opacity: 1
}
.favstar button.oa-event-favorite-badge.active,
.favstar button.oa-event-favorite-badge.active:hover,
.favstar button.oa-event-favorite-badge[aria-pressed=true],
.favstar button.oa-event-favorite-badge[aria-pressed=true]:hover,
.favstar:hover button.oa-event-favorite-badge.active,
.favstar:hover button.oa-event-favorite-badge[aria-pressed=true],
.single-oa-calendar button.oa-event-favorite-badge.active,
.single-oa-calendar button.oa-event-favorite-badge[aria-pressed=true],
button.oa-event-favorite-badge.active,
button.oa-event-favorite-badge[aria-pressed=true] {
filter: none!important;
opacity: 1!important;
color: #e31b4d
}
.oa-single-event button.oa-event-favorite-badge {
position: static;
margin: 0;
border: none;
line-height: 1;
padding: 0;
scale: 100%;
z-index: 2
}
@media screen and (max-width:768px) {
.oa-single-event button.oa-event-favorite-badge {
position: static;
right: auto;
scale: 100%
}
.oa-widget .form-control {
font-size: small
}
.has-medium-font-size {
font-size: 16px!important
}
h2 {
font-size: 30px;
font-size: 1.8rem
} #villefinder .oa-widget.oa-choice-widget {
max-height: 30vh;
overflow-x: hidden;
overflow-y: auto
}
}
button.oa-event-favorite-badge:focus,
button.oa-event-favorite-badge:hover {
background-color: transparent!important
}
button.oa-event-favorite-badge .active-icon,
button.oa-event-favorite-badge .inactive-icon {
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
background: 0 0
}
button.oa-event-favorite-badge .active-icon svg,
button.oa-event-favorite-badge .inactive-icon svg {
opacity: 1;
width: 22px;
height: 22px;
display: block
}
button.oa-event-favorite-badge .oa-icon-heart {
fill: currentColor
}
button.oa-event-favorite-badge .oa-icon-heart-empty {
fill: none
}
button.oa-event-favorite-badge .active-icon {
display: none
}
button.oa-event-favorite-badge.active .active-icon,
button.oa-event-favorite-badge[aria-pressed=true] .active-icon {
display: block
}
button.oa-event-favorite-badge.active .inactive-icon,
button.oa-event-favorite-badge[aria-pressed=true] .inactive-icon {
display: none
}
#post-374 .entry-title::after {
display: none
}
#post-374 .entry-content {
margin-top: 0
}
#post-374 .entry-content a {
font-weight: 700;
}
#button-container {
display: flex;
justify-content: center;
margin-bottom: 10px
}
#button-container button {
padding: 6px 8px;
margin: 6px 5px 0 5px;
font-size: 72%;
background-color: #30050c;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color .3s ease
}
#button-container button:hover {
background-color: #7786c1
}
@media screen and (max-width:64em) {
.navbar-nav > li.current-menu-item > a,
.navbar-nav > li.current-menu-parent > a,
.navbar-nav > li.current_page_item > a {
color: #ffe009!important
}
}
@media (max-width:376px) {
.oa-single-event h2 {
font-size: 1.2rem;
}
}
.partners-grid {
display: grid;
grid-template-columns: repeat(auto-fill,minmax(90px,1fr));
gap: 1rem;
justify-content: center;
justify-items: center;
padding: 2rem;
max-width: 800px;
margin: 0 auto;
box-sizing: border-box
}
.partner-logo {
align-content: center
}
.partner-logo img {
width: 90px;
height: auto;
object-fit: contain;
display: block;
justify-self: center
}
@media (min-width:1200px) {
.partners-grid {
grid-template-columns: repeat(7,137px);
justify-content: flex-start;
margin: 0
}
}
@media (max-width:668px) {
.partners-grid {
grid-template-columns: repeat(4,110px)
}
.oa-single-event h2 {
font-size: 2.5vh
}
.oa-single-event h3 {
font-size: 2vh
}
}
@media (max-width:595px) {
.partners-grid {
grid-template-columns: repeat(3,100px)
}
.page .entry-title, .page-title {
font-size: 3rem;
}
}
@media (max-width:434px) {
.partners-grid {
grid-template-columns: repeat(2,90px)
}
}
#post-145 .entry-content {
margin-top: -5vh!important
}
#post-145 h2 {
font-family: "Mostra Nuova";
font-size: 2.5rem;
text-align-last: center
}
@media (max-width:768px) {
#hero,
.layer {
max-width: 768px;
min-height: 300px;
max-height: 1vh
}
#post-145 h2 {
font-size: 1.5rem;
text-align: center
}
#post-145 figure {
width: 230px;
max-height: 230px;
padding: 10px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center
}
#post-145 picture {
width: 230px;
max-height: 230px;
padding: 10px;
box-sizing: border-box
}
#post-145 figure img {
display: flex;
justify-content: center;
align-items: center
}
#hero div:empty,
.wp-block-columns div:empty {
display: block
}
.entry-title {
font-size: 42px
}
.oa-export-button,
.oa-sharer-button {
margin-left: 1px;
margin-top: 5px;
padding: 0
}
#page-9 .wp-block-spacer {
display: none!important
}
#page-9 .wp-block-group {
padding: 0!important
}
}
.stickup {
margin: -29px 0 0 12px
}
.logopartner img {
min-height: 300px;
max-width: 300px
}
.overlaylf {
display: inline-flex;
align-items: center;
justify-content: flex-end;
background: none;
pointer-events: none;
line-height: 1;
}
.zoom-instruction {
background: rgba(255,255,255,.95);
color: #111;
padding: 8px 12px;
border: 1px solid #999;
border-radius: 6px;
font-size: 12px;
font-weight: 600;
line-height: 1.4;
text-align: center;
box-shadow: 0 2px 8px rgba(0,0,0,.2);
white-space: nowrap;
}
#villefinder .oa-widget.oa-choice-widget button.btn-link-inline {
display: none
}
#villefinder .oa-widget.oa-choice-widget .checkbox.inactive .oa-choice-option-label {
color: #30040b;
font-weight: 400
}
#villefinder .oa-widget.oa-choice-widget .checkbox.inactive .oa-choice-option-label:hover {
color: #0bb4aa;
}
#villefinder .oa-widget.oa-choice-widget .checkbox.active .oa-choice-option-label {
color: #000;
background-color: none
}
#villefinder .oa-widget.oa-choice-widget {
min-height: 35px;
height: auto;
padding: 5px 0 0 5px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: rgb(236 242 188);
margin-block-end: 0!important;
display: flex;
flex-wrap: wrap;
overflow: hidden
}
#villefinder .oa-widget.oa-choice-widget .form-control {
width: 91px!important;
height: 2vh;
margin-bottom: 4px;
margin-right: 4px;
font-size: small
}
#villefinder .oa-widget.oa-choice-widget .checkbox {
margin: -3px 0 0 0;
background-color: transparent;
min-width: 0
}
#villefinder .oa-widget.oa-choice-widget .oa-choice-option-label {
display: inline-block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
} #villefinder .oa-widget.oa-choice-widget:not(.oa-searching) .checkbox:not(.oa-curated):not(.active) {
display: none !important;
} #villefinder .oa-widget.oa-choice-widget:not(.oa-searching) .checkbox.oa-trimmed {
display: none !important;
}  .partenaires-header {
margin-bottom: 3rem;
text-align: center;
}
.partenaires-title {
font-family: "Mostra Nueva";
font-size: clamp(2.5rem, 5vw, 4.5rem);
font-weight: 400;
margin: 0;
color: #30050c;
}
.partenaires-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2.5rem;
max-width: 1400px;
margin: 0 auto;
padding: 0 1.875em;
}
.partenaires-category {
display: flex;
flex-direction: column;
}
.partenaires-category-title {
font-family: "Onest";
font-size: clamp(1.25rem, 2.5vw, 1.75rem);
font-weight: 600;
text-align: center;
margin: 0 0 1.5rem 0;
color: #30050c;
text-transform: uppercase;
letter-spacing: 0.05em;
padding-bottom: 0.75rem;
border-bottom: 2px solid #f28725;
display: inline-block;
width: 100%;
}
.partenaires-logos {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 1rem;
padding: 1rem 0;
}
.partenaires-logos .partenaire-logo-link {
display: inline-block;
line-height: 0;
text-decoration: none;
max-width: 160px;
padding: 0.75rem;
aspect-ratio: 4 / 3;
}
.partenaires-logos img {
max-width: 100%;
height: 100%;
object-fit: contain;
filter: grayscale(0%);
opacity: 1;
transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
display: block;
width: 100%;
transform: scale(var(--logo-zoom, 1));
transform-origin: center center;
}
.partenaires-logos .partenaire-logo-link:hover img {
filter: grayscale(100%);
opacity: 0.8;
transform: scale(calc(var(--logo-zoom, 1) * 1.05));
} .partenaires-category[data-category="nationaux"] {
grid-column: 1 / -1;
}
.partenaires-category[data-category="nationaux"] .partenaires-logos {
justify-content: center;
padding-bottom: 50px;
} .partenaires-category[data-category="prives"] .partenaire-logo-link:nth-child(-n+2) {
flex: 0 0 calc(50% - 0.5rem);
max-width: calc(33.333% - 0.5rem);
}
.partenaires-category[data-category="prives"] .partenaire-logo-link:nth-child(n+3):nth-child(-n+5) {
flex: 0 0 calc(33.333% - 0.666rem);
max-width: calc(33.333% - 0.666rem);
}
.partenaires-category[data-category="prives"] .partenaire-logo-link:nth-child(n+6) {
flex: 0 0 calc(33.333% - 0.666rem);
max-width: calc(33.333% - 0.666rem);
} @media (max-width: 600px) {
.partenaires-category[data-category="prives"] .partenaire-logo-link,
.partenaires-category[data-category="prives"] .partenaire-logo-link:nth-child(-n+2),
.partenaires-category[data-category="prives"] .partenaire-logo-link:nth-child(n+3):nth-child(-n+5),
.partenaires-category[data-category="prives"] .partenaire-logo-link:nth-child(n+6) {
flex: 0 0 calc(50% - 0.375rem) !important;
max-width: 140px !important;
}
} @media (max-width: 491px) {
.partenaires-category[data-category="prives"] .partenaire-logo-link,
.partenaires-category[data-category="prives"] .partenaire-logo-link:nth-child(-n+2),
.partenaires-category[data-category="prives"] .partenaire-logo-link:nth-child(n+3):nth-child(-n+5),
.partenaires-category[data-category="prives"] .partenaire-logo-link:nth-child(n+6) {
max-width: none !important;
}
} @media (max-width: 900px) {
.partenaires-grid {
grid-template-columns: 1fr;
gap: 2rem;
}
.partenaires-category-title {
font-size: clamp(1.125rem, 3vw, 1.5rem);
}
.partenaires-logos {
gap: 1rem;
}
}
@media (max-width: 600px) {
.partenaires-wrap {
padding: 2.5rem 0;
}
.partenaires-title {
font-size: clamp(2rem, 6vw, 3rem);
}
.partenaires-grid {
padding: 0 1rem;
gap: 1.5rem;
}
.partenaires-logos {
gap: 0.75rem;
}
.partenaires-logos .partenaire-logo-link {
max-width: 140px;
flex: 0 0 calc(50% - 0.375rem);
} .partenaires-category[data-category="prives"] .partenaire-logo-link:nth-child(3) {
width: auto;
max-width: 140px;
flex: 0 0 calc(50% - 0.375rem);
}
} body::after {
content: "";
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 30vw;
background-image: url(//festival.bar-bars.com/wp-content/themes/inspiro-child/assets/images/2026/fond_danse_1.webp);
background-repeat: no-repeat;
background-position: left bottom;
background-size: contain;
opacity: .4;
z-index: -1;
pointer-events: none;
} body::before {
content: "";
position: fixed;
top: 0;
bottom: 0;
right: 0;
width: 30vw;
background-image: url(//festival.bar-bars.com/wp-content/themes/inspiro-child/assets/images/2026/fond_danse_2.webp);
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
opacity: .4;
z-index: -1;
pointer-events: none;
} .site-content-contain {
background-color: rgba(255, 255, 255, .82);
}
@media (orientation: portrait) and (max-width: 1024px) {
body::after,
body::before {
width: 50vw;
background-size: auto 85%;
opacity: .35;
}
body::after {
background-position: left center;
}
body::before {
background-position: right center;
}
}