/*!
Theme Name: Waouh
Theme URI: http://underscores.me/
Author: Waouh
Author URI: https://www.waouh.cool
Description: Un thème survitaminé par Waouh
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: waouh
/*********WAOUH************/

/*
=======================================================================
=============================ATTENTION=================================
==============uniquement le code qui concerne le theme ici=============
=======================================================================
*/


/*FORCER ICON MOON PRO*/
.far {
    font-family: 'Font Awesome 5 Pro' !important;
}

/* BULMA */
.box{
  box-shadow: none !important;
}
/* woocomerce notif  */
.wh_woo_notif {
  position:fixed !important;
  right:-100%;
  display: inline-flex !important;
  flex-direction: column-reverse;
  z-index: 1;
  animation: wh_woo_notif_anim 15s ease-in-out;
  animation-iteration-count: 1;
}
@keyframes wh_woo_notif_anim {
  0%   {right: -100%;}
  25%  {right: 0;}
  75%  {right: 0;}
  100% {right: -100%;}
}
/* woocomerce tabs */
.tabs.is-toggle li.is-active a,.wc-tabs  li.active{
  background-color: #dbdbdb !important;
  border:solid 1px #dbdbdb !important;
}



/* personnaliser le visuel de mon nouveau menu mega */
.wh_menu{  background-color: #dfedd6;}
.container_menu_principal {
  width: 1443px !important;
  padding: 20px 0 5px 0;
  padding-right: 0px;
  padding-left: 0px;
  text-transform: uppercase;
}
h4.item_title {
  color: #fff !important;
}

/******BACK TO TOP******/

.button-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  width: 60px;
  height: 60px;
  border: 0;
  border-radius: 2px;
  box-shadow: none;
  background: #747472;
  color: #fff;
  font-size: 26px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  transition: opacity .18s ease;
}

.button-top-visible {
  opacity: 1;
  pointer-events: auto;
}

/******TABLE***/
thead th {
    color: #fff !important;
}

/****HEADER***/

	#navMenu:not(.is-activated) .is-mega .navbar-dropdown{
		width: 100vw;
		position: fixed;
		left: 0;
		top: auto;
		margin-top: 52px;
	}
	/* Sub header  */


	.wh_menu_bulma {
		background-color: grey;
	}
	.navbar-item ,.navbar-link {
		color: rgb(116, 116, 114);
	}
	a:visited {
		color: rgb(116, 116, 114) !important;
	}
	.wh_menu_bulma a:hover {
		opacity: .7;
		background-color:transparent;
	}
	.wh_menu_bulma .navbar-item.has-dropdown:hover .navbar-link {
		background-color:transparent;

	}
	.wh_menu_bulma .navbar-link::after {
		content:none;
	}
	/* navbar responsive  */

	.wh_menu_bulma .navbar-menu.is-active {
		width:330px;
		position: fixed;
		right:0;
		z-index: 1001;
		height:100%;
		animation: apparition 1s ease-out;
	}

	.wh_menu_bulma .navbar-menu.is-activated:not(.is-active) {
		animation: disparition 1s ease-out;
		width:330px;
		position: fixed;
		right:-330px;
		z-index: 1001;
		display: block;
		height:100%;
	}


	.navbar-menu.is-activated .column.is-half .is-1{
		width:100%;
		text-align:center;
		display: block;
	}

	/* header responsive */
	.navbar-menu.is-activated .column.is-half{
		width:100%;
	}

	.navbar-menu.is-activated .column.is-half .is-1{
		display: none;
	}

	.navbar-menu.is-activated .column.is-half .is-11{
		width:100%;
		display: block;
		padding-bottom:0;
		padding-top:0;
	}

	.navbar-menu.is-activated .column.is-half .is-11 a {
		z-index: 1;position:relative;
		padding-top: 0;

	}

	.navbar-menu.is-activated .column.is-half .columns{
		display: block;
	}

	.navbar-menu.is-activated .columns.is-multiline{
		padding-top:0 !important;
	}

	.navbar-menu.is-activated .navbar-item.is-mega {
		position:relative;
	}

	.navbar-menu.is-activated .wh_resp_cross {
		width: 30px;
		height: 30px;
		position: absolute;
    right: 5px;
    top: 11px;
		cursor: pointer;
		z-index: 100;
		padding-left: 9px;
		padding-bottom: 0px;
	}
	.navbar-menu:not(.is-activated) .wh_resp_cross {
		display: none;
	}

	.navbar-menu.is-activated .wh_resp_cross + a {
		display: inline-block;
	}
	.wh_resp_logo{
		display: none;
	}
	@media screen and (max-width:1010px) {
		.wh_resp_logo{
			display: block;
		}
	}
	.wh_menu_bulma_container.fixed_menu{
		z-index: 999999;
		position: fixed;
		width: 100%;
		top:0;
	}

	.wh_resp_cross.open .fa-plus{
		display: none;
	}
	.wh_resp_cross:not(.open) .fa-minus{
		display: none;
	}

	#navMenu {
		justify-content: space-around;
	}
	.resp_nav_footer {
		display:none;
	}
	/* ///////// commun a tous ///////// */

	.navbar-link {
		padding-right: 0.75rem;
	}

	.wh_menu_bulma a {
		font-size: 1.2rem
	}


	@media screen and (max-width: 1090px) {
		/* .wh_menu_bulma .container {
			padding: 0px 20px;
		}
		#navMenu {
			max-height: calc(100vh - 52px);
			overflow:scroll;
			padding-right: 12px;

		}
		.resp_nav_footer {
			display:block;
		} */
	}
	@media screen and (max-width: 1010px) {
		.wh_menu_bulma_container {
			z-index: 999999;
			position: fixed;
			width: 100%;
			top: 0;
		}
		#page {
			margin-top: 59px;
		}
	}

	a.active ,.navbar-item.active > a{
		color:rgba(116, 116, 114,.7);
	}
	.wh_subHeader {
		background-color:darkgrey;
	}


  /*****Hover articles *****/


.card-image .article-overlay {
    position: relative;
    overflow: hidden;
  }

.card-image .article-overlay {
    background: rgba(212,84,131,0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    z-index: 8;
  }

.card-image:hover .article-overlay{
    opacity: 1;
  }

  /***Responsive Embeds******/
  .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
  }

  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }