.elementor-72 .elementor-element.elementor-element-df21e25{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:1;}.elementor-72 .elementor-element.elementor-element-b4a2329{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );}.elementor-72 .elementor-element.elementor-element-45c4556{text-align:start;}.elementor-72 .elementor-element.elementor-element-45c4556 img{width:90%;}.elementor-72 .elementor-element.elementor-element-cee9db4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-72 .elementor-element.elementor-element-b4a2329{--width:50%;}.elementor-72 .elementor-element.elementor-element-cee9db4{--width:50%;}}@media(max-width:767px){.elementor-72 .elementor-element.elementor-element-df21e25{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-72 .elementor-element.elementor-element-b4a2329{--width:80%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-45c4556{text-align:start;}.elementor-72 .elementor-element.elementor-element-cee9db4{--width:15%;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for html, class: .elementor-element-1e0d85a *//* Edit the hamburger and close icon colors here */

.lytbox-button {
    --hamburger-color: #B40001;
    --close-x-color: #B40001;
    display: block;
    height: 18px;
    cursor: pointer;
    position: relative;
    z-index: 101;
}

/* Must add in Elementor template ID number to make the menu full width */
.elementor-76 {
    width: 100%;
}

/* End editing */

.lytbox-navigation {
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(100%);
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
    width: 100%;
    height: 100vh;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Toggle hamburger */

.lytbox-button .hamburguer {
    position: relative;
    width: 24px;
    height: 18px;
    transform: rotate(0);
    transition: 0.5s ease-in-out;
}

.lytbox-button .hamburguer span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: var(--hamburger-color);
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: 0.25s ease-in-out;
}

/* Positioning the bars */
.lytbox-button .hamburguer span:nth-child(1) {
    top: 0px;
}

.lytbox-button .hamburguer span:nth-child(2) {
    width: 24px;
    top: 8px;
}

.lytbox-button .hamburguer span:nth-child(3) {
    width: 24px;
    top: 16px;
}

/* Checkbox to control the state of the menu */
.lytbox-nav_control {
    position: absolute;
    left: -10px;
    width: 100%;
    clip: rect(0, 0, 0, 0);
}

/* When menu is open */
.lytbox-nav_control:checked ~ .lytbox-navigation {
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* Animate the hamburger icon when open */
.lytbox-nav_control:checked ~ .lytbox-button .hamburguer {
    transition: all 0.5s ease-in-out;
}

.lytbox-nav_control:checked ~ .lytbox-button .hamburguer span {
    background: var(--close-x-color);
    transition: all 0.25s ease-in-out;
}

/* Transform the bars to create the 'X' */
.lytbox-nav_control:checked ~ .lytbox-button .hamburguer span:nth-child(1) {
    top: 8px;
    transform: rotate(135deg);
}

.lytbox-nav_control:checked ~ .lytbox-button .hamburguer span:nth-child(2) {
    opacity: 0;
    left: -20px;
}

.lytbox-nav_control:checked ~ .lytbox-button .hamburguer span:nth-child(3) {
    top: 8px;
    transform: rotate(-135deg);
}
/* Disable scrolling when menu is open */
.no-scroll {
    overflow:hidden;
}/* End custom CSS */