/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

/*FIX NIVO SLIDER SCREWUP*/
.theme-custom { margin-top: 0px !important; }
.header-menu { display: none !important; }


/*MEDIUM*/
@media all and (min-width: 768px) {

    /* RESETS */


    /* main level */
    .fixedHeaderWrapper .mega-menu {
        background: #fff;
    } 
    .mega-menu {
        position: relative;
        z-index: 5;
        margin: 0px;
        padding: 0;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: stretch;
        width: 100%;
        -webkit-box-shadow: 1px 10px 5px -3px rgba(0,0,0,0.3);
        -moz-box-shadow: 1px 10px 5px -3px rgba(0,0,0,0.3);
        box-shadow: 1px 10px 5px -3px rgba(0,0,0,0.3);
    }

        .mega-menu:after {
            display: block;
            clear: both;
            content: "";
        }

        .mega-menu > li {
            flex: 1;
            padding: 8px 0;
            margin: 0px;
            height: 5rem;
            vertical-align: bottom;
            border-bottom: 8px solid #ffffff;
        }
            .mega-menu > li.highlight {
                background-color: var(--main-color);
                border-color: var(--main-color);
            }
            

            .mega-menu > li > a {
                position: relative;
                display: block;
                color: #333333;
                text-align: center;
            }
            .mega-menu > li.highlight > a,
            .mega-menu > li.highlight > a:hover {
                color: #fff;
            }
                .mega-menu > li > a > span {
                    font-size: 1.6rem;
                    font-weight: 700;
                    display: inline-block;
                    padding: 7px 0px;
                    white-space: nowrap;
                }






    /* sublist */
        .mega-menu.mainMenu > li > .sublist-wrap {
            opacity: 0;
            visibility: hidden;
            width: 100%;
            background: #fff;
            position: absolute;
            width: 100%;
            box-shadow: 0 1px 2px rgba(0,0,0,0.2);
            background-color: #fff;
            padding: 0;
            text-align: left;
            z-index: 1;
            top: 50px;
            left: 0;
            width: 100%;
            -webkit-box-shadow: 0 -10px 15px -10px rgba(0,0,0,0.3);
            -moz-box-shadow: 0 -10px 15px -10px rgba(0,0,0,0.3);
            box-shadow: 0 -10px 15px -10px rgba(0,0,0,0.3);
            transform: scaleY(0);
            transform-origin: top;
            /*transition: 0.22s cubic-bezier(0.5, 0, 0.67, 1.2) 0.066s;*/
            
        }


        .mega-menu > li > .sublist-wrap.active {
            opacity: 1;
            visibility: visible;
            z-index: 1111;
            height: auto;
            transform: scaleY(1);
            
        }

        .mega-menu.mainMenu > li > .sublist-wrap > .sublist {
            padding: 4rem;
            margin: 0;
            flex-direction: row;
            justify-content: space-between;
            border-bottom: 2rem solid #005596;
            -webkit-box-shadow: 0 10px 15px -10px rgba(0,0,0,0.3);
            -moz-box-shadow: 0 10px 15px -10px rgba(0,0,0,0.3);
            box-shadow: 0 10px 15px -10px rgba(0,0,0,0.3);
        }


        .mega-menu.mainMenu ul.sublist {
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction:column;
    }

.mega-menu.mainMenu > li > .sublist-wrap > .sublist  {-moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px;}

        .mega-menu.mainMenu > .Column-3 > .sublist-wrap > .sublist  {display: block; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}
        .mega-menu.mainMenu > .Column-4 > .sublist-wrap > .sublist  {display: block; -moz-column-count: 4; -webkit-column-count: 4; column-count: 4;}
        .mega-menu.mainMenu > .Column-5 > .sublist-wrap > .sublist  {display: block; -moz-column-count: 5; -webkit-column-count: 5; column-count: 5;}
        .mega-menu.mainMenu > .Column-6 > .sublist-wrap > .sublist  {display: block; -moz-column-count: 6; -webkit-column-count: 6; column-count: 6;}

            .mega-menu.mainMenu > li > .sublist-wrap > .sublist li {
                margin-right: 3rem;
                text-align: center;
            }



        .mega-menu.mainMenu .sublist-wrap .sublist li a {
            padding:.5rem 0;
        }



        li.back-button {
            display: none !important;
        }
    .mega-menu.mainMenu .sublist-wrap .sublist li,
    .mega-menu.mainMenu .sublist-wrap .sublist li a {
        color: #333;
        display: block;
        line-height: 1.8;
    }




    .sublist > li.bold > a > span {
        font-weight: 700;
    }














    .mega-menu .red > a:hover {
        text-decoration: none;
        color: #771C23
    }
    .mega-menu .red:hover,
    .mega-menu.mainMenu > li.red > .sublist-wrap > .sublist {
        border-color: #771C23;
    }

    .mega-menu .green > a:hover {
        text-decoration: none;
        color: #425C29
    }
    .mega-menu .green:hover,
    .mega-menu.mainMenu > li.green > .sublist-wrap > .sublist {
        border-color: #425C29
    }
    .mega-menu .purple > a:hover {
        text-decoration: none;
        color: #5B374F
    }
    .mega-menu .purple:hover,
    .mega-menu.mainMenu > li.purple > .sublist-wrap > .sublist {
        border-color: #5B374F
    }
    .mega-menu .orange > a:hover {
        text-decoration: none;
        color: #944402
    }
    .mega-menu .orange:hover,
    .mega-menu.mainMenu > li.orange > .sublist-wrap > .sublist {
        border-color: #944402
    }
    .mega-menu .teal > a:hover {
        text-decoration: none;
        color: #1B7B7C
    }
    .mega-menu .teal:hover,
    .mega-menu.mainMenu > li.teal > .sublist-wrap > .sublist {
        border-color: #1B7B7C
    }
    .mega-menu .brown > a:hover {
        text-decoration: none;
        color: #3E261D
    }
    .mega-menu .brown:hover,
    .mega-menu.mainMenu > li.brown > .sublist-wrap > .sublist {
        border-color: #3E261D
    }
    .mega-menu .tan > a:hover {
        text-decoration: none;
        color: #917B66
    }
    .mega-menu .tan:hover,
    .mega-menu.mainMenu > li.tan > .sublist-wrap > .sublist {
        border-color: #917B66
    }
    .mega-menu .clearance > a:hover {
        text-decoration: none;
        color: #A90000
    }
    .mega-menu .clearance:hover,
    .mega-menu.mainMenu > li.clearance > .sublist-wrap > .sublist {
        border-color: #A90000
    }
        .mega-menu .BlueDanube > a:hover {
        text-decoration: none;
        color: #2e586f
    }
    .mega-menu .BlueDanube:hover,
    .mega-menu.mainMenu > li.BlueDanube > .sublist-wrap > .sublist {
        border-color: #2e586f
    }
}

/*LARGE*/
@media all and (min-width: 1367px) {

    .mega-menu > li > a,
    .mega-menu > li > span { /*
    padding: 29px 31px;
	font-size: 18px;

	*/ }
}

/* Vertical Menu */

@media all and (min-width: 1001px) {
    .mega-menu.vertical { padding-left: 15px; text-align: left; }
        .mega-menu.vertical > li { display: block; }
            .mega-menu.vertical > li > a,
            .mega-menu.vertical > li > span { padding: 10px 0; }
                .mega-menu.vertical > li > a:before,
                .mega-menu.vertical > li > span:before { display: none; }
}