/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/* VERTICAL ALIGN COLUMNS */
.vertical-align {
display: flex;
flex-direction: column;
justify-content: center;
}

/* ###### KENBURNS EFFECT ###### */

.kenburns_header .et_parallax_bg {
	-webkit-animation:kenburns-header 25s ease both; 
	animation:kenburns-header 25s ease both;
}

@-webkit-keyframes kenburns-header {
	
	0% {
		-webkit-transform:scale(1) translateY(0);
		transform:scale(1) translateY(0);
		-webkit-transform-origin:50% 16%;
		transform-origin:50% 16%}
	
	100% {
		-webkit-transform:scale(1.25) translateY(-50px);
		transform:scale(1.25) translateY(-50px);
		-webkit-transform-origin:center;
		transform-origin:center}}

@keyframes kenburns-header {
	0% {
		-webkit-transform:scale(1) translateY(0);
		transform:scale(1) translateY(0);
		-webkit-transform-origin:50% 16%;
		transform-origin:50% 16%}
	
	100% {
		-webkit-transform:scale(1.25) translateY(-50px);
		transform:scale(1.25) translateY(-50px);
		-webkit-transform-origin:center;
		transform-origin:center}}

/* ###### ZOOM EFFECT ###### */

.et-zoom-in.et_pb_image:hover img,
.et-zoom-in .et_pb_image_wrap:hover img,
.et-zoom-in a:hover img {
    transform: scale(1.1); 
    transition: all 1s 0s ease;
}

.et-zoom-in,
.et-zoom-in a {
    overflow: hidden;
}

.et-zoom-in.et_pb_image img,
.et-zoom-in .et_pb_image_wrap img,
.et-zoom-in a img {
    transition: all 1s 0s ease; 
}

/* ##### AVANTI SIDEBAR MENU STYLING ##### */

/* ##### IMPORTANT: IN THE THEME EDITOR, FIND THE
"SIDEBAR SERVICES MENU" SECTION
AND REPLACE WITH THE FOLLOWING CSS ##### */

/* ###### Background color menu item ###### */
.et_pb_widget_area .menu .menu-item {
	background-color: #e5e5e5;
}

/* ###### Text color menu item ###### */
.et_pb_widget_area .menu .menu-item a {
	color: #444;
}

/* ###### Background hover ###### */
.et_pb_widget_area .menu .menu-item:hover {
	background-color: #1e5096;
}

/* ###### Text color hover ###### */
.et_pb_widget_area .menu .menu-item:hover a {
	color: #fff;
}

/* ###### Background color active menu item ###### */
.et_pb_widget_area .menu .current-menu-item {
	background-color: #1e5096;
}

/* ###### Text color active menu item ###### */
.et_pb_widget_area .menu .current-menu-item a {
	color: #fff !important;
}

/* ###### Widget menu title size ###### */
.widget_nav_menu h4 {
	font-weight: bold !important;
        margin-bottom: 10px;
        font-size: 28px !important;
}

/* ##### Transition animation ##### */
@media all and (max-width: 980px) {
.et_pb_column .et_pb_widget.widget_nav_menu {
	width: 100% !important;
}}

.et_pb_widget_area .menu .menu-item {
	padding: 10px 20px 10px 20px;
	-webkit-transition: all .3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
}

.et_pb_widget_area .menu .menu-item a {
	-webkit-transition: all .3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
}