/*
 Theme Name:     Divi Child – Original
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child – A Theme for WordPress
 Author:         GraVoc
 Author URI:     https://www.gravoc.com/
 Template:       Divi
 Version:        1.0.0
*/

/* Theme customization starts here...
----------------------------------------------------------------------------- */

/******************************************************************************\
*** Header
\******************************************************************************/

.pa-underline-center nav ul li {
	position: relative
}

.pa-underline-center nav ul li a {
	position: relative;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(1,0.01,0,1);
	-webkit-transition-timing-function: cubic-bezier(1,0.01,0,1.22);
	transition-timing-function: cubic-bezier(1,0.01,0,1.22)
}

.pa-underline-center nav ul li a::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -22px;
	width: 0px;
	height: 2px;
	background: #221003;
	-webkit-transition: -webkit-transform 0.5s;
	transition: 0.5s;
	-webkit-transition-timing-function: cubic-bezier(1,0.01,0,1);
	-webkit-transition-timing-function: cubic-bezier(1,0.01,0,1.22);
	transition-timing-function: cubic-bezier(1,0.01,0,1.22)
}

.pa-underline-center nav ul li:hover a::before {
	width: 45px;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

/******************************************************************************\
*** Button
\******************************************************************************/

/* Button has an underline by default */
a.et_pb_button.underline {
	position: relative;
	display: inline-block;

	/* underline layer (no pseudos = no Divi conflicts) */
	background-image: linear-gradient(#221003, #221003);
	background-repeat: no-repeat;

	/* anchor the line to the RIGHT edge so it collapses that way */
	background-position: right 100%;
	background-size: 100% 1px; /* visible initially */

	/* match your timing */
	transition: background-size 0.5s cubic-bezier(1, 0.01, 0, 1.22);
}

/* On hover/focus: shrink to the right until it disappears */
a.et_pb_button.underline:hover,
a.et_pb_button.underline:focus-visible {
	background-size: 0 1px;
}