/*
Theme Name: joulie-template
Theme URI: https://www.tongui.com/
Template: layers-elementor
Author: Tongui.com
Author URI: https://www.tongui.com/
Description: Création tongui.com pour le groupe Joulie
Version: 1.0.3.1584536185
Updated: 2020-03-18 12:56:25

*/




/*************************** Animated Vertical Line */
	
/*$v-line-height: 180px;*/

/********* light */
.v-line {
	z-index: 20;
	position: relative;
	width: 2px;
	height: 180px;
	margin-left: auto;
	margin-right: auto;
}

.v-line::after,
.v-line::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #6e6255;
}

.v-line::before {
	z-index: 20;
}

.v-line::after {
	z-index: 21;
	transform: scale(1, 0) translate3d(0, 0, 0);
	background: #ffffff;
	animation: vert_line 6s infinite;
}

/********* dark */
.v-line-dark {
	z-index: 20;
	position: relative;
	width: 2px;
	height: 180px;
	margin-left: auto;
	margin-right: auto;
}

.v-line-dark::after,
.v-line-dark::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #6e6255;
}

.v-line-dark::before {
	z-index: 20;
}

.v-line-dark::after {
	z-index: 21;
	transform: scale(1, 0) translate3d(0, 0, 0);
	background: #c5c0b6;
	animation: vert_line 6s infinite;
}

@keyframes vert_line {
  0% {
    transform-origin: top left;
    transform: scale(1, 0);
    animation-timing-function: cubic-bezier(0.48, 0.02, 0, 0.99);
  }

  30% {
    transform-origin: top left;
    transform: scale(1, 1);
  }

  40% {
    transform-origin: bottom left;
    transform: scale(1, 1);
    animation-timing-function: cubic-bezier(0.48, 0.02, 0, 0.99);
  }

  70% {
    transform-origin: bottom left;
    transform: scale(1, 0);
  }

  100% {
    transform-origin: bottom left;
    transform: scale(1, 0);
  }
}


/*************************** Animated Links Header */

/********* light */
.left a, .left a:visited {
	text-decoration: none;
	position: relative;
}

.left a:after, .left a:visited:after {
	content: '';
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}

.left a:hover:after, .left a:visited:hover:after {
	width: 100%;
	background: #FFF;
}

/********* dark */
.left-dark a, .left-dark a:visited {
	text-decoration: none;
	position: relative;
}

.left-dark a:after, .left-dark a:visited:after {
	content: '';
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}

.left-dark a:hover:after, .left-dark a:visited:hover:after {
	width: 100%;
	background: #c5c0b6;
}

/*************************** Color underline + space */

.underline-red {
	padding-bottom: 0px;
	border-bottom: 2px solid #A78147;
}



.hamburger.a {
  stroke: #6e6255;
  fill: #6e6255;
  transition: all .5s ease;
}
.hamburger.a:hover {
  stroke: #7e3300;
  fill: #7e3300;
  transition: all .5s ease;
}



/*************************** Modal cookies */
.cmplz-links.cmplz-documents a.cmplz-link.privacy-statement,
#cmplz-header-1-optin.cmplz-title{
	display: none;
}