/*
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
*/
/* Panneau paramètres couleurs et police 2025*/
a, a:hover, a:focus, a:visited{
  color: inherit;
}
.accessibility-panel{
  width:370px;
  height: 86%;
  border-color:#ddd;
  box-shadow: 0 0 10px rgba(123, 123, 123, 0.5);
  padding: 1em;
  font-size: 22px;
  position: fixed;
  font-family: "Helvetica", Arial, sans-serif;
  top: 14%;
  right: -370px;
  transition: all .4s ease;
  z-index:9999;
  background-color:rgba(34, 34, 34, 0.9);
  color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
  .accessibility-panel.visible{
    right: 0;
    transition: all .4s ease;
}
  #toggleAccessPanel{
    position: absolute;
    right:100%;
    top:50%;
    width: 48px;
    height:48px;
    background: rgba(0, 0, 0, .9);
    color: #fff;
    font-size: 13px;
    line-height: 0.75;
    text-align: left;
    overflow: hidden;
    border: none;
    border-radius: 4px;
    padding: 8px 5px 6px;
    -webkit-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .25);
    -webkit-transition: width 0.5s ease-in-out, box-shadow 0.5s ease-in-out; /* Safari */
    transition: width 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    cursor:pointer;
    z-index:999;
    box-shadow: -1px 0px 1px rgba(123, 123, 123, 0.5);
    }
#toggleAccessPanel:focus, #toggleAccessPanel:hover{
      -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .25) !important;
      box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .25) !important;
}
a.liensOptionsCouleurs {
 display:block;
 width:45px;
 height:32px;
 border:2px solid transparent;
 cursor: pointer;
 transition: ease-in-out 0.2s;
}
a.liensOptionsPolices {text-decoration: none;position: relative;cursor: pointer;}
a.liensOptionsPolices::after,
a.liensOptionsPolices::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
background: linear-gradient(to right, #2f9dff, #fff);
  bottom: -5px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease-out;
}
a.liensOptionsPolices::before {
  top: -5px;
  transform-origin: left;
}
a.liensOptionsPolices:hover::after,
a.liensOptionsPolices:hover::before {
  transform: scaleX(1);
}
a.liensOptionsCouleurs:hover {
 -webkit-opacity:.9;
 -moz-opacity:.9;
 opacity:.9;
 border:2px solid rgba(255,255,255,0.8);
filter: contrast(1.5);
}
.active a {
 border:2px solid #fff
}
#couleurBleuUn {
 background:#3ab5fb;
 margin-right:15px;
}
#couleurVertUn {
 background-color:#4CAC9D;
margin-right:15px;
}
#couleurPrune {
 background-color:#9d76b9;margin-right:15px;
}
#bleuFonce {
 background-color:#6592D7;margin-right:15px;
}
#couleurRose {
 background-color:#fb6c89;margin-right:15px;
}
#couleurRouge {
 background-color:#fe6367;margin-right:15px;
}
.close {
 position:absolute;
 right:15px;
 top:25px;
 color:#fff;
text-align-last: center;
}
.close .svg-inline--fa {
 color:#fff
}
h5.panel-title {color:white;line-height:20px}
body{overflow: hidden;}
#color-options{list-style:none;margin-top: 0;display: flex;flex-wrap: wrap;padding: 15px;}
.list-inline-item{margin: 0px 5px 25px 0px;}
.list-inline.mb-0{list-style: none;line-height: 45px;}
.wrapOptions{display: flex;height: 32px;margin-bottom: 13px;align-items: center;}
.separateur{background-color: rgba(0,0,0,.38);color: rgba(0,0,0,.58);margin-top: 10px;margin-bottom: 10px;}
@media (max-width: 1540px) {
    .accessibility-panel{font-size: 18px;height: 100%;top: 8%;}
    .wrapOptions{height: 21px;margin-bottom: 17px;}
}
@media (max-width: 476px) {
    .accessibility-panel{width:100%;height: 100%;font-size: 18px;text-align-last: center;right: -100%;}
    .wrapOptions {height: 20px;margin-bottom: 16px;}
    a.liensOptionsCouleurs {width: 32px;height: 25px;}
}
/* Pour le widget paramètres et que les autres éléments soient dessous : */
#Footer {position: unset;}

/* TABLE RESPONSIVE */
.rwd-table {
  margin: auto;
  min-width: 300px;
  max-width: 100%;
  border-collapse: collapse;
}
.rwd-table tr:first-child {
  border-top: none;
  background: #428bca;
  color: #fff;
}
.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f9fc;
}

.rwd-table tr:nth-child(odd):not(:first-child) {
  background-color: #ebf3f9;
}

.rwd-table th {
  display: none;
}

.rwd-table td {
  display: block;
}

.rwd-table td:first-child {
  margin-top: .5em;
}

.rwd-table td:last-child {
  margin-bottom: .5em;
}

.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 120px;
  display: inline-block;
  color: #000;
}

.rwd-table th,
.rwd-table td {
  text-align: left;
}

.rwd-table {
  color: #333;
  border-radius: .4em;
  overflow: hidden;
}

.rwd-table tr {
  border-color: #bfbfbf;
}

.rwd-table th,
.rwd-table td {
  padding: .5em 1em;
}
@media screen and (max-width: 601px) {
  .rwd-table tr:nth-child(2) {
    border-top: none;
  }
}
@media screen and (min-width: 600px) {
  .rwd-table tr:hover:not(:first-child) {
    background-color: #d8e7f3;
  }
  .rwd-table td:before {
    display: none;
  }
  .rwd-table th,
  .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
  }
  .rwd-table th:first-child,
  .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child,
  .rwd-table td:last-child {
    padding-right: 0;
  }
  .rwd-table th,
  .rwd-table td {
    padding: 1em !important;
  }
}