/*
 Theme Name:   Divi Child Theme
 Theme URI:    https://www.elegantthemes.com/
 Description:  Child Theme for Divi
 Author:       MD Rahu
 Author URI:   https://www.fiverr.com/raahuu?source=gig_page
 Template:     Divi
 Version:      2.0.0
*/

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


.et-db #et-boc .et-l .et_pb_row.menu-row .et_pb_column.header-menu-col {
    width: 75% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1980px;
    display: flex;
    align-items: center;
	flex-wrap: wrap;
    position: static;
}

.et_pb_row.menu-row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.et_pb_module.et_pb_menu li.menu-item-button a,
a.et_pb_button.button-gradient-effect {
    background-size: 200% auto;
    background-position: left 30% center;
	transition: all .3s ease-in-out;
}
.et_pb_module.et_pb_menu li.menu-item-button a:hover,
a.et_pb_button.button-gradient-effect:hover {
    background-position: left 90% center;
}

.card-style-blurbs .et_pb_blurb_container {
    padding: 0 24px;
}

.card-style-blurbs span.et_pb_image_wrap img {
    animation: unset !important;
}
@media screen and (min-width: 981px) {
	.card-style-blurbs span.et_pb_image_wrap img {
		aspect-ratio: 640/490;
		object-fit: cover;
	}
	.et-db #et-boc .et-l .et_pb_row.menu-row .et_pb_column.header-menu-col .et_pb_button_module_wrapper {
		order: 2;
	}
}
.icon-image-blurb .et_pb_blurb_content {
    position: static;
}

.icon-image-blurb .et_pb_main_blurb_image {
    position: absolute;
	top: 0;
    transform: translateY(-50%);
}
.icon-image-blurb span.et_pb_image_wrap {
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-image-blurb span.et-pb-icon {
    width: 60px;
    height: 60px;
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-paralex-effect span.et_parallax_bg_wrap {
    z-index: -1;
}

.c-menu-style.et_pb_module.et_pb_menu li.menu-item a {
    opacity: 1 !important;
    padding: .3em 1.4em;
	position: relative;
	transition: all .2s ease-in-out;
	border-radius: 5px;
}

.c-menu-style.et_pb_module.et_pb_menu li.menu-item.current-menu-item a,
.c-menu-style.et_pb_module.et_pb_menu li.menu-item a:hover {
    background: #fff;
}
.c-menu-style.et_pb_module.et_pb_menu li.menu-item  {
   padding: 0 2px;
}
.c-menu-style ul.et-menu.nav {
    display: flex;
    align-items: center;
}
a.et_pb_button.button-fullwidth {
    width: 100%;
    text-align: center;
}
/* .et_pb_module.et_pb_menu li.menu-item a:after {
    
}
.et_pb_module.et_pb_menu li.menu-item.current-menu-item a:after,
.et_pb_module.et_pb_menu li.menu-item a:hover:after {
   
} */
@media screen and (max-width: 980px) {
	li.menu-item-button {
		margin-top: 15px;
	}
	.et_pb_module.et_pb_menu li.menu-item a:after {
		transform: translate(-50%, -5px);
	}
	.et-db #et-boc .et-l .et_pb_row.menu-row .et_pb_column.header-menu-col {
		width: 90% !important;
	}
	.et_pb_module.et_pb_menu .et_pb_menu__wrap {
		justify-content: flex-end;
	}
	.et_pb_module.et_pb_menu.c-menu-style,
	.c-menu-style .et_pb_menu_inner_container {
		position: static;
	}
}

.full-height-image span.et_pb_image_wrap,
.et_pb_module.full-height-image {
    height: 95%;
}
.full-height-image .et_pb_image_wrap img {
    height: 95%;
    object-fit: cover;
}
.et_pb_module.c-accordion-styles .et_pb_toggle_title {
    transition: all .2s ease-in-out;
}
.et_pb_module.c-accordion-styles .et_pb_toggle_title:before {
    display: block !important;
    transition: all .2s ease-in-out, color 0s ease-in-out !important;
    font-weight: 900 !important;
    color: unset !important;
}

.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {
    transform: rotate(90deg);
}
.headsot-blurb img {
    aspect-ratio: 1/1;
    object-fit: cover;
}
.headsot-blurb .et_pb_blurb_content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.headsot-blurb .et_pb_main_blurb_image {
    width: fit-content !important;
    margin: 0;
}

.cta-blurb .et_pb_blurb_description:after {
    font-family: 'ETmodules';
    content: "5";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    font-weight: 500;
}
.cta-blurb:hover .et_pb_blurb_description:after {
	animation: iconjumping .5s ease-in-out 1;
}

@keyframes iconjumping {
	0% {
		transform: translate(0, -50%);
	}
	25% {
		transform: translate(-3px, -50%);
	}
	50% {
		transform: translate(3px, -50%);
	}
	75% {
		transform: translate(-3px, -50%);
	}
	100% {
		transform: translate(0, -50%);
	}
}

.scroll-smart-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transform: translateY(0); /* visible by default */
  transition: transform 0.4s ease, box-shadow 0.3s ease;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}
.logged-in .scroll-smart-header {
	top: 32px;
}

.scroll-smart-header.hidden {
  transform: translateY(-100%);
  box-shadow: none;
}


/*-------------------------- Moving element testing -----------------------------*/

.et_pb_module.animated-module {
    animation: movingelement 30s linear infinite;
	right: unset;
}
@keyframes movingelement {
	0% {left: 0%; top: 0px;}
	5% {left: 10%; top: 100px;}
	10% {left: 20%; top: 150px;}
	15% {left: 30%; top: 70px;}
	20% {left: 40%; top: 120px;}
	25% {left: 50%; top: 150px;}
	30% {left: 60%; top: 110px;}
	35% {left: 70%; top: 120px;}
	40% {left: 80%; top: 70px;}
	45% {left: 90%; top: 40px;}
	50% {left: 100%; top: 0px;}
	55% {left: 90%; top: -30px;}
	60% {left: 80%; top: -150px;}
	65% {left: 70%; top: -200px;}
	70% {left: 60%; top: -140px;}
	75% {left: 50%; top: -190px;}
	80% {left: 40%; top: -140px;}
	85% {left: 30%; top: -100px;}
	90% {left: 20%; top: -70px;}
	95% {left: 10%; top: -40px;}
	100% {left: 0%; top: 0px;}
}

.et_pb_module.animated-module2 {
    animation: movingelement2 30s linear infinite reverse;
	left: unset;
}
@keyframes movingelement2 {
	0% {right: 0%; top: 0px;}
	5% {right: 10%; top: 80px;}
	10% {right: 20%; top: 130px;}
	15% {right: 30%; top: 60px;}
	20% {right: 40%; top: 100px;}
	25% {right: 50%; top: 140px;}
	30% {right: 60%; top: 90px;}
	35% {right: 70%; top: 120px;}
	40% {right: 80%; top: 50px;}
	45% {right: 90%; top: 20px;}
	50% {right: 100%; top: 0px;}
	55% {right: 90%; top: -40px;}
	60% {right: 80%; top: -120px;}
	65% {right: 70%; top: -160px;}
	70% {right: 60%; top: -110px;}
	75% {right: 50%; top: -170px;}
	80% {right: 40%; top: -130px;}
	85% {right: 30%; top: -90px;}
	90% {right: 20%; top: -60px;}
	95% {right: 10%; top: -30px;}
	100% {right: 0%; top: 0px;}
}