/**
 *  Desktop Menu Customizer Plugin Styles
 */

@media all and (min-width: 981px) {

    #main-header .container,
    #main-header #et-top-navigation,
    .et_vertical_nav #main-header #et-top-navigation,
    #main-header #top-menu li a,
    #main-header #et_top_search,
    .chi_dmc_default:not(.safari) #et_search_icon,
    .chi_dmc_default #et_search_icon:before,
    .chi_dmc_default span.et_close_search_field:after,
    .chi_dmc_default.et_vertical_nav #et-top-navigation .et-cart-info,
    .et_header_style_centered:not(.safari) #et_search_icon,
    .et_header_style_centered #et_search_icon:before,
    .et_header_style_centered span.et_close_search_field:after,
    .et_header_style_centered.et_vertical_nav #et-top-navigation .et-cart-info{
        -webkit-transition: all .4s ease-in-out !important;
             -o-transition: all .4s ease-in-out !important;
                transition: all .4s ease-in-out !important;
    }
    
    .chi_dmc:not(.safari) #main-header #top-menu li ul {
        -webkit-transition: all .4s ease-in-out, visibility 0.2s, opacity 0.2s !important;
             -o-transition: all .4s ease-in-out, visibility 0.2s, opacity 0.2s !important;
                transition: all .4s ease-in-out, visibility 0.2s, opacity 0.2s !important;
    }
    
    #main-header #top-menu li {
        -webkit-transition: margin .4s ease-in-out, padding .4s ease-in-out !important;
             -o-transition: margin .4s ease-in-out, padding .4s ease-in-out !important;
                transition: margin .4s ease-in-out, padding .4s ease-in-out !important;
    }
    
    /* header gradient and bg image overlay */
    #main-header .chidmc_gradient,
    #main-header .chidmc_gradient_f {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        transition: opacity 0.7s ease;
    }
    #main-header .chidmc_gradient {
        opacity: 1;
        z-index: -9;
    }
    #main-header.et-fixed-header .chidmc_gradient,
    #main-header.chidmc-fixed-header .chidmc_gradient {
        opacity: 0;
    }
    #main-header .chidmc_gradient_f,
    #main-header.chidmc-fixed-header .chidmc_gradient_f {
        opacity: 0;
        z-index: -8;
    }
    #main-header.et-fixed-header .chidmc_gradient_f,
    #main-header.chidmc-fixed-header .chidmc_gradient_f {
        opacity: 1;
    } 
    /* end */
    #main-header #top-menu .menu-item-has-children>a:first-child:after {
        -webkit-transition: all .6s ease;
             -o-transition: all .6s ease;
                transition: all .6s ease;
    }
    
    #main-header #top-menu .menu-item-has-children:hover>a:first-child:after {
        -webkit-transition: none;
             -o-transition: none;
                transition: none;
    }

    /* remove space between inline-block menu items */
    .chi_dmc_default:not(.et_vertical_nav) #top-menu,
    .et_header_style_centered.chi_dmc_non_vert #et-top-navigation,
    .et_header_style_centered:not(.et_vertical_nav) #top-menu {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-flex-wrap: wrap;   /* Safari 6.1+ */
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;   /* NEW */
    }
    
    /* fix centered header shopping cart positioning */
    .et_header_style_centered.chi_dmc_non_vert #et-top-navigation {
        -webkit-box-pack: center;
           -ms-flex-pack: center;
        justify-content: center;
    }
    
    .et_header_style_centered #et-top-navigation .et-cart-info span {
        left: 0;
    }
    
    /* do not apply padding-right to last menu item */
    .chi_dmc_default #top-menu > li:last-child,
    .et_header_style_centered #top-menu > li:last-child {
        padding-right: 0 !important;
    }
    
    .chi_dmc_default.chi_dmc_non_vert .nav li.et-reverse-direction-nav li ul,
    .chi_dmc_default.et_vertical_nav.et_vertical_right #main-header #top-menu > li > ul,
    .chi_dmc_default.et_vertical_nav.et_vertical_right #main-header #top-menu li li ul,
    .et_header_style_centered.chi_dmc_non_vert .nav li.et-reverse-direction-nav li ul,
    .et_header_style_centered.et_vertical_nav.et_vertical_right #main-header #top-menu > li > ul,
    .et_header_style_centered.et_vertical_nav.et_vertical_right #main-header #top-menu li li ul{
        left: auto !important;
    }
    /* remove border from lower level mega-menu submenu */
    .chi_dmc_default #top-menu li.mega-menu li>ul,
    .et_header_style_centered #top-menu li.mega-menu li>ul {
        border: none !important;
    }
    /* prevent the left offset from being applied to mega-menu lower level submenus */
    .chi_dmc_default #main-header #top-menu li.mega-menu li ul,
    .et_header_style_centered #main-header #top-menu li.mega-menu li ul {
        left: auto  !important;
    }
    
    .chi_dmc_default.et_vertical_nav.et_vertical_right #main-header #top-menu li.mega-menu ul ul,
    .et_header_style_centered.et_vertical_nav.et_vertical_right #main-header #top-menu li.mega-menu ul ul {
        right: 0;
    }
    
    .chi_dmc_default #top-menu li.mega-menu li>a,
    .chi_dmc_default.et_vertical_nav #top-menu li.mega-menu li a,
    .chi_dmc_default.chi_dmc_non_vert #top-menu li.mega-menu li a,
    .et_header_style_centered #top-menu li.mega-menu li>a,
    .et_header_style_centered.et_vertical_nav #top-menu li.mega-menu li a,
    .et_header_style_centered.chi_dmc_non_vert #top-menu li.mega-menu li a {
        width: 100% !important;
    }
    
    /* menu items border style */
    .chi_dmc_default #top-menu > li > a,
    .et_header_style_centered #top-menu > li > a {
        border-style: solid;
    }
    #top-menu-nav > ul > li > a:hover,
    #top-menu-nav ul li a:hover {
        opacity: 1;
    }

    /* search icon container */
    .chi_dmc_default #et_top_search,
    .et_header_style_centered #et_top_search {
        height: 18px;
    }
       
    /* search icon bg */
    .chi_dmc_default #et_search_icon,
    .et_header_style_centered #et_search_icon {
        position: absolute;
        left: 0;
        right: 0;
        border-style: solid;
    }
    /* remove link margin-right */
    .chi_dmc_default.et_vertical_nav #main-header #top-menu > li > a,
    .et_header_style_centered.et_vertical_nav #main-header #top-menu > li > a{
        margin-right: 0;
    }
    .chi_dmc_default.et_vertical_nav #et_search_icon,
    .et_header_style_centered.et_vertical_nav #et_search_icon {
        top: 0;
        bottom: 0;
    } 
    /* search icon */
    .chi_dmc_default span.et_close_search_field:after,
    .et_header_style_centered span.et_close_search_field:after {
        position: absolute;
    }
    .chi_dmc_default #et_search_icon:before,
    .chi_dmc_default span.et_close_search_field:after,
    .et_header_style_centered #et_search_icon:before,
    .et_header_style_centered span.et_close_search_field:after {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
    }
    
    /* apply Out-Animations */
    .chi_dmc_default.chi_dmc_non_vert .et_pb_menu_hidden #top-menu,
    .chi_dmc_default.chi_dmc_non_vert .et_pb_menu_hidden #et_search_icon,
    .chi_dmc_default.chi_dmc_non_vert .et_pb_menu_hidden .et-cart-info,
    .et_header_style_centered.chi_dmc_non_vert .et_pb_menu_hidden #top-menu,
    .et_header_style_centered.chi_dmc_non_vert .et_pb_menu_hidden #et_search_icon,
    .et_header_style_centered.chi_dmc_non_vert .et_pb_menu_hidden .et-cart-info {
        opacity: 0;
        -webkit-animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
                animation: fadeOutBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    }
    
    .chi_dmc_default .et_pb_menu_hidden #et_search_icon:before,
    .et_header_style_centered .et_pb_menu_hidden #et_search_icon:before {
        opacity: 0;
        -webkit-animation: fadeOut 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
                animation: fadeOut 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    }
    
    .chi_dmc_default.et_vertical_nav .et_pb_menu_hidden #et_top_search,
    .et_header_style_centered.et_vertical_nav .et_pb_menu_hidden #et_top_search {
        opacity: 0;
        -webkit-animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
                animation: fadeOutRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    }
    
    /* apply In-Animations */
    .chi_dmc_default.chi_dmc_non_vert .et_pb_menu_visible #top-menu,
    .chi_dmc_default.chi_dmc_non_vert .et_pb_menu_visible #et_search_icon,
    .chi_dmc_default.chi_dmc_non_vert .et_pb_menu_visible .et-cart-info,
    .et_header_style_centered.chi_dmc_non_vert .et_pb_menu_visible #top-menu,
    .et_header_style_centered.chi_dmc_non_vert .et_pb_menu_visible #et_search_icon,
    .et_header_style_centered.chi_dmc_non_vert .et_pb_menu_visible .et-cart-info {
        z-index: 99;
        opacity: 1;
        -webkit-animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
                animation: fadeInBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    }
    
    .chi_dmc_default .et_pb_menu_visible #et_search_icon:before,
    .et_header_style_centered .et_pb_menu_visible #et_search_icon:before {
        z-index: 99;
        opacity: 1;
        -webkit-animation: fadeIn 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
                animation: fadeIn 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    }
    
    .chi_dmc_default.et_vertical_nav .et_pb_menu_visible #et_top_search,
    .et_header_style_centered.et_vertical_nav .et_pb_menu_visible #et_top_search {
        z-index: 99;
        opacity: 1;
        -webkit-animation: fadeInRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
                animation: fadeInRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    }
    /* remove right margin form search icon */
    .et_header_style_centered.et_vertical_nav #et_search_icon:before {
        margin-left: 0;
    }
    /* remove top offset from search form */
    .et_header_style_centered.et_vertical_nav .et-fixed-header .et-search-form {
        top: 0;
    }
    /* cart */
    .chi_dmc_default #et-top-navigation .et-cart-info,
    .et_header_style_centered #et-top-navigation .et-cart-info {
         height: 23px;   
    }
    .chi_dmc_default #et-top-navigation .et-cart-info,
    .chi_dmc_default.et_vertical_nav #et-top-navigation .et-cart-info,
    .et_header_style_centered #et-top-navigation .et-cart-info,
    .et_header_style_centered.et_vertical_nav #et-top-navigation .et-cart-info {
        position: relative;
    }
    .chi_dmc_default #et-top-navigation .et-cart-info > span,
    .chi_dmc_default.et_vertical_nav #et-top-navigation .et-cart-info > span,
    .et_header_style_centered #et-top-navigation .et-cart-info > span,
    .et_header_style_centered.et_vertical_nav #et-top-navigation .et-cart-info > span {
        position: absolute;
        border-style: solid;
        -webkit-transition: all .4s ease-in-out;
             -o-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
    }
    .chi_dmc_default #et-top-navigation .et-cart-info > span:before,
    .et_header_style_centered #et-top-navigation .et-cart-info > span:before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
    }
    .chi_dmc_default.et_vertical_nav #et-top-navigation .et-cart-info > span,
    .et_header_style_centered.et_vertical_nav #et-top-navigation .et-cart-info > span {
        top: 0;
        bottom: 0;
    }

}

/* keyframes */
/* searchFadeOutBottom */
@-webkit-keyframes searchFadeOutBottom {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, 10%);
    }
}

@keyframes searchFadeOutBottom {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, 10%);
    }
}
/* searchfadeInBottom */
@-webkit-keyframes searchfadeInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, 10%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
    }
}

@keyframes searchfadeInBottom {
    0% {
        opacity: 0;
        transform: translate(-50%, 10%);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

@-webkit-keyframes fadeRightOut {
	0% {
        opacity: 1;
		-webkit-transform: translateX(0);
	}

	100% {
        opacity: 0;
		-webkit-transform: translateX(10%);
	}
}

@keyframes fadeRightOut {
	0% {
        opacity: 1;
		transform: translateX(0);
	}

	100% {
        opacity: 0;
		transform: translateX(10%);
	}
}

@-webkit-keyframes fadeLeftOut {
	0% {
        opacity: 1;
		-webkit-transform: translateX(0);
	}

	100% {
        opacity: 0;
		-webkit-transform: translateX(-10%);
	}
}

@keyframes fadeLeftOut {
	0% {
        opacity: 1;
		transform: translateX(0);
	}

	100% {
        opacity: 0;
		transform: translateX(-10%);
	}
}

@-webkit-keyframes fadeTopOut {
	0% {
        opacity: 1;
		-webkit-transform: translateY(0);
	}

	100% {
        opacity: 0;
		-webkit-transform: translateY(-10%);
	}
}

@keyframes fadeTopOut {
	0% {
        opacity: 1;
		transform: translateY(0);
	}

	100% {
        opacity: 0;
		transform: translateY(-10%);
	}
}
@-webkit-keyframes fadeBottomOut {
	0% {
        opacity: 1;
		-webkit-transform: translateY(0);
	}

	100% {
        opacity: 0;
		-webkit-transform: translateY(10%);
	}
}

@keyframes fadeBottomOut {
	0% {
        opacity: 1;
		transform: translateY(0);
	}

	100% {
        opacity: 0;
		transform: translateY(10%);
	}
}

@-webkit-keyframes zoom-in {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@keyframes zoom-in {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes zoom-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0;
    }
}
@keyframes zoom-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0;
    }
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes shrink {
	0% {
		opacity: 1;
		-webkit-transform: scale(1, 1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1, 0.5);
	}
}

@keyframes shrink {
	0% {
		opacity: 1;
		transform: scale(1, 1);
	}

	100% {
		opacity: 0;
		transform: scale(1, 0.5);
	}
}
/* END keyframes */