/*
Theme Name:  BB Casino
Theme URI:   https://homoludens.games/
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site EGUE.
Author:      Benjamin
Author URI:  https://homoludens.games/
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

/*Ligne à supprimer pour afficher le menu langues*/
.pll-parent-menu-item {display: none !important;}

/*Ligne à supprimer pour afficher le menu DLC*/
.menu-dlc {display: none !important;}

/*Ligne à supprimer pour afficher le menu SUPPORT*/
.support {display: none !important;}

/*Ligne à supprimer pour afficher la section FAQs*/
#support, .support {display: none !important;}


/*Ligne à supprimer pour afficher le menu Site Terms (footer)*/
.site-terms {display: none !important;}


/* html {
  scroll-behavior: smooth!important;
} */

/*hide the native Divi Mobile Menu and properly display the Max Mega Menu mobile menu*/
@media only screen and (max-width: 980px) {
    header .et_pb_fullwidth_menu .fullwidth-menu-nav,
    header nav#top-menu-nav {
        display: block !important;
    }
}
@media only screen and (max-width: 767px) {
    header nav#top-menu-nav,
    header #et-top-navigation {
       width: 100%;
    }
}
header #et_mobile_nav_menu, 
header .et_mobile_nav_menu {
    display: none !important;
}

/* stop menu from overlapping logo on mobile */

@media all and (max-width: 980px) {
    header .logo_container {
        position: relative !important;
        padding-top: 15px;
    }
    header div#et-top-navigation {
        padding-left: 0 !important
    }
}
/* fin    -    hide the native Divi Mobile Menu and properly display the Max Mega Menu mobile menu*/

#main-content {
    overflow: hidden;
   }


/*BTN COOKI CONSENT*/
.cn-button.wp-default {
    color: #fff!important;
    background: #fbac32cf!important;
}
   

/* TOP MENU */
#mega-menu-wrap-primary-menu #mega-menu-primary-menu {
    display: flex;
    width: auto;
    justify-content: center;
    flex-wrap: wrap;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item {
    margin: 0 0 0 0;
    flex-grow: 2;
    text-align: center;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
     text-align: center;
    flex-grow: 2;
    }
/*TOP MENU MOBILE*/
@media all and (max-width: 980px) {
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-icon-right > a.mega-menu-link:before {
    float: none;
    margin: 0 6px 0 0;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu {
    margin-top: 20px;
    padding: 100px 0!important;
    }
}


.steam a{
	max-width: 120px!important;
	margin:auto!important;
}


/* key features*/

.kf{
    display: flex;
    margin-bottom: 60px;
}
.kf-image-top {
    display: none;
}

.kf-image {
    height: 350px;
    width: 47%;
    background-size: cover;
    background-position: center;
    border-radius: 30px;
  box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.09);
  border: solid 3px #ffffff;
}

.kf-bloc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width:1330px;
    /* height:350px; */
    width: 100%;
    margin: auto;
    position: relative;
}
.kf:nth-child(even) {
    flex-direction: row-reverse;
}

.kf-text {
    width: 47%;
}

.kf-text h3{
    font-family: Roboto;
    font-size: 30px;
    font-weight: bold;
    color: #191919;
}    

.kf-text p{
    font-family: Roboto;
    font-size: 14px;
    line-height: 1.57;
    color: #191919;
    font-weight: normal;
}

.kf-text h3{
    margin-bottom: 20px;
}

.kf:nth-child(even) .kf-bloc{
    flex-direction: row-reverse;
    text-align: right;
}
  
.kf-image-gauche, .kf-image-droite {
    position: absolute;
    margin-left: -300px;
    margin-right: -300px;
}
.kf-image-droite {
    right:0
}

.hidden{
	opacity: 0;
}


@media all and (max-width: 767px) {

    .kf-bloc, .kf:nth-child(even) .kf-bloc {
        flex-direction: column;
    }
    .kf-bloc {
    height: auto;
    }
    .kf-image {
    height: 190px;
    margin-bottom: 15px;
    }
    .kf-text{
        text-align: center;
    }
    .kf-text h3{
        font-size: 18px;
    }
    .kf-text p{
        font-size: 12px;
    }
    .kf-image, .kf-text{
        width: 100%;
    }
    .kf-image-droite, .kf-image-gauche {display: none;}
    .kf-image-top {
        display: block;
        height: 190px;
    }

 
}

/*CONTACT NEWSLETTER*/

.et_pb_contact p input[type="checkbox"] + label i,
.et_pb_contact p input[type="radio"] + label i,
.et_pb_subscribe .et_pb_contact_field input[type="checkbox"] + label i,
.et_pb_subscribe .et_pb_contact_field input[type="radio"] + label i {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 2px!important;
}
.et_contact_bottom_container {

    margin-top: 5px!important;
 }


@media all and (max-width: 767px) {

    .et_pb_contact_form {
    margin-left: 0;
    }
    p.et_pb_contact_field {
    padding: 0 0 0 0!important;
    }

    .et_pb_contact_submit {
    width: 100%;
    }

    .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_contact_form_container .et_contact_bottom_container .et_pb_contact_submit.et_pb_button {
    width: 100% !important;
    margin: 0;
    }

    .et_contact_bottom_container {
    width: 100%;
    }

}



/*MEDIAS*/
/* 5 columns, percentage width */
.grid-item,
.grid-sizer {
  width: calc(20% - 30px)!important;
}

.grid-item {
  float: left;
  height: 140px;
  margin-bottom: 30px!important;
  
}

.grid-item--width2 { width: calc(40% - 30px)!important; }
.grid-item--height2 { height: 310px; } 
.grid-item--height3 { height: 480px; } 

.grid-item .et_pb_image_wrap{
    width:100%;
    height: 100%;
} 
.grid-item .et_pb_image_wrap img{
    width:100%;
    height: 100%;
    object-fit: cover;
    border:none!important;
    -webkit-box-shadow:inset 0px 0px 0px 3px #fff;
    -moz-box-shadow:inset 0px 0px 0px 3px #fff;
    box-shadow:inset 0px 0px 0px 3px #fff;
} 

@media all and (max-width: 767px) {

    .grid-item,
.grid-sizer {
  width: calc(33.333% - 10px)!important;
}
.grid-item {
    height:60px;
    margin-bottom: 10px!important;}
.grid-item--width2 { width: calc(100% - 10px)!important; }
.grid-item--height2 { height: 195px; } 

}    


/*CUSTOM MAILCHIMP*/


#mc_embed_signup {

    background: transparent!important;
  }

#mc_embed_signup {

    background: transparent!important;
  }
  
  #mce-EMAIL, #mce-FNAME{
    border-radius: 7px 7px 7px 7px!important;
    overflow: hidden;
    border-width: 2px!important;
    border-color: #FFFFFF!important;
    padding: 15px!important;
    background-color: #f5cea7;
    width: 97%!important;

  }
  
  #mce-EMAIL { 
    margin-right: 6%!important;
}
#mce-FNAME { 
    margin-left: 6%!important;
}

  #mc_embed_signup form {
    padding: 0 !important;
  }
  
  #mc_embed_signup .mc-field-group50 {

    width: 50%!important;
    margin-top: auto;
  }

  #mc_embed_signup .mc-field-group50 .input::placeholder {
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
}
  
  #mc_embed_signup .indicates-required {
    width: 100%!important;
  }
  
  #mc_embed_signup .clear {
    margin-left: auto!important;
  }
 
  #mc_embed_signup_scroll {
    display: flex!important;
    flex-wrap: wrap!important;
  }

  
  #mergeRow-gdpr {
    width: 100% !important;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
  }

#mc-embedded-subscribe-form input[type=checkbox] {
 display: inline;
 width: auto;
 margin-right: 10px;
 margin: 0 10px 0 0 !important;
}


  .rgpd-link{
    color: #fff!important;
    text-decoration: underline!important;
    }
  
  #mc-embedded-subscribe {
    padding: 11px 45px !important;
    border-radius: 9px!important;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fdfdf3!important;
    font-family: Roboto;
    font-size: 16px!important;
    color: #000000!important;
    height: auto!important;
	  border:none!important;
	  margin-top:15px!important
  }


  #mc_embed_signup .mc-field-group input {
    display:block;
    width:100%;
    padding:0;
    text-indent:2%;
   }
   #mc_embed_signup .indicates-required {
    color: #fff;
    }
    input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, textarea, select {

        color: #fff; }



/*BLOG*/

@media all and (min-width: 1920px) {
    .blog-h1 {
        font-size: 200px!important;
    }
}    


.bm-blog{
	display:flex;
	flex-direction:row;
	justify-content: space-between;
}

.bm-article{
	display:flex;
	flex-direction:column;
	/*height:100%;*/
	width:45%;
}

.bm-blog-blog .bm-blog{
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	margin-right: -3%;
	justify-content: flex-start;

}

.bm-blog-blog .bm-article{
	display:flex;
	flex-direction:column;
	/*height:100%;*/
	width:22%;
	margin-right: 3%;
	margin-bottom: 3%;
    border-radius: 20px;
    overflow: hidden;
}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
	.bm-article, .bm-blog-blog .bm-article{
	width: 30.33%;
	}
}
@media all and (max-width: 767px) {
	.bm-article, .bm-blog-blog .bm-article{
	width: 47%;
	}
}

.img-article{
	width: 100%;
	height: 231px;
  	object-fit: cover;
}

.bot-miniature{
    background-color: #fff;
    color: black;
	padding: 30px 20px 30px 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height:250px
}

.titre-article {

	text-transform: uppercase;
    font-family: 'Roboto';
	font-size: 18px;  
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: normal;  
	text-align: center;  
    color: #191919;

	
  
  }
.extrait-article{
    font-family: 'Roboto';
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: center;
  color: #191919;
  margin:auto
}
  .lien-article {
    color: #191919;
    font-size: 16px;
    font-weight: 500;
    border: none;
    padding: 11px 25px;
    border-radius: 9px;
    box-shadow: 0 3px 0 0 #d1a67e;
    background-color: #fbca9c;
	  font-family: 'Roboto';

	  text-align: center;
	  width: auto;
	  margin: 10px auto 0px auto;
	  max-width: 170px;
	  transition: all 300ms ease 0ms;
	  line-height: 1.1em;

  }

  .lien-article:hover{
    box-shadow: 0 1px 0 0 #d1a67e;
    background-color: #f7d3b2;
	transition: all 300ms ease 0ms;
  }
  .lien-article a{
	color:#fff;
  }
.text-miniature{
	height:auto;
	flex-grow: 1;
	display: flex;
flex-direction: column;
}

@media all and (max-width: 980px) {
	.text-miniature{
		height:auto;
		flex-grow: 1;
	}
	.img-article{
		height: 140px;
	} 
	.titre-article {
		font-size: 16px;
	}
	.extrait-article{
		font-size: 12px;
	}
	.bot-miniature {
		padding: 20px;
		height: 200px;
	}
}

@media all and (max-width: 767px) {
 

.lien-article {
    font-size: 13px;
    padding: 8px 20px;
	margin: 5px auto 0px auto;
}
}

/*ARTICLE*/

.open-article h3 {
    padding-bottom: 50px;
}

.open-article h2{
    font-family: 'Eubie script',Helvetica,Arial,Lucida,sans-serif;
    text-shadow: 0em 0em 0.3em rgba(0,0,0,0.16);
    padding-bottom: 20px;}

.open-article p{
padding-bottom:30px
}

blockquote {
    margin: 50px auto;
    border-left: 0;
        border-left-color: currentcolor;
        border-left-width: 0px;
    padding-left: 0px;
    width: 60%;
    font-size: 120%;
    color: #964e5e
}

/* Filtre BLOG */


.custom-menu {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
    align-items: center;
	background-color:#fff;
    padding: 12px;
    border-radius: 15px;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.08);

}

.link-blog {
text-align: center;
font-size: 18px;
color: #191919;
padding: 5px 20px!important;
cursor: pointer;
transition: all ease-in-out;
margin-bottom: 0px;
opacity: 0.5;

}  

.link-blog:hover, .is-checked {
color:#28b8d8;
font-weight: bold;
transition: all ease-in-out;
opacity: 1;


}  

.traitmenu{
    width: 1px;
    height: 24px;
    background-color: #000000;
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .link-blog{
        font-size: 15px;
    }
    
}
@media all and (max-width: 767px) {
    .custom-menu {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .link-blog{
        font-size: 15px;
    }
    .traitmenu{
        display: none;
    }
}


/*MENU BOTTOM*/

.bot-menu ul {
    display: flex;
    justify-content: center;
    padding: 0 !important;
    flex-wrap: wrap;

}
.bot-menu li{
    padding: 10px
}