/**
 * Theme Name: Extend O Cord
 * Template:   astra
 * 
 */

 .clean-button-toggle,
.clean-button-toggle:hover,
.clean-button-toggle:focus {
  background-color: transparent !important;
  box-shadow: none !important;
}

.extendmenu a
{
    color: #444444;
    font-family: 'Lato',sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.125rem;
    padding: 0 20px;
    display: inline-block;
    width: 100%;
    border: 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: var(--ast-border-color);
    text-decoration: none;
    padding: 0 1em;
    display: inline-block;
    transition: all .2s linear;

}

.extendmenu li
{
    line-height: 3;
}

.extendmenu a:hover
{
    color: #000000;
}

/* 1. Reset transforms and prepare the fade layout */
.offcanvas.offcanvas-start, 
.offcanvas.offcanvas-end, 
.offcanvas.offcanvas-top, 
.offcanvas.offcanvas-bottom {
  transform: none !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out !important;
}

/* 2. Handle active showing/hiding states to keep it visible during transition */
.offcanvas.showing,
.offcanvas.show {
  visibility: visible !important;
}

/* 3. Fully visible when open */
.offcanvas.show {
  opacity: 1 !important;
}

/* 4. Smoothly fade out when closing */
.offcanvas.hiding {
  opacity: 0 !important;
}