@charset "UTF-8";
/*!
Theme Name: OBE
Theme URI: http://ignition.press/
Author: Ignition.press
Author URI: http://ignition.press/
Description: Description
Version: 2.9.8
License: GNU General Public License v3.0

Text Domain: obe
Tags: custom-menu, custom-logo, editor-style, featured-images, footer-widgets
Commercial License for commercial use
Based on underscores and Twenty Seventeen
Ignition was created by Eric Greenfield of saltnpixels.com




THIS FILE IS UNAFFECTED BY SASS.
IF YOU NEED TO ADD QUICK STYLES WITHOUT COMPILING, YOU CAN DO SO HERE. AT SOME POINT TRY AND ADD IT BACK INTO THE SASS FILES AND COMPILE MAIN.SCSS
*/

#panel-left .two-column-menu .sub-menu-holder .menu-item > .sub-menu {
    display: inline-block;
    padding-left: 2rem;
}

#panel-left .two-column-menu .sub-menu-holder h5 {
    margin-left: 0;
}

@media only screen and (min-width:800px) {
    .horizontal-menu .menu .sub-menu .container .sub-menu-holder {
        flex-direction: column;
    }

    #top-menu > .menu-item > .sub-menu {
        min-width: 200px; 
        padding: 1rem;
    }


    /** Need to add the class .two-column-menu to the css options in the nav menu in order to set this up.  
    1/17/24 Added a new column under second column
    **/
    .horizontal-menu .menu .two-column-menu > .sub-menu > .container > .sub-menu-holder {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .horizontal-menu .menu .two-column-menu > .sub-menu > .container > .sub-menu-holder > :nth-child(1) {
        grid-area: 1 / 1 / 3 / 2;
    }

    .horizontal-menu .menu .two-column-menu > .sub-menu > .container > .sub-menu-holder > :nth-child(2) {
        grid-area: 1 / 2 / 2 / 3;
    }

    .horizontal-menu .menu .two-column-menu > .sub-menu > .container > .sub-menu-holder > :nth-child(3) {
        grid-area: 2 / 2 / 3 / 3;
    }

    .horizontal-menu .menu .two-column-menu > .sub-menu > .container > .sub-menu-holder > .menu-item > .sub-menu  {
        display: inline-block;
    }

    .menu-item {
        position: relative;
    }

    .sub-menu {
        position:absolute;
        width: 50vw;
    }

    .horizontal-menu .two-column-menu .sub-menu-holder > .menu-item > h5 {
        margin-left: 8px;
        height: auto;
        flex: inherit;
        font-size: 1rem;
        margin-right: auto;
    }

    .horizontal-menu .two-column-menu .sub-menu-holder > .menu-item > h5 > a[href="#"] {
        cursor: default;
        pointer-events: none;
        color: #00593D;
    }
    
    #top-menu > .two-column-menu.menu-item > .sub-menu {
        position:absolute;
        width: 25vw;
        min-width: 370px;
    }

    #top-menu > .top-level-item:hover > .sub-menu {
        display: block !important;
        height: auto;
    }

    
}

a.compare-action[href=""] {
    cursor: default;
}

.entry-title .flex span.compare-button {
    margin-right: 1rem;
    margin-left: 0;
}

.page-template-page-compare .entry-title p.small-text {
    display:flex;
}