/**
  * Start CSS for Dock Icon Widget
 */
.icon-section .dock {
    margin-top: 60px;
	min-height: 90px;
}
.icon-section .dock ul {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin-bottom: 20px;
    margin-left: 0px;
}

.icon-section .dock-app {
    width: 65px;
    height: 65px;
    position: relative;
}

.icon-section .dock-app img {
    width: 100%;
    height: auto;
    /*border-radius: 50px;*/
    /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
    padding: 8px;
}

.icon-section .dock-app a {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 12px;
    color: #fff;
    padding-right: 5px;
}

.icon-section .dock-app:hover .tooltip,
.icon-section .dock-app:focus-within .tooltip {
    opacity: 1;
}

.icon-section .tooltip {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: ease-in opacity 100ms;
    display: block;
    background: rgba(0,0,0,0.58);
    padding: 8px;
    border-radius: 12px;
    width: auto;
    box-shadow: rgba(0, 0, 0, 0.17) 0px 12px 8px 1px;
    white-space: nowrap;
    font-size: 12px;
}

.icon-section .dock-app {
    transition: width, height, margin-top, cubic-bezier(0.25, 1, 0.5, 1) 100ms;

}

.icon-section .dock-app:hover {
    width: 85px;
    height: 85px;
    margin-top: -25px;
}

/* Right side */
.dock-app:hover + .dock-app {
    width: calc(75px + var(--dock-offset-right, 0px));
    height: calc(75px + var(--dock-offset-right, 0px));
    margin-top: calc(-15px + var(--dock-offset-right, 0px) * -1);
}

.dock-app:hover + .dock-app + .dock-app {
    width: calc(65px + var(--dock-offset-right, 0px));
    height: calc(65px + var(--dock-offset-right, 0px));
    margin-top: calc(-10px + var(--dock-offset-right, 0px) * -1);
}

/* Left side */
.dock-app:has(+ .dock-app:hover){
    width: calc(75px + var(--dock-offset-left, 0px));
    height: calc(75px + var(--dock-offset-left, 0px));
    margin-top: calc(-15px + var(--dock-offset-left, 0px) * -1);
}

.dock-app:has(+ .dock-app + .dock-app:hover){
    width: calc(65px + var(--dock-offset-left, 0px));
    height: calc(65px + var(--dock-offset-left, 0px));
    margin-top: calc(-10px + var(--dock-offset-left, 0px) * -1);
}

/**
  * End CSS for Dock Icon Widget
 */

/**
  * Start CSS for Dynamic Menu Widget
 */
.elementor-widget-n-menu .e-n-menu-content>.e-con:not(.e-active) {
 transition-delay: 3s;
}
.elementor-widget-n-menu .e-n-menu-content {
  transition-delay: 3s;
}
.elementor-widget-n-menu .e-n-menu-content>.e-con.e-active {
  transition-delay: 5s;
}
.custom-navigation-menu .menu-column .menu-heading {
    color: #fff;
    font-weight: 600;
    padding-bottom:10px;
    display: block;
}
.e-n-menu-content .e-con-full.e-flex.e-con.e-child {
    width: 100% !important;
}
.elementor-widget-n-menu .e-n-menu {
    display: flex;
    flex-direction: column;
    position: inherit !important;
}

.elementor-widget-n-menu .e-n-menu:not([data-layout=dropdown]) .e-n-menu-content {
    left: var(--stretch-left);
    position: absolute;
    right: var(--stretch-right);
    width: var(--stretch-width);
    /* left: 0; */
    right: 0 !important;
}
.custom-navigation-menu .child-categories {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    padding-right: 10px;
	width: 70%;
}
.custom-navigation-menu .child-categories .child-category a {
    border-bottom: none;
    color: #ffffff;
    display: inline-block;
    font-weight: 400;
    font-size: .875rem;
    padding: .25rem 0;
    text-decoration: none;
}
.custom-navigation-menu .child-categories .child-category a:hover{
    border-bottom: 1px solid #FFFFFF;
}

.custom-navigation-menu .child-categories .child-category a:hover > .dropdown {
/*     display: block; */
	visibility: visible;
        opacity: 1;
        margin-top: 0px;
        z-index: 99;
        width: 100%
}

.custom-navigation-menu .dropdown {
/*     display: none; */
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #272727;
    color: #333;
    border: none;
    padding: 20px;
    z-index: 1000;
    border-radius: 0px;
	visibility: hidden;
        width: 100%;
        opacity: 0;
	transition:0.5s;
/* 	transform: translatex(-70%); */
	margin-top: 50px;
}
.custom-navigation-menu .child-categories .child-category:hover .dropdown {
/*     display: block; */
	visibility: visible;
        opacity: 1;
        margin-top: 0px;
        z-index: 99;
        width: 100%;
/* 	transform: translatex(0%); */
	margin-top: 0px;
}
.custom-navigation-menu .dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.elementor-widget-n-menu .e-n-menu:not([data-layout=dropdown]):not(.content-above) .e-active.e-n-menu-content {
    padding-block-start: var(--n-menu-title-distance-from-content);
    top: 98% !important;
}
.custom-navigation-menu .dropdown ul li {
    padding: 5px 0;
/*     border-bottom: 1px solid #eee; */
}
.custom-navigation-menu .child-categories li.child-category:hover a {
    border-bottom: none;
}
.custom-navigation-menu .dropdown ul li:last-child {
    border-bottom: none;
}

.custom-navigation-menu .dropdown ul li a {
    text-decoration: none;
    color: #333;
}

.custom-navigation-menu .dropdown ul li a:hover {
    color: #007BFF;
}
/* .custom-navigation-menu .child-categories li.child-category:hover .dropdown {
    display: block; */
}
.custom-navigation-menu .child-categories li.child-category .dropdown li a {
    color: #fff !important;
	font-size: 13px;
}
.custom-navigation-menu .child-categories li.child-category {
    position: relative;
    padding: 10px;
}
.custom-navigation-menu .child-categories li.child-category:before {
    content: '';
    background-image: url(../images/rightarrow.png);
    position: absolute;
    color: #fff;
    right: 15px;
    width: 12px;
    height: 10px;
    background-repeat: no-repeat;
    top: 20px;
}
.custom-navigation-menu .child-categories li.child-category:hover a {
    color: #fff;
}

.custom-navigation-menu .child-categories li.child-category:hover {
    background: #272727;
    color: #fff;
}
.e-con.e-child::nth-child(3) ul li .dropdown  {
    right: 0 !important;
    top: 0 !important;
    left: auto;
}
.custom-navigation-menu .dropdown ul.sub_menu.sup_sub_menu li:hover {
    border-bottom: 1px solid #fff;
}

/**
  * End CSS for Dynamic Menu Widget
 */


@media only screen and (max-width: 767px){  	
   /* Start home page css */
	.icon-section .tooltip {
		position: absolute;
		top: -40px;
		left: 40%;
		transform: translateX(-60%);
		opacity: 0;
		transition: ease-in opacity 100ms;
		display: block;
		background: rgba(0,0,0,0.58);
		padding: 2px;
		border-radius: 12px;
		width: auto;
		box-shadow: rgba(0, 0, 0, 0.17) 0px 12px 8px 1px;
		white-space: nowrap;
		font-size: 8px;
	}
	.icon-section .dock ul {
		padding: 0px 10px;
	}
	.icon-section .dock-app a {
		width: 90%;
		height: 90%;
		padding-right: 0px;
	}
	.icon-section .dock-app {
	  width: 60px;
	  height: 60px;
	  position: relative;
	}
	.icon-section .dock-app:hover {
	  width: 80px;
	  height: 80px;
	  margin-top: -30px;
	}

	/* Right side */
	.dock-app:hover + .dock-app {
	  width: calc(70px + var(--dock-offset-right, 0px));
	  height: calc(70px + var(--dock-offset-right, 0px));
	  margin-top: calc(-20px + var(--dock-offset-right, 0px) * -1);
	}

	.dock-app:hover + .dock-app + .dock-app {
	  width: calc(60px + var(--dock-offset-right, 0px));
	  height: calc(60px + var(--dock-offset-right, 0px));
	  margin-top: calc(-10px + var(--dock-offset-right, 0px) * -1);
	}

	/* Left side */
	.dock-app:has(+ .dock-app:hover){
	  width: calc(70px + var(--dock-offset-left, 0px));
	  height: calc(70px + var(--dock-offset-left, 0px));
	  margin-top: calc(-20px + var(--dock-offset-left, 0px) * -1);
	}

	.dock-app:has(+ .dock-app + .dock-app:hover){
	  width: calc(60px + var(--dock-offset-left, 0px));
	  height: calc(60px + var(--dock-offset-left, 0px));
	  margin-top: calc(-10px + var(--dock-offset-left, 0px) * -1);
	}
/* End home page css */	
	
}