Concepts of Independence (COINY)

coiny

/* Header nav: switch to hamburger before menu items wrap (HFE widget 4abe277) */
@media (max-width: 1280px) {
.elementor-element-4abe277.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal li,
.elementor-element-4abe277.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu {
display: none;
}

.elementor-element-4abe277.hfe-nav-menu__breakpoint-mobile .hfe-layout-horizontal .hfe-nav-menu__toggle {
display: flex;
align-items: center;
justify-content: center;
}

.elementor-element-4abe277.hfe-nav-menu__breakpoint-mobile .hfe-active-menu + .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
display: block;
}

.elementor-element-4abe277.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal,
.elementor-element-4abe277.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-vertical {
position: absolute;
top: 100%;
right: 0;
left: auto;
width: auto;
min-width: 220px;
z-index: 9999;
}

.elementor-element-4abe277.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
flex-direction: column;
background: #fff;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
padding: 8px 0;
}

.elementor-element-4abe277.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li {
display: block;
width: 100%;
}

.elementor-element-4abe277.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu .hfe-menu-item {
white-space: nowrap;
}
}

/* Keep horizontal menu on one line when there is enough room */
@media (min-width: 1281px) {
.elementor-element-4abe277 .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
display: flex !important;
flex-wrap: nowrap;
}

.elementor-element-4abe277 .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li {
flex-shrink: 0;
}

.elementor-element-4abe277 .hfe-layout-horizontal .hfe-nav-menu__toggle {
display: none !important;
}
}