.slide-panel {  display: none;}

.slide-panel { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;}
.slide-panel > .container { position: relative;}
.slide-panel .bhoechie-tab-content a { color: var(--noir);}
.slide-panel .bhoechie-tab-content h3 { color: var(--noir); position: relative; margin-bottom: 1.5em;text-transform: none;}
.slide-panel .bhoechie-tab-content h3:after { background-color: var(--gris); content: ""; width: 40px; height: 4px; margin-top: 40px; position: absolute; left: 0;}
.slide-panel .bhoechie-tab-content p { margin: 0 0 0.8em;}
.slide-panel .bhoechie-tab-container { display: flex; justify-content: center; background-color: var(--color2); border-top-right-radius: 0; -moz-border-top-right-radius: 5px; border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 5px;}
.slide-panel .bhoechie-tab-menu { text-align: center; /* background-color: var(--gris); border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;  background-image:-moz-linear-gradient(180deg, var(--vertclair), var(--vertfonce));
background-image:-webkit-linear-gradient(180deg, var(--vertclair), var(--vertfonce));
background-image:-o-linear-gradient(180deg, var(--vertclair), var(--vertfonce));
background-image:linear-gradient(180deg, var(--vertclair), var(--vertfonce));*/}
.slide-panel .bhoechie-tab-menu .list-group { display: flex; flex-direction: column; max-width: 900px; margin: auto;}
.slide-panel .bhoechie-tab-menu .list-group-item { width: 100px; height: auto; padding: 5px 10px; display: flex; flex-direction: column; align-items: center;/* justify-content: center */flex-grow: 1;flex-basis: 20%;}
/* 
.slide-panel div.bhoechie-tab-menu .list-group-item:first-child {padding-top: 20px;}
.slide-panel div.bhoechie-tab-menu .list-group-item:last-child {padding-bottom: 20px;}
*/
.slide-panel .bhoechie-tab-menu .list-group-item h3 { color: var(--blanc);  font-size: 0.7em; margin: .4rem 0 0; text-transform: none; line-height: 1.1; position: relative; font-weight: 500;}

.slide-panel .bhoechie-tab-menu .list-group > a { /* transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; */ text-decoration : none; overflow: hidden; position: relative;}
.slide-panel .bhoechie-tab-menu .list-group > a svg { max-width: 44px; /* fill: #fff; height: 30px; margin-bottom: 10px; */position: relative;}
.slide-panel .bhoechie-tab-menu .list-group > a img { max-width: 44px;}
.slide-panel .bhoechie-tab-menu .list-group > a:last-child { /* border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; */}
.slide-panel .bhoechie-tab-menu .list-group > a.active { background-color: var(--blanc);}
.slide-panel .bhoechie-tab-menu .list-group > a.active h3 { color: var(--noir);}
.slide-panel .bhoechie-tab-menu .list-group > a.active svg { fill: var(--noir);}


@media screen and (min-width: 30.063em) {

  .site-branding { padding: 0; }
  
}

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

	main .slide-panel { display: block; z-index: inherit; position: relative; width: auto; top: inherit; right: inherit;}
	main .slide-panel .bhoechie-tab-menu .list-group {flex-direction: row; justify-content: center;}
	main .slide-panel .bhoechie-tab-menu .list-group-item {padding:1em .2em; width: auto; flex-direction: column;}
	main .slide-panel .bhoechie-tab-menu .list-group-item h3 {margin: 0.5rem;}

	.home .slide-panel { display: block; position: absolute; top: 139px; /* left: -300px; */    right: 0; z-index: 15; width: 100px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;}
	.home .slide-panel .bhoechie-tab-menu .list-group {flex-direction: column;}
	.home .slide-panel .bhoechie-tab-menu .list-group-item {padding:.2em; flex-direction: column; }
	.home .slide-panel .bhoechie-tab-menu .list-group-item:first-child {padding-top:1em; }
	.home .slide-panel .bhoechie-tab-menu .list-group-item:last-child { padding-bottom:1em; }
	.home .slide-panel .bhoechie-tab-menu .list-group-item h3 { font-size: 0.65em;}
	
	.slide-panel .bhoechie-tab-content { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; width: 300px; background-color: #ffffff; padding: 20px; left: -300px;}
	.slide-panel .bhoechie-tab-content:not(.active) { display: none;}
	.slide-panel.animated_right { left: 0;}
	.slide-panel.animated_left2 { right: 0;}
	.slide-panel .bhoechie-tab-container { display: justify-content: flex-start;
    background-color: var(--color2); border-top-right-radius: 0; -moz-border-top-right-radius: 5px; border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 5px;}
	.slide-panel .bhoechie-tab-menu .list-group { display: flex; flex-direction: column;}	
	body > .slide-panel .bhoechie-tab-menu .list-group { padding: 5px 0;}
	.slide-panel .bhoechie-tab-menu .list-group-item { width: 100px; height: auto; padding: 5px 10px; display: flex; flex-direction: column; align-items: center;/* justify-content: center */}
	
	/*main .slide-panel .bhoechie-tab-menu .list-group-item { padding:1em; flex-direction: row;}*/
	.home main .slide-panel {/*display: none*/}
	.admin-bar.home .slide-panel {top: 171px;}

  
}