/* # WooCommerce Add to Cart Menu Icon - Number of Items
---------------------------------------------------------------------------------------------------- */

/* Site Header Navigation
--------------------------------------------- */

.cart-contents {
	position: relative;
	display: flex !important;
	flex-flow: column nowrap;
	justify-content: center;
}

.cart-contents:before {
/* 	font-family: 'Font Awesome 5 Free'; */
	font-weight: 900;	
/* 	content: "\f290" !important; */
	content: url(/wp-content/uploads/2020/04/shopping-bag-fifth.svg);
    font-size: 30px;
    position: relative;
    left: 4px;
    top: 2px;
}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
	color: #333;
	background: transparent; 
    font-weight: bold;
    border-radius: 50%;
    padding: 1px 6px;
    line-height: 1.5;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
	height: 17px; 
	width: 17px;
	transform: translateY(-105%) translateX(25%); 

    position: relative;
/*     right: 30px; */
    top: -8px;
    font-size: 10px;
}




.genesis-nav-menu .menu-item-has-toggle, 
.close {
    height: 60px;
    padding: 18px 15px 12px 15px;
    width: 60px;
    vertical-align: middle;
}

button.close:focus, 
button.close:hover, 
.menu-toggle:focus, 
.menu-toggle:hover, 
.menu-item-has-toggle > a:focus, 
.menu-item-has-toggle > a:hover, 
.off-screen-content .genesis-nav-menu a:focus, 
.off-screen-content .genesis-nav-menu a:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.genesis-nav-menu .ionicons::before {
    vertical-align: middle;
}

.genesis-nav-menu .ionicons::before, .close .ionicons::before {
    font-size: 25px;
    line-height: 1;
    width: 30px;
    height: 30px;
    text-align: center;
}

.menu-item-has-toggle .cart-count {
    background-color: #548200;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    font-size: 1rem;
    height: 20px;
    line-height: 2;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
}

/* Off-screen Content
---------------------------------------------------------------------------------------------------- */

.no-scroll {
	overflow: hidden;
}

.off-screen-content {
	background-color: rgba( 255, 255, 255, 1 );
	display: none;
	height: 100vh;
	left: 0;
	overflow-y: scroll;
	padding: 20px;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 9998;
}

.off-screen-container {
	display: table;
	height: 100vh;
	overflow: hidden;
	table-layout: fixed;
	text-align: center;
	width: 100%;
}

.off-screen-wrapper {
	display: table-cell;
	padding-bottom: 20px;
	vertical-align: middle;
	width: 100%;
}

.off-screen-container .close {
	background-color: #fff;
	color: #000;
	position: absolute;
	top: 40px;
	right: 40px;
}

.admin-bar .off-screen-container .close {
	top: 72px;
}

.off-screen-content .wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 720px;
}