/*
*{
border: 1px solid black;
}
.ves-container{
.row-level-1{
border: 1px solid blue;
}
.col-inner{
border: 1px solid yellow;
}
}
*/

/******/

body::before {
    content: 'Development Server (DEVBUILDID)';
    background: #f00;
    padding: 5px 10px;
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    color: white;
    font-size: 20px;
    font-weight: bold;
    z-index: 9999;
}

/*
.nav-1 .submenu.level0{
display: flex !important;
}
.nav-1-4 .submenu.level1{
display: block !important;
}
*/


/* desktop */
@media (min-width: 768px) { /* desktop */
    /* transparent background*/
    .navigation ul{
        background-color: rgba(255,255,255,0) !important;
    }
    .navigation ul.level0{
        background-color: rgba(255,255,255,0.95) !important;
        width: 95% !important;
    }

    /* remove borders and shadow */
    .navigation ul ul ul{
        box-shadow: none !important;
        border: none !important;
    }

    /* bold 1st level (headers) */
    .navigation li.level1>a{
        font-weight: bold;
        /* remove icon*/
        .ui-menu-icon{
            display: none !important;
        }
    }

    /* make all parents static so absolute positions work */
    .navigation,
    .navigation>ul,
    .navigation>ul>.level0{
        position: static !important;
    }
    /* put the sub menus into the layout columns */
    .submenu.level1{
        position: static !important;
        display: block !important;
    }

    /* make the level 0 a flex layout so sub menus become columns */
    /* and center it */
    .submenu.level0[aria-expanded="true"]{
        display: flex !important;
        justify-content: center;
        left: 50% !important;
        transform: translateX(-50%);
        padding-top: 55px !important;
    }
    /*
    .submenu.level0>li{
        flex-grow: 1;
        flex-shrink: 1;
        max-width: auto !important;
        min-width: auto !important;
        width: auto !important;
    }
    */
    .submenu.level0>li{
        max-width: auto !important;
        min-width: auto !important;
        width: 15% !important;
    }

}



/* desktop only */
@media (min-width: 992px) {
    body{
            background:#ffa;
    }

	.offset-down{
		padding-top:8em;
	}
	.offset-down-box{
		padding-top:4em;
	}
	.overlap>div:first-child{
		margin-right: -100px;
		margin-left: 50px;
	}
	.left-col{
		margin-right:3vw;
		.product-item-details, .widget-images .image-description{
			text-align:left;
		}
	}
	.right-col{
		margin-left:3vw;
		.product-item-details, .widget-images .image-description{
			text-align:right;
		}
	}
}

/* mobile & ipad only */
@media (max-width: 991px) {
    body{
            background:#aff;
    }

	.box-padding{
		padding:25px !important;
	}
	.mob-reverse{
		display: flex;
		flex-direction: column-reverse;
	}
}

.half-size-text{
    font-size: 0.5em;
}