/*
 Theme Name:   Shop Isle Child
 Description:  Shop Isle Child Theme
 Template:     shop-isle
*/

body ,h1, h2, h3, h4, h5, h6, a, p, .font-alt{
  font-family: 'Share Tech', sans-serif;
}

img{
    transition: 0.7s;
}

.main{  overflow: hidden;}

.module{
  background-image: url("img/fond-pointilles.jpg");
  background-size: cover;
}

.logo-image img {
  max-width: 100%;
  height: auto;
}

.button{
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.333;
  border-radius: 6px;
}

.module, .module-small{
  padding: 50px 0;
}

/* JEUX */

.container-jeux{
  position: relative;
  margin: 0 4rem;
}

.jaquette img{
  width: 100%;
  height: auto;
}

.container-jeux img{
  width: 100%;
  height: 325px;
}

.wargame::before{
  background-image: url("img/hexa_wargame.png");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 10%;
  height: 16px;
  content:"";
}

.plateau:before{
  background-image: url("img/hexa_plateau.png");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 10%;
  height: 16px;
  content:"";
}

.legende1{
  width: 16%;
  font-size: 2rem;
}

.legende2{
  width: 16%;
  font-size: 2rem;
  margin-bottom: 2rem;
}

.titre-jeu{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 2rem;
  margin: 0;
  background-color: rgba(40, 155, 206, 0.9);
  color: #fff;
  text-align: center;
  padding: 1rem;
}

/**MENU et Animation**/

.page .navbar-custom {
	background-color: rgba(40, 65, 76, 0.8) !important;
}

.navbar-custom {
	background-color: rgba(40, 65, 76, 0.8);
	font-size: 1.5rem;
}

.menu-item-type-post_type,
.wpum-login-nav,
.wpum-account-nav,
.wpum-logout-nav{
   position: relative;
   display: block;
   cursor: pointer;
   padding: 8px 0;
   color: #fff;
   text-decoration: none;
}
.menu-item-type-post_type:hover,
.wpum-login-nav:hover,
.wpum-account-nav:hover,
.wpum-logout-nav:hover{
   color: #fff;
   text-decoration: none;
}
.menu-item-type-post_type:before,
.wpum-login-nav:before,
.menu-item-type-post_type:after,
.wpum-login-nav:after,
.wpum-account-nav:before,
.wpum-account-nav:after,
.wpum-logout-nav:after,
.wpum-logout-nav:before {
   content: '';
   position: absolute;
   width: 0%;
   height: 2px;
   bottom: -2px;
   background: #fff;
}
.menu-item-type-post_type:before,
.wpum-login-nav:before,
.wpum-account-nav:after,
.wpum-account-nav:before,
.wpum-logout-nav:after,
.wpum-logout-nav:before{
   left: 0;
}
.menu-item-type-post_type:after,
.wpum-login-nav:after,
.wpum-account-nav:after,
.wpum-logout-nav:after {
   right: 0;
   background: #fff;
   transition: width 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.menu-item-type-post_type:hover:before,
.wpum-login-nav:hover:before,
.wpum-account-nav:hover:before,
.wpum-logout-nav:hover:before {
   background: #fff;
   width: 100%;
   transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.menu-item-type-post_type:hover:after,
.wpum-login-nav:hover:after,
.wpum-account-nav:hover:after,
.wpum-logout-nav:hover:after {
   background: transparent;
   width: 100%;
   transition: 0s;
}

/*hexagon*/

.hexagon{
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-size:contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("img/hexagone_rdv_vert.svg");
  min-height: 220px;
  position: relative;
  color: #28414c;
  margin-bottom: 2rem;
}

/* Accueil */

.button-accueil {
  border-radius: 25px;
  background-color: #4e8ac6;
  padding: 10px;
  width: 100px;
  position: absolute;
  bottom: 0;
  left:50%;
  bottom: -20px;
  border: solid 2px #fff;
}

@media (max-width: 992px){
  .button-accueil {
   transform: translate(-50%,0%);
  }
}

@media (min-width: 992px){
  .button-accueil {
    transform: translate(-50%,calc(-50% + 1rem));
  }
}


.button-accueil a{
   color: #fff;
}

.titre-rdv{
  font-size: 15px;
  color: #fff;
}

/* EVENEMENT*/

.elements-eve{
  background-color: transparent;
  color: black;
  position: relative;
  transition: 1s;
  overflow: hidden;
}

.elements-eve img:hover{
  filter: grayscale(90%) brightness(100%);
  transform: scale(1.2);
}


.titre-eve{
  background-color: #4e8ac6;
  color: white;
  text-transform: uppercase;
  margin-bottom: 0;
  height: 5rem;
  text-align: center;
}

/*Blog*/
.wmle_item{
  text-align: center;
}

/* Footer*/

.footer{
  display: none;
}
.footer-sidebar-wrap{
  width: 100%;
}
.module-small{
  padding: 7px 0;
  background-color: #28414c !important;
}
.so-widget-sow-image-default-3f547a15eaaa{
  max-width: 27%;
  height: auto;
  padding-top: 5px;
}

/*#pgc-w58b82885d3f1d-0-1, #panel-w58b82885d3f1d-0-2-0{
  padding-top: 10rem;
}*/

/*Bannière*/
.logo-banniere{
  height: 80%;
  width: 80%;
  position: absolute;
  bottom: 0;
  left: 19%;
  background-image: url("img/LES_logo_blanc.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.wpcf7-submit{
  background-color: #4e8ec6 !important;
}
.wpcf7-textarea{
  min-height: 10rem !important;
}

textarea {
    resize: none;
}

h6{
  font-size: 16.1px;
}

.must-log-in,
.logged-in-as {
display: none;
}
