/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

@font-face {
    font-family: 'AxiformaEB';
    src: url("https://www.solodesigns.uk/wp-content/themes/Axiforma-ExtraBold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AxiformaHeavy';
    src: url("https://www.solodesigns.uk/wp-content/themes/Axiforma-Heavy.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AxiformaThin';
    src: url("https://www.solodesigns.uk/wp-content/themes/Axiforma-Thin.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AxiformaRegular';
    src: url("https://www.solodesigns.uk/wp-content/themes/Axiforma-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@media (min-width: 769px) {
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: flex;
        flex-wrap: wrap;
    }

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: normal;
        color: white;
        text-decoration: none;
        position: relative; /* Needed for ::after */
        padding-bottom: 6px;
        transition: color 0.3s ease;
    }

    nav .main-nav .mega-menu > ul > li > a::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 90%; /* Shorter underline */
        height: 1px;
        background-color: white;
        transition: background-color 0.3s ease, width 0.3s ease;
    }

    nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a {
        color: #F7A421; /* Text changes on hover */
    }

    nav .main-nav .mega-menu > ul > li:hover > a::after,
    nav .main-nav .mega-menu > ul > li:focus > a::after,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a::after {
        width: 90%; /* Keep underline same width or adjust if needed */
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }

    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        transform: scale(1);
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
}


@media (min-width: 769px) {
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: flex;
        flex-wrap: wrap;
    }

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: normal;
        color: white;
        text-decoration: none;
        position: relative; /* Needed for ::after */
        padding-bottom: 6px;
        transition: color 0.3s ease;
    }

    nav .main-nav .mega-menu > ul > li > a::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 90%; /* Shorter underline */
        height: 1px;
        background-color: white;
        transition: background-color 0.3s ease, width 0.3s ease;
    }

    nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a {
        color: #F7A421; /* Text changes on hover */
    }

    nav .main-nav .mega-menu > ul > li:hover > a::after,
    nav .main-nav .mega-menu > ul > li:focus > a::after,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a::after {
        width: 90%; /* Keep underline same width or adjust if needed */
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 50%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }

    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        transform: scale(1);
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
}