/* General Styles for the Mobile Burger Menu (ShibFox)*/

.header-navbar__burger > ul {
    background-color: #ffffffcc; /* Semi-transparent white */
    -webkit-backdrop-filter: blur(25px); /* Blur effect */
    backdrop-filter: blur(25px);
    padding: 3.5rem 2rem; /* Unified padding */
}

/*Border for  List Items in the Mobile Menu */

.header-navbar__burger ul li {
    border-bottom: 1px solid #394b5d; /* Divider between items */
}

.header-navbar__burger ul li:last-child {
    border-bottom: none; /* Remove bottom border for the last item */
}

/* Link Styling for List Items */

.header-navbar__burger ul li a {
    text-decoration: none;
    color: #000; /* Default text color */
    font-size: 1rem;
    font-weight: 500;
    display: block;
    transition: color 0.3s ease;
}

.header-navbar__burger ul li a:hover {
    color: #ffcc00; /* Highlight on hover */
}

/* Adjust icon size specifically (menu button)*/

.header-navbar__burger a > i.fas.fa-bars {
    font-size: 24px; /* Adjust size */
    color: #000; /* Adjust color */
}

/* Style for menu-item with children (dropdown menu arrow) */

.header-navbar__burger > ul > li.menu-item-has-children::after {
    font-size: 20px;
    padding: 5px;
}

/* Prevent clicking on the user account name link */

.menu-item.menu-item--user-account > a {
    pointer-events: none; /* Disables click functionality */
    cursor: default; /* Changes the cursor to indicate it's not clickable */
}

/* Style for before pseudo-element (Close Button) */

.header-navbar__burger > ul:before {
    color: #ffcc00;
    font-size: 1.8rem;
 margin-right: 20px; /* Add some space from the right edge */
}

/* Adjust padding for smaller screens */

@media only screen and (max-width: 768px) {
    .header-navbar__burger ul li {
        padding: 15px 5px; /* Adjust padding */
    }
}


/* When no users are logged in, show both buttons */
body:not(.logged-in) .hp-menu__item--request-submit,
body:not(.logged-in) .hp-menu__item--listing-submit {
    display: none;
}

/* For all logged in users, hide both buttons initially */
body.logged-in .hp-menu__item--request-submit,
body.logged-in .hp-menu__item--listing-submit {
    display: block;
}

/* When a subscriber is logged in, only show the hp-menu__item--request-submit button */
.role-subscriber .hp-menu__item--listing-submit
.role-subscriber .hp-menu__item--request-submit {
    display: block !important;
}

/* When a contributor is logged in, only show the hp-menu__item--listing-submit button */
.role-contributor .hp-menu__item--request-submit
.role-contributor .hp-menu__item--listing-submit {
    display: block !important;
}
iframe.lazyloaded {
  display: block; /* Evita el espacio extra debajo del iframe */
  max-width: 100%; /* Asegura que el iframe no supere el 100% del contenedor */


}

/* Contenedor responsivo para iframes, en caso de que no se tenga */
.video-container {
  position: relative;
  width: 100%; /* El contenedor ocupará el 100% del ancho disponible */
padding-top: 56.25%; 

}