/**
 * ungrid universal quick responsive grid
 *
 */
 @media (min-width:40em) {
 	.row {
 		width: 100%;
 		display: table;
 		table-layout: fixed;
 	}
 	.col {
 		display: table-cell;
 	}
 }




/**
 * ticket 49 increase breadcrumb size
 */
.hero__breadcrumb li {
	font-size: 0.8rem;
}



/**
 * ticket 122 put brands in single region, spirit type
 */
.knowledge-brands {
	min-width:0 !important;
}







/**
 * ticket 134
 * main menu navbar css hover dropdowns
 *
 */
.site-header__nav li {
	position:relative;
}
.css-dropdown {
	display:block;
	position:absolute;
	top:100%;
	right:0;
}
.css-dropdown > .dropdown__menu {
	position:relative;
}
li:hover > .css-dropdown > .dropdown__menu {
	display:block !important;
}


/**
 * second level dropdown
 *
 */
.css-dropdown .css-dropdown {
	top:0;
	left:100%;
    right: auto;
}
/* carat shape and direction */
.css-dropdown .css-dropdown .dropdown__menu:before {
	border-color: transparent #fff transparent transparent;
	top: 11px;
	left:-11px;
	z-index: 89;
}
.css-dropdown .css-dropdown .dropdown__menu:after {
	border-color: transparent #c6c6c6 transparent transparent;
	top:11px;
	left: -12px;
	z-index: 88;
}
/* menu position */
.css-dropdown .css-dropdown .dropdown__menu {
	margin:-5px 0 0 8px;
}



.dropdown li > h6 {
	padding:0 1rem;
	margin:.5em 0 .2em;;
}





/**
 * ticket 43 our company logos
 */
.our-companies__import img {
	width:100%;
	max-width: 270px;
}
/* contact page nested padding from include */
.container--pad .container--pad {
	padding:0;
}
.our-companies__distribution img {
	height:60px;
	margin-left:auto;
	display:block;
}
.our-companies__import img {
	margin:auto;
}
.row.our-companies__import {
	width:90%;
	margin:auto;
}
.our-companies__import .col {
	text-align:center;
}
.map-card__image--import {
	max-height:175px;
	margin-bottom:1rem;
}



/**
 * ticket 167 product dropdown
 * for brand template pages
 *
 */
.navbar__dropdown-menu--left {
	right:auto;
	left:0;
}
.navbar__dropdown-menu--left:before,
.navbar__dropdown-menu--left:after {
	left:7px;
}
   .black_overlay{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 2000px;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .white_content {
        display: none;
        position: fixed;
        top: 25%;
        left: 25%;
        width: 50%;
        height: 50%;
        padding: 16px;
        border: 16px solid #9b2242;
        background-color: white;
        z-index:1002;
        overflow: auto;
    }