/*
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
*/
.titreDevelopperActivite{text-transform: uppercase; font-size: 25px; line-height: 30px; font-weight: 400; font-family: Raleway;}
@media all and (max-width:450px){
    .titreDevelopperActivite{text-transform: uppercase;font-size: 20px;line-height: 30px;padding-top: 11px;}
    #iconeUn, #iconeDeux, #iconeTrois {width: 100px;margin: auto;}
}
/* custom CSS du site */
#Subheader {font-size:40px}
.header-classic #Top_bar {background-color: white;padding: 0 0 0 10px;}
 #Top_bar #logo {
  height: 110px;
	 line-height:100px;
padding: unset;
}
#Top_bar .logo {margin: 10px -10px 0 20px;}
@media only screen and (min-width: 768px) {
    .sticky-white #Top_bar.is-sticky, .sticky-white #Top_bar.is-sticky #menu {
        background: rgba(255, 255, 255, .95);
    }
}
.lienSitesDemo:hover{
box-shadow: 0px 0px 10px 0px #797979;
  border-radius:5px;
  transition:ease-in-out 0.2s;
  margin-bottom:0;
}
.cntnt, .cntnt2, .cntnt3 {
  position: relative;
  padding:30px 0 0 49px;
  text-align: left;
}
.cntnt::after {content: "1";}
.cntnt2::after {content: "2";}
.cntnt3::after {content: "3";}
.cntnt::after, .cntnt2::after, .cntnt3::after	{
    width: 35px;
    height: 35px;
    background: #082e67;
border-radius: 11px 0;
    position: absolute;
    left: 0;
    top: 34px;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 2.8rem;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.list_check li::before {
  color: #37b100;
  font-size: 1.5rem;
}
ul.list_custom li i  {
  color: #ff3838;
  font-size: 1.8rem;
  top:0;
}
ul.list_check, ul.list_custom {text-align: left}

/* filter */
.filterItems {
	display: none;
}
.show {
	display: block;
	animation: 350ms showing linear;
    margin-right: 25px;
    margin-bottom: 25px;
}
#sort-options{
	margin-top: 15px;
}
.btn{margin-right:20px;}
.btn:hover {
	box-shadow:0 0 5px grey;
}

.btn:focus{
	outline: none;
	background-color: #3B3B98;
	color: white;
	font-weight: bold;
}
.btn:active {
    box-shadow:0 0 5px grey;
	color: white;
}
@keyframes showing{
	from{
		opacity: 0;
	}to{
		opacity: 1;
	}
}
.mfp-inline {max-width: 800px;}
.titresPopup {
    color: #082e67;
    margin-bottom:20px;
}
@media only screen and (max-width: 767px) {
    .mobile-sticky #Top_bar.is-sticky {
        box-shadow: 0 0 5px lightgray;
    }
    #sort-options {
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    }
    #sort-options > button {margin-bottom: 20px}
    .mfp-inline {max-width: 376px;}
}
.icon-info-circled::before {
  content: '\e8a5';
  color: #4260a8;
  font-size: 1.5rem;
  margin-right: 15px;
}
.boutonEquipe{color: #ffffff; background-color: #3cc5ed}
.facebook {background-color: #003da0;}
.instagram {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);}
.facebook, .instagram {
  width: 42px;
  height: 42px;
  align-content: center;
  border-radius: 30px;
}
.icon-facebook, .icon-instagram {font-size:22px;color:white}
/* Modification pour que la traduction soit bien en ligne et un peu espacé */
#Top_bar .menu > li > a {align-items: center;display: inline-flex;}
#menu-main-menu li:last-child {margin-left:15px}

@media only screen and (min-width: 1000px) and (max-width: 1440px) {
	.logo, #Top_bar .logo {display:none;}
	#menu > ul > li > a, #overlay-menu ul li a {font-size: 16px;}
	#Top_bar .menu > li > a span:not(.description) {padding: 0 10px;}
}