/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

/* -------------------------- */
/*           COLORS           */
/* -------------------------- */

/* orange: */
/* #fd3e04 */
/* #992501 */

/* burgundy: */
/* #b93535 */
/* #852626 */

/* -------------------------- */
/*           HEADER           */
/* -------------------------- */

#Top_bar #logo,
.header-fixed #Top_bar #logo,
.header-plain #Top_bar #logo,
.header-transparent #Top_bar #logo {
  height: 156px;
}

@media only screen and (min-width: 768px) {
  body:not(.template-slider.page-id-6) #Header {
    height: 186px;
    min-height: auto;
  }

  #Top_bar .menu>li>a,
  #Top_bar #menu ul li.submenu .menu-toggle {
    color: #fff;
  }
}

body.page-id-6:not(.template-slider) #Header {
  height: 100vh;
}

@media only screen and (max-width: 767px) {
  body:not(.template-slider.page-id-6) #Header {
    min-height: auto;
  }

  #Top_bar a.responsive-menu-toggle {
    top: 50%;
    right: 15px;
  }
}

.header-semi #Top_bar {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

/* -------------------------- */
/*            MENU            */
/* -------------------------- */

/* If the parent has no link, it opens the submenu */
#Side_slide #menu ul li.submenu:has(a[href="#"]:not(.menu-toggle)) .menu-toggle {
  padding-left: 210px;
  width: 250px;
}

#Top_bar .menu .menu-item.current-menu-item.current_page_item a {
  color: #fd3e04 !important;
}

#Top_bar .menu > li ul {
  background-color: #2B2B2B;
}

#Top_bar .menu > li ul li a {
  color: #fff;
}

#Top_bar .menu > li ul li a:hover {
  color: #D1D1D1;
}

/* -------------------------- */
/*           BUTTONS          */
/* -------------------------- */

.button_theme, input[type="submit"] {
  background-color: #b93535;
}

.button_theme:hover, input[type="submit"]:hover {
  background-color: #852626;
}

/* -------------------------- */
/*            MISC            */
/* -------------------------- */

.icon-link-new-page {
  position: absolute;
  right: 0;
  top: 2px;
}

/* -------------------------- */
/*         CUSTOM TABS        */
/* -------------------------- */

.custom-tabs .vc_tta-tabs-list {
  display: flex !important;
  gap: 20px;
  justify-content: center;
}

.custom-tabs .vc_tta-tabs-list .vc_tta-tab.vc_active > a,
.custom-tabs .vc_tta-panel.vc_active .vc_tta-panel-heading,
.custom-tabs .vc_tta-panel.vc_active .vc_tta-panel-heading a {
  background-color: #b93535 !important;
  color: white !important;
}

.custom-tabs .vc_tta-panel.vc_active > a {
  color: white !important;
}

/* -------------------------- */
/*         NINJA FORMS        */
/* -------------------------- */

.nf-before-form-content {
  display: none;
}

.nf-field-element:has(> input.ninja-forms-field.nf-element[type="submit"]) {
  text-align: right;
}

input.ninja-forms-field.nf-element[type="submit"] {
  background-color: #b93535;
}

input.ninja-forms-field.nf-element[type="submit"]:hover {
  background-color: #852626;
}

input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
  color: #626262;
  background-color: rgba(255, 255, 255, 1);
  border-color: #EBEBEB;
}

/* -------------------------- */
/*            HOME            */
/* -------------------------- */

.height-0 {
  height: 0;
}

.home-scroll-down {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: -75px;
  cursor: pointer;
}

.home-image-copyright {
  display: none;
}

@media (max-aspect-ratio: 4/5) {
  body.home:not(.template-slider) #Header_wrapper {
    background-image: url(https://lespedzouilles.ch/wp-content/uploads/2025/10/Moudon-01-scaled.jpg#10);
  }

  .home-image-copyright {
    display: block;
    position: absolute;
    transform: translateY(-50%);
    top: -75px;
    right: 0;
  }

  .home-image-copyright a {
    color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black;
  }
}

.join-us {
  position: absolute;
  top: -30vh;
  right: 0;
  transform: skewY(-7deg);
  width: fit-content;
}

@media only screen and (max-height: 650px) {
  .join-us {
    top: -40vh;
  }
}

.agenda a:hover,
.agenda .vc_icon_element-inner:hover .vc_icon_element-icon {
  color: rgba(255, 255, 255, 0.8) !important;
}

.evenement-passe a,
.evenement-passe .vc_custom_heading,
.evenement-passe .vc_icon_element .vc_icon_element-icon {
  color: #FFAFAF !important;
}

/* -------------------------- */
/*         REPERTOIRE         */
/* -------------------------- */

@media only screen and (min-width: 768px) {

  .repertoires .repertoire.vc_active .vc_tta-panel-body {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
  }

  .repertoires .repertoire .repertoire-morceau {
    width: 33.33333333%;
  }
}

.repertoire-artist {
  text-align: center;
}

/* -------------------------- */
/*     PARTITIONS/ECOUTES     */
/* -------------------------- */

.partitions-ecoutes .centre {
  text-align: center;
}

.partitions-ecoutes .gauche {
  text-align: left;
}

.partitions-ecoutes table,
.partitions-ecoutes table tr,
.partitions-ecoutes table td,
.partitions-ecoutes table th {
  border: 1px solid #000;
  position: relative;
  padding: 10px 5px;
}

.partitions-ecoutes table tbody tr td:first-child {
  word-break: break-word;
}

.partitions-ecoutes table {
  border-collapse: collapse;
  border-spacing: 0;
  width: auto;
}

.partitions-ecoutes table th {
  overflow: hidden;
}

.partitions-ecoutes table .nouveau td {
  background-color: #fcdfe0 !important;
  background-clip: padding-box !important;
}

.partitions-ecoutes table .ensemble td {
  background-color: #a6c9ff !important;
  background-clip: padding-box !important;
}

.partitions-ecoutes table .ensemble td a {
  color: #448efd;
}

/* .partitions-ecoutes table.archives {
  background-color: #e2e2e2 !important;
} */

.partitions-ecoutes table th.rotate {
  height: 130px;
}

.partitions-ecoutes table th.rotate span {
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transform-origin: 0 50%;
  white-space: nowrap;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
}

@media only screen and (min-width: 768px) {
  .partitions-ecoutes > .vc_tta-panel-body > .wpb_raw_html > .wpb_wrapper {
    display: flex;
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .partitions-ecoutes > .vc_tta-panel-body > .wpb_raw_html > .wpb_wrapper {
    overflow-x: auto;
  }
}