/* ************************************************************************** */
/*                                                                            */
/*                                                        :::      ::::::::   */
/*   style_victor.css                                   :+:      :+:    :+:   */
/*                                                    +:+ +:+         +:+     */
/*   By: victor <victor@youdemus.fr>                +#+  +:+       +#+        */
/*                                                +#+#+#+#+#+   +#+           */
/*   Created: 2019/05/02 11:46:56 by victor            #+#    #+#             */
/*   Updated: 2019/06/04 17:59:32 by victor           ###   ########.fr       */
/*                                                                            */
/* ************************************************************************** */

body [id^="nz-accordion-"] .toggle-title
{
	background-color: unset !important;
	overflow: hidden;
}

@keyframes scroll_bg {
	0% {
		background-position-y: 0%;
	}
	100% {
		background-position-y: 59%;
		/* background-position-y: 30%; */
	}
	/* 100% {
	} */

}

[id^="nz-accordion-"] .toggle-title::after
{
	position: absolute;
	width: 100%;
	height: 50px;
	top: 0;
	bottom: 0;
	right: 100%;
	z-index: -1;
	background-image: url("img/waves2-faq.svg");
	background-repeat: repeat-y;
	background-position-y: 0%;
	background-size: cover;
	transition: 4s ease background-position-y, 2s ease right;
	filter: drop-shadow( 1px 0 0 #453bc11a);
}

[id^="nz-accordion-"] .toggle-title:hover::after
{
	right: 20%;
	transition: 2s ease right;
	animation-name: scroll_bg;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.add_children_shadow > *{
	box-shadow: 0 0 15px #0003;
	transition: all .2s ease;
}

.add_children_shadow > *:hover{
	box-shadow: 0 0 23px #0002;
	transform: scale(1.01);
}

body .nz-accordion .toggle-ind::before, body .nz-accordion .toggle-ind::after {
	transition: none;
}

body .nz-accordion .toggle-ind:hover::before, body .nz-accordion .toggle-ind:hover::after {
	transform: rotate(90deg);
	transition: transform 0.25s ease-out;
}

.mob-menu-toggle.inf-icon-menu {
	display: none;
}

.upb_bg_overlay {
	display: none;
}

.upb_row_bg.vcpb-default {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.desk {
	box-shadow: none !important;
}

#YDU_home_header .upb_row_bg.vcpb-default::before {
	background-image: url("./img/home-bg.svg");
    position: absolute;
    top: -2px;
    left: -1px;
    right: -1px;
    bottom: -1px;
	content: "";
	z-index: -1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

body.home .YDU_header_home div[id^=ultimate-heading-] {
	text-align: left !important;
	width: 55%;
}

@media (max-width: 1279px) {
	#YDU_home_header .upb_row_bg.vcpb-default::before {
		background-color: white;
	}

	body.home .YDU_header_home div[id^=ultimate-heading-], #YDU_home_header, #YDU_home_header .wpb_single_image{
		text-align: center !important;
		width: 100%;
	}
	#YDU_home_header.YDU_header_home {
		min-height: 50vh !important;
	}

	#YDU_home_header .vc_col-sm-1 {
		display: none;
	}
	#YDU_home_header .vc_col-sm-11 {
		width: 100% !important;
	}
	#YDU_home_header .wpb_single_image{
		display: none;
	}
}


#YDU_home_header > .upb_row_bg.vcpb-default {
	background-position: center bottom;
	filter: brightness(1.3);
}

.nz-clearfix > .sidebar-toggle.inf-icon-menu{
	display: none !important;
}

.effect-underline .desk-menu > ul > li > a::after {
	transform: translateY(1px) translateX(-50%);
}

.sticky-true.active.effect-underline .desk-menu > ul > li > a::after {
	transform: translateY(3px) translateX(-50%);
}

header.header li.menu-item > a > span {
    transform: translateY(30%);
}

/*************** ANIMATION ***********/

@keyframes ydu_rotate_anim {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(45deg);
	}
}

.ydu_rotate_animation_wheel {
	filter: drop-shadow(-4px 0 #f4b537)drop-shadow(-4px 0 #f4b537)drop-shadow(-4px 0 #f4b537)drop-shadow(-4px 0 0 #f4b537)
}

.ydu_rotate_animation_wheel > *{
	animation-name: ydu_rotate_anim;
    transform-box: fill-box;
    transform-origin: center;
	/* transition: 1s linear all; */
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes ydu_float_anim {
	0%, 100% {
		transform: rotate(-2deg) translateX(0) translateY(-3px);
	}
	25%
	{
		transform: rotate(2deg) translateX(3px) translateY(0);
	}
	50%
	{
		transform: rotate(-2deg) translateX(0) translateY(3px);
	}
	75%
	{
		transform: rotate(2deg) translateX(-3px) translateY(0);
	}
}

@keyframes ydu_clip_puzzle {
	0%, 100% {
		transform: rotate(72deg) translateX(0) translateY(0);
		opacity: 0;
	}
	15%{
		opacity: 1;
	}
	50% {
		transform: rotate(45deg) translateX(17px) translateY(98px);
	}
	80%{
		opacity: 1;
	}
	94% {
		opacity: 0;
	}
	95% {
		transform: rotate(45deg) translateX(17px) translateY(98px);
	}
}

.ydu_animate_puzzle {
	animation-name: ydu_clip_puzzle;
	animation-iteration-count: infinite;
	animation-duration: 4s;
	animation-timing-function: ease;
	transition: .5s ease all;
	transform-origin: center;
	transform-box: fill-box;
}

.ydu_animate_puzzle:hover {
	transition: 2s ease all;
}

@keyframes ydu_animate_bulb {
	0%, 100% {
		filter: grayscale(1);
	}
	50% {
		filter: grayscale(0);
	}
}

@keyframes ydu_animate_light {
	0%, 100% {
		opacity: 0;
		transform: translateY(10px);
	}
	50% {
		opacity: 1;
		transform: translateY(0);
	}
}

.ydu_lamp_flicker {
	animation-name: ydu_animate_light;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-duration: 2s;
    transform-box: fill-box;
    transform-origin: top center;
}

.ydu_lamp {
    transform-box: fill-box;
    transform-origin: top center;
	animation-name: ydu_animate_bulb;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-duration: 2s;
}

.ydu_book_shiny::after {
	position: absolute;
	content:"";
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

@keyframes explode_wave {
	0%,100%{
		box-shadow:0 0 5px #6c53d6EE;
	}
	25%{
		box-shadow:0 0 0 transparent;
	}
}

.icon_list_item .icon_list_icon {
	overflow: visible !important;
}

.icon_list_item .icon_list_icon::before{
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.icon_list_item:hover .icon_list_icon::before{
	animation-name: explode_wave;
	animation-timing-function: ease;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
}

.icon_list_icon > .Defaults-check::before {
	display: inline-block;
	transition: none;
}

.icon_list_item:hover .icon_list_icon > .Defaults-check::before {
	transition: .2s all linear;
	transform: scale(1.5);
}

/* .sticky-true.active*/
.under-logo {
	box-shadow: 0 2px 0 #edf0ff;
}

/* body.home .upb_row_bg.vcpb-default::after {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #624acb;
    opacity: 0.7;
    z-index: -2;
} */

@media (min-width: 1280px)
{
	#YDU_home_header {
		min-height: 82vh;
		height: 82vh;
	}
	body .desk-menu > ul > li > a {
		line-height: 40px;
		height: 40px;
	}
	body .under-logo {
		height: 50px;
	}
	body .sticky-true.active .under-logo {
		height: 70px;
	}
	body .sticky-true.active .header-menu.desk-menu.nz-clearfix {
		height: 70px !important;
	}
	body .sticky-true.active ul#header-menu > li > a{
		height: 58px !important;
		margin-top: 0;
	}
	/* .under-logo > .container.nz-clearfix {
		margin-right: 0;
	} */

	body .desk .logo {
		/* height: 110px; */
	}

	body .desk.menu-under-logo-true .header-body {
		/* height: 150px; */
	}

	body .desk.sticky-true.transparent-false.boxed-false.menu-under-logo-true + .page-content-wrap {
		padding-top: 150px;
	}

	header.header li.menu-item > a > span:first-child{
		display: block;
		transition: .5s ease all;
	}
	header.header:not(.active) li.menu-item > a > span:first-child{
		transform: translateY(-15px);
		display: block;
	}
	body .sticky-true.active .normal-logo {
		opacity: 1 !important;
	}
	body .sticky-true.active .logo a {
		position: fixed;
		top: calc(50% + 12px);
		left: 1%;
		display: block;
		width: auto;
		height: 50px;
		animation-name: fadeIn;
		animation-timing-function: ease;
		animation-duration: 1s;
		animation-iteration-count: 1;
	}
	body .sticky-true.active .logo a > .normal-logo {
		height: 35px !important;
		/* transform: translateY(-5px); */
	}
}

@media (min-width: 1540px)
{
	body .sticky-true.active .logo a {
		left: 4%;
	}
}

@media (min-width: 1770px)
{
	body .sticky-true.active .logo a {
		left: 8%;
	}
}