/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.003
Text Domain:  Avada
*/

/* Over Header Styles: Family of Companies */
.over-header {position: fixed; top: 0; z-index: 1000000; width: 100%; height: 64px; margin-top: 0px; display: flex; align-items: center; height: 64px; background: linear-gradient(to bottom, #fdfdfd 56%, #e5e5e5);}
.over-header > .companies {display: flex; align-items: center; margin-right: 30px; text-align: center; padding: 0px 46px 0px 30px; background: #dedede; clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%); height: 100%; font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 600; text-transform: uppercase;}
.over-header > .co-logo {margin-right: 70px;}
.over-header > .co-logo:last-child {margin-right: 0px;}
.over-header > .co-logo img {height: 44px; padding-top: 6px; padding-bottom: 6px;}
.over-header .co-logo.active {position: relative;}
.over-header .co-logo.active::after {position: absolute; content: ''; bottom: 0; left: 0; margin-bottom: -10px; margin-left: calc(0px - 4%); width: 108%; height: 8px; background-color: #a82a25; clip-path: polygon(4% 0, 100% 0, 97% 100%, 0 100%);}
#boxed-wrapper {margin-top: 64px;}
.fusion-header.fusion-sticky-shadow {margin-top: 64px;}
.over-header-mobile-menu {display: none;}
@media screen and (max-width:1400px) {
.sticky-mobile-header:not(.floating-navigation-below-slider) .sticky-mobile-on.masthead {margin-top: 64px;}
}
@media screen and (max-width:960px) {
.over-header > .companies {margin-right: 16px; text-align: center; padding: 0px 36px 0px 16px;}
.over-header > .co-logo {margin-right: 36px;}
}
@media screen and (max-width:800px) {
.over-header-mobile-menu {display: block; margin-top: 12px;}
.over-header-mobile-menu .companies {font-family: 'Cabin', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #333333; font-size: 15px; font-weight: 600;}
.over-header-mobile-menu .logo-row {display: flex; flex-direction: row; justify-content: space-between; column-gap: 10px;}
.over-header-mobile-menu .co-logo {margin-top: 14px;}
.over-header-mobile-menu .co-logo img {height: 50px;}
.over-header-mobile-menu .co-logo.berg-bag img {height: 66px;}
.over-header-mobile-menu .co-logo.bulk-bag img {height: 38px;}
.over-header-mobile-menu .co-logo.active {position: relative; margin-bottom: 8px;}
.over-header-mobile-menu .co-logo.active::after {position: absolute; content: ''; bottom: 0; left: 0; margin-bottom: -8px; margin-left: calc(0px - 4%); width: 104%; height: 8px; background-color: #a82a25; clip-path: polygon(4% 0, 100% 0, 97% 100%, 0 100%);}
.over-header {display:none;}
#page {margin-top: 0px;}
.fusion-header.fusion-sticky-shadow {margin-top: 0px;}
.fusion-header {margin-top: -64px}
.sticky-mobile-header:not(.floating-navigation-below-slider) .sticky-mobile-on.masthead {margin-top: 0px;}
}
@media screen and (max-width:580px) {
.over-header-mobile-menu .logo-row {display: flex; flex-direction: column; justify-content: center; column-gap: 0px;}
.over-header-mobile-menu .co-logo.active::after {width: 128px; margin-left: calc(50% - 64px);}
}

/*  Mobile Menu - Add Family of Companies */
/*  Goes to hamburger menu at 800px; change showing the Family of Logos at the top to display: none at 800px */
.custom-mobile-menu-footer {
  padding: 10px 20px 16px 20px;
  background: #f8f8f8;
  border-top: 0px solid #ddd;
  text-align: center;
  font-size: 14px;
}