/*
Theme Name: bastille musique
Theme URI:
Author: nebas.dev (rebuild) — original design by MeCreative
Author URI: https://nebas.dev
Description: bastille musique — 2026 rebuild on WordPress 7 / PHP 8. Requires Secure Custom Fields (SCF), Polylang and Contact Form 7. Dates (Termine) are a native custom post type; no external database, no WPML, no Relevanssi.
Version: 2.0.0
Requires at least: 6.7
Requires PHP: 8.0
License:
License URI:
Tags:
Text Domain: bm
*/
@import 'css/slick.min.css';
@font-face {
    font-family: 'dashicons';
    src: url('fonts/dashicons.eot');
    src: url('fonts/dashicons.eot?#iefix') format('embedded-opentype'),
         url('fonts/dashicons.woff') format('woff'),
         url('fonts/dashiconst.ttf') format('truetype'),
         url('fonts/dashicons.svg#dashicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'corporate_regular';
    src: url('fonts/c063003t-webfont.eot');
    src: url('fonts/c063003t-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/c063003t-webfont.woff2') format('woff2'),
         url('fonts/c063003t-webfont.woff') format('woff'),
         url('fonts/c063003t-webfont.ttf') format('truetype'),
         url('fonts/c063003t-webfont.svg#corporate_sregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ==========================================================================
   PRE
   ========================================================================== */
BODY {font-family:'corporate_regular'; letter-spacing:0.04em; line-height:1.6;}
A {color:#000 !important}
::selection, A::selection { background:#000;color:#fff;text-shadow:none !important }
::-moz-selection, A::-moz-selection  { background:#000;color:#fff;text-shadow:none !important }

P {font-size:1.063rem}
/* ==========================================================================
   FOUNDATION OVERRIDE
   ========================================================================== */

.row {max-width:none;}
.row .row {margin-left:-0.46875em;margin-right:-0.46875em;padding:0}
.columns, .row, .p-gutter {padding-left:0.46875em;padding-right:0.46875em;}
.f-topbar-fixed {padding:0 !important}
.top-bar, .button, table tr.even, table tr.alt, table tr:nth-of-type(even) {border:none;background:none !important; color:#000 !important}
.flex-video {padding-bottom: 56.25%; /* 16:9 */ }
A.columns {display:block;}

table {border:none}

/* ==========================================================================
   TYPO
   ========================================================================== */
H1, H2 {font-size:1.063rem;line-height:1.6;font-weight:normal;font-family:'corporate_regular';margin:0 0 3.125em 0 }

.fce-table p {margin:0 !important}
table tr th, table tr td {padding-top:0;padding-bottom:0;padding-left:0}

/* ==========================================================================
   NAVI
   ========================================================================== */

#main-navi {background:#fff}
#main-navi.move-up {-webkit-transform: translate(0,-45px);transform: translate(0,-45px); }
#main-navi.less .show-less {opacity:0;pointer-events:none;}
#main-navi, .show-less {transition: all 0.5s ease;}


.top-bar ul {margin:0;height:2.8125rem;line-height:2.6rem;}
.top-bar ul.title {margin-left:-0.9375em;}
.top-bar ul li a {padding-left:0.9375em;padding-right:0.9375em;color:#000}
#navbar UL LI {float:left}
.top-bar ul li a.langlink {padding-left:0;}

/* OFFCANVAS ================================================================= */

.top-bar .right-off-canvas-toggle {min-width:30px;display:block;padding:0 !important;margin:0 !important}
.right-off-canvas-menu {background:rgba(255,255,255,1);position:fixed;top:0;bottom:0; -webkit-transition: -webkit-transform 500ms ease 0s;}
.move-left .right-off-canvas-menu {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.move-left .show-less {opacity:0}

ul.off-canvas-list {padding-left:0.9375em;padding-right:0.9375em;}
ul.off-canvas-list li a {border:none;color:#000;transition:none;padding:0;}
ul.off-canvas-list li a:hover {background:none}
.move-left .exit-off-canvas, .exit-off-canvas  {width:30px;height:30px;position:fixed;top:7.5px;z-index:2000;right:0.9375em;left:auto;box-shadow:none; }
.right-off-canvas-menu .show-search {position:absolute;top:7.5px;left:0.9375em; }

/* ==========================================================================
   SEARCH
   ========================================================================== */
.searchform {position: absolute;top:50%;margin-top:-50px;}
.search {height:2.8125rem;line-height:2.8125rem; margin-top:3px}
.search input[type="search"] {border-width:0 0 1px 0;border-color:#000;color:#000;padding:0;box-shadow:none;height:2rem;font-size:1.063rem;line-height:2.3}
.search input[type="search"]:focus, .search input[type="search"]:hover {background:none;height:2rem;font-size:1.063rem;line-height:2.3}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


#searchoverlay, .slick-overlay {width:100%;position:fixed;top:0;left:0;right:0;height:100% ;background:#fff;opacity:1;transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; overflow:hidden;-webkit-overflow-scrolling:touch;}
.wpcf7-submit {border:none;background:none;padding:0.625rem 0;font-family:'corporate_regular';letter-spacing:0.04em;line-height:1.6;font-size:1.063rem;cursor:pointer }
#wpcf7-f167-p25-o1 .screen-reader-response ul {display:none}
input[type="text"], input[type="email"] {padding: 0;color:black !important; font-family:'corporate_regular';letter-spacing:0.04em;line-height:1.6;font-size:1.063rem; border:none;border-bottom:1px solid #000; box-shadow:none  }
textarea {max-width:100%;border:none;box-shadow:none;border-bottom:1px solid #000;padding:0;color:#000!important;font-family:'corporate_regular';letter-spacing:.04em;line-height:1.6;font-size:1.063rem}

/* ==========================================================================
   CONTENT
   ========================================================================== */

#content {padding-top:45px; margin-top:3.125em; min-height:100vh}
article {position:relative}
.crosslink {position:absolute;top:0;right:-7px;width:33%;text-align:right}
.arr-r, .no-underline.arr-r {padding-right:20px; background:url(img/next_mob.svg) no-repeat center right !important;white-space:nowrap}

/* FILETR ================================================================= */

#filterlink {position: absolute;top:0;right:0;z-index:99 }
#filter ul, #datesfilter ul {list-style:none;margin:0;}
#filter ul > li, #datesfilter ul > li {margin-bottom:3.125em}
#filter ul > li > ul, #datesfilter ul > li > ul {margin-top:1.5625em;}
#filter ul > li > ul > li, #filter ul > li > ul > li > a, #datesfilter ul > li > ul > li, #datesfilter ul > li > ul > li > a {margin-bottom:0}
.current-cat {text-decoration:line-through }

/* FOOTER ================================================================= */

#social-block {margin-right:-1rem}
.social {text-indent:-9999px;overflow:hidden;display:block;width:30px;height:30px;background-position:center;background-size:22px;background-repeat:no-repeat;}
#cookies {position:fixed;bottom:0;left:0;right:0;background:black;z-index:9990;}
#cookies A {color:white !important; padding-top:10px;padding-bottom:10px;}
#cookies A.button {color:black;}
.diss #cookies {display:none}

/* ==========================================================================
   SLIDER
   ========================================================================== */

.adjust-for-video .slick-arrow {bottom:3.5em}
.child-slider .slick-slide {min-height:52px }
.light-slider IMG {margin:0 auto;}
.row.fullframe {position:absolute;top:1.5625em;bottom:1.5625em;left:0;right:0;margin:0;height:auto;overflow:hidden  }

.light-slider .flex-video {padding:0}

A.active {text-decoration: line-through !important;}
.touch .slick-arrow {background-position:center;background-repeat:no-repeat}
.touch .slick-next {background-image: url(img/next.svg);background-position:90% center;}
.touch .slick-prev {background-image: url(img/prev.svg);background-position:9% center;}

.slick-slide, .slick-slide * {-webkit-transform: translate3d(0,0,0)}

/* ==========================================================================
   AUDIO
   ========================================================================== */
.audiojs {background:none;box-shadow:none;height:25px}
.audiojs .time {display:none; }
.audiojs .play-pause {width:30px;height:25px;padding:0;border:none}
.audiojs .scrubber {height:3px;margin:11px 0;overflow:visible;border:none;background:rgba(0,0,0,0.75) }
.audiojs .progress {height:7px;top:-2px;background:#000;border:none; }
.audiojs .loaded {height:3px;background:#000 }
.audiojs p {height:25px}

.audiojs .play {background:url(img/play.svg) no-repeat center; background-size:60% }
.audiojs .pause {background:url(img/pause.svg) no-repeat center; background-size:60%}
.audiojs .loading {background:url(img/load.svg) no-repeat center; background-size:60%}
.audiojs .error {background:url(img/error.svg) no-repeat center; background-size:60%}

/* ==========================================================================
   SPACING
   ========================================================================== */
.p0 {padding:0 !important}

.mb1, p, H2, .screen-reader-response {margin-bottom:1.5625em !important} /* one line */
.mb2 {margin-bottom:3.125em !important}  /* two line */
.mb3 {margin-bottom:4.6875em !important} /* three line */
.mb4 {margin-bottom:5.95em !important} /* three line */

.mb0, H1.mb0 {margin-bottom:0 !important}

.mt1 {margin-top:1.5625em !important} /* one line */
.mt2 {margin-top:3.125em !important}  /* two line */
.mt3 {margin-top:4.6875em !important} /* three line */
.mt4 {margin-top:5.95em !important} /* four line */

.flex-video, #slider {margin-top:0.45em;margin-bottom:1.9625em;overflow:hidden}
#slider .flex-video {margin:0;}

.medium-small-12 {width:100%}

@media only screen and (max-width: 40em) {  /* max-width 640px, small screens only */
   .small-no-equalize {height:auto !important} 
}
@media only screen and (min-width: 40.063em) {  /* min-width 641px, medium screens */
    .row, .columns, ul.off-canvas-list,  .p-gutter {padding-left:0.9375em;padding-right:0.9375em;} /* 30px/2 */
    .row .row {margin-left:-0.9375em;margin-right:-0.9375em;}
    .pageframe     {padding-left:1.875em;padding-right:1.875em;} /*30px*/
    .right-off-canvas-menu {padding-right:0.9375em;}
    .move-left .exit-off-canvas {right:1.875em;}
    .right-off-canvas-menu .show-search {left:0.9375em;}
    .show-less.hide-for-small {display:inherit !important}
    .arr-r, .no-underline.arr-r {background:url(img/next.svg) no-repeat center right !important;padding-right:40px;}

}
@media only screen and (min-width: 50.063em) {  /* min-width 801px, medium screens */
    .medium-small-12.medium-6 {width:50%}
    #social-block {margin-right:-1.25rem}
}
@media only screen and (max-width: 64em) {  /* min-width 801px, to medium screens only*/
   .medium-no-equalize {height:auto !important}
}
@media only screen and (min-width: 64.0625em) { /* min-width 1025px, large screens */
    .large-right {float:right}
    .medium-small-12.large-4 {width:33.33333%}
    .medium-small-12.large-8 {width:66.66666%}
    .row, .columns, ul.off-canvas-list, .top-bar ul.right, .p-gutter {padding-left:1.40652em;padding-right:1.40652em;} /* 45px/2 */
    .row .row {margin-left:-1.40652em;margin-right:-1.40652em;}
    .pageframe     {padding-left:2.8125em;padding-right:2.8125em;} /*45px*/
    .right-off-canvas-menu {padding-right:1.40652em;}
    .move-left .exit-off-canvas {right:2.8125em;}
    .right-off-canvas-menu .show-search {left:1.40652em;}
    .show-less.hide-for-small {display:inherit !important}
}
@media only screen and (min-width: 80.063em) {  /* min-width 1281px, large screens */
    .row, .columns, ul.off-canvas-list, .top-bar ul.right, .p-gutter {padding-left:1.875em;padding-right:1.875em;} /* 60px/2 */
    .row .row {margin-left:-1.875em;margin-right:-1.875em;}
    .pageframe     {padding-left:3.75em;padding-right:3.75em;} /*60px*/
    .right-off-canvas-menu {padding-right:1.875em;}
    .move-left .exit-off-canvas {right:3.75em;}
    .right-off-canvas-menu .show-search {left:1.875em;}
    .row.fullframe {top:3.125em;bottom:3.125em}
    
    
}
@media only screen and (min-width: 90.063em) {  /* min-width 1441px, xlarge screens */
    .row, .columns, ul.off-canvas-list, .top-bar ul.right, .p-gutter {padding-left:2.34375em;padding-right:2.34375em;} /* 75px/2 */
    .row .row {margin-left:-2.34375em;margin-right:-2.34375em;}
    .pageframe     {padding-left:4.875em;padding-right:4.875em;} /*75px*/
    .right-off-canvas-menu {padding-right:2.34375em;}
    .move-left .exit-off-canvas {right:4.875em;}
    .right-off-canvas-menu .show-search {left:2.34375em;}
    .row.fullframe {top:5.95em;bottom:5.95em}
}
@media only screen and (min-width: 100.063em) {  /* min-width 1441px, xxlarge screens */
    .row, .columns, ul.off-canvas-list, .top-bar ul.right, .p-gutter {padding-left:2.8125em;padding-right:2.8125em;} /* 90px/2 */
    .row .row {margin-left:-2.8125em;margin-right:-2.8125em;}
    .pageframe     {padding-left:5.625em;padding-right:5.625em;} /*90px*/
    .right-off-canvas-menu {padding-right:2.8125em;}
    .move-left .exit-off-canvas {right:5.625em;}
    .right-off-canvas-menu .show-search {left:2.8125em;}
    .row.fullframe {top:5.95em;bottom:5.95em}
}

/* ==========================================================================
   UTIL
   ========================================================================== */
.line {display: inline-block;min-height: 1px;}
.uncollapse {overflow:hidden}

/* ==========================================================================
   SMARTUNDERLINE
   ========================================================================== */
#content a:not(.no-underline){
    text-decoration: none;
    background: -webkit-linear-gradient(#fff,#fff),-webkit-linear-gradient(#fff,#fff),-webkit-linear-gradient(#000,#000);
    background: -moz-linear-gradient(#fff,#fff),-moz-linear-gradient(#fff,#fff),-moz-linear-gradient(#000,#000);
    background: -o-linear-gradient(#fff,#fff),-o-linear-gradient(#fff,#fff),-o-linear-gradient(#000,#000);
    background: -ms-linear-gradient(#fff,#fff),-ms-linear-gradient(#fff,#fff),-ms-linear-gradient(#000,#000);
    background: linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#000,#000);
    -webkit-background-size: .05em 1px,.05em 1px,1px 1px;
    -moz-background-size: .05em 1px,.05em 1px,1px 1px;
    background-size: .05em 1px,.05em 1px,1px 1px;
    background-repeat: no-repeat,no-repeat,repeat-x;
    text-shadow: .03em 0 #fff,-.03em 0 #fff,0 .03em #fff,0 -.03em #fff,.06em 0 #fff,-.06em 0 #fff,.09em 0 #fff,-.09em 0 #fff,.12em 0 #fff,-.12em 0 #fff,.15em 0 #fff,-.15em 0 #fff;
    background-position: 0 95%,100% 95%,0 95%;
}
.no-underline, #filter a, #post-navi a, #datesfilter a {background:none !important;text-shadow:none !important}

/* ==========================================================================
   TRANSITIONS
   ========================================================================== */

.hidden {
    opacity:0 !important;
    -webkit-transform: translate3d(0,-100%,0);
    -moz-transform: translate3d(0,-100%,0);
    -ms-transform: translate(0,-100%);
    -ms-transform: translate3d(0,-100%,0);
    -o-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);}

.m-scene .scene_element {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
.m-scene .scene_element--fadein {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }
.m-scene .scene_element--fadeinup {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }
.m-scene .scene_element--fadeinright {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }
.m-scene .scene_element--delayed {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s; }
.m-scene.is-exiting .scene_element {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse; }
.m-scene.is-exiting .scene_element--delayed {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }
.m-scene.is-exiting .scene_element--noexiting {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse; }
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,5%,0);transform:translate3d(0,5%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,5%,0);-ms-transform:translate3d(0,5%,0);transform:translate3d(0,5%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.is-loading,.is-loading a { cursor: progress;}