/**
 *  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 0.4s ease-in-out !important;
    -o-transition: all 0.4s ease-in-out !important;
    transition: all 0.4s ease-in-out !important;
  }

  .chi_dmc:not(.safari) #main-header #top-menu li ul {
    -webkit-transition: all 0.4s ease-in-out, visibility 0.2s, opacity 0.2s !important;
    -o-transition: all 0.4s ease-in-out, visibility 0.2s, opacity 0.2s !important;
    transition: all 0.4s ease-in-out, visibility 0.2s, opacity 0.2s !important;
  }

  #main-header #top-menu li {
    -webkit-transition: margin 0.4s ease-in-out, padding 0.4s ease-in-out !important;
    -o-transition: margin 0.4s ease-in-out, padding 0.4s ease-in-out !important;
    transition: margin 0.4s ease-in-out, padding 0.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 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.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 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.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(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.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(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.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 */