/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/* ==================
   Site Header Styles
   ================== */

/* Allow full width by default */
#masthead .site-header-container {
    max-width: 100%; /* Use max-width for flexibility */
}

/* Force full width specifically in this context */
#page #masthead .site-header-container {
    width: 100% !important; /* Override any other conflicting width styles */
}

header#masthead.site-header--bb {
    width: 100% !important; /* Ensure the header is full width */
    margin: 0 !important; /* Remove any margin that may cause misalignment */
    background: linear-gradient(to right, #133759, #ffb477) !important; /* Background gradient */
    padding: 0 20px !important; /* Adds some padding inside the header */
    box-sizing: border-box; /* Ensure padding does not add extra width */
}

#primary-navbar {
    justify-content: flex-end; /* Align navbar items to the right */
}

/* Menu Item Styles */
#primary-menu li {
    padding: 0; /* Remove unnecessary padding */
}
#primary-menu .menu-item a {
    padding: 10px; /* Consistent padding */
    text-shadow: #0e2639 1px 1px 0px; /* Add consistent shadow */
}
#primary-menu a i {
    animation-fill-mode: both;
    --animation-trigger-repeat: infinite; /* Infinite animation repeat */
}
#primary-menu a i:hover {
    animation-duration: 1s;
    animation-delay: 0s;
    animation-name: pulse; /* Pulse animation on hover */
}

/* ==================
   Footer Adjustments
   ================== */

#page .footer-bottom {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center; /* Center the text horizontally */
    font-size: 24px; /* Adjust font size as needed */
    color: #ffffff; /* Adjust text color if needed */
}

/* ========================
   BuddyBoss Theme Specific
   ======================== */

.page.buddyboss-theme header.entry-header {
    display: none;
}

/* ========================
   Learndash Adustments
   ======================== */

div.lms-topic-sidebar-wrapper {
    display: none !important;
}

div.bb-grid.site-content-grid {
    display: flex; /* Ensures it's still using flexbox */
    justify-content: center; /* Center the content horizontally */
    align-items: flex-start; /* Align content to the top */
    margin: 0 auto; /* Centers the container */
    max-width: 100%; /* Ensure full width is used */
    padding: 20px; /* Optional: Add some padding if needed */
}

div#learndash-page-content {
    width: 100%; /* Set width to 100% to fill the parent container */
    margin: 0 auto; /* Center it */
    padding: 20px; /* Adjust padding if necessary */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    background-color: #E9F1F4; /* Set the background color */
}

i.bb-icon-l.bb-icon-expand::before {
    display: none !important; /* Hide the element */
}


/* Custom Hover Effect for the Container */
.custom-hover-container:hover .gb-headline-text,
.custom-hover-container:hover .gb-container {
    color: #F07F21; /* Change text color on hover */
}

.gradient-text {
    background-image: -webkit-linear-gradient(left, #133759 0%, #F07F21 100%);
    background-image: -o-linear-gradient(left, #133759 0%, #F07F21 100%);
    background-image: linear-gradient(to right, #133759 0%, #F07F21 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

@media only screen and (max-width:649px) {
    .container {
        padding: 0px;
    }
}

.header-aside-inner {
    display: none; /* Hide the element on all devices */
}

.ult-form-submit-btn {
    user-select: none;
    -webkit-user-select: none !important;
}