/*menu desktop*/

.nav-container .menu {
	padding: 0;
	margin: 0;
	text-align: center;
	position: relative;
	display:block;
	width: inherit;
}

.menu-item {
	display: inline-block;
	position: relative;
}

.menu-item a {
	padding: 10px 20px;
	width: 100%;
	display: flex;
}

/*
	note, transition can't function from display none to display block, so instead
	we are using opacity/visibility to hide/show
*/

.menu-item .sub-menu {
	/*display: none;*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: inherit;
	padding: 0;
	z-index: 300;
	text-align: left;
}

/*
	remove the effects on mobile version	
*/

.mobile-container .menu-item .sub-menu {
	opacity: 1;
	visibility: visible;
	position: relative;	
}

.sub-menu .sub-menu {
	/*display:none;*/
	opacity:0;
	visibility: hidden;
}

.mobile-container .sub-menu .sub-menu {
	opacity: 1;
	visibility: visible;
}

.sub-menu .menu-item{
	display: flex;
	position: relative;
	width:100%;
}


.menu-item:hover > .sub-menu{
	/*display:block;*/
	opacity: 1;
	visibility: visible;
}

.sub-menu .menu-item .sub-menu {
	/*display: block;*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	width: 100%;
	left: 100%;	
}

.mobile-container .sub-menu .menu-item .sub-menu {
	opacity: 1;
	visibility: visible;
	position: relative;
}

.sub-menu .menu-item:hover .sub-menu{
	/*display:block;*/
	opacity: 1;
	visibility: visible;
	top:0;
}

.mobile-container .sub-menu li a {
	padding-left: 1rem;
}

#bsp-nav{
	margin-top: 64px;
	font-size:16px;
	text-transform: uppercase;
}

.footer .menu {
	padding: 0;
	margin: 0;
}

.footer .menu-item {
	display: block;
	padding: 0;
	margin: 0;
}

.footer .menu-item a {	
	padding: 0;
	margin: 0;
}


/*accordion styling*/
.accordion h2 .btn-link {
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
	text-align: left;
    display: block;
    white-space: inherit;
}

.card-header {
    background-color: transparent;
    border-bottom: 0;
}

.card {
	margin-bottom: 20px;
    border-radius: 0;
}

.accordion h2 .btn-link:hover, .accordion .btn:not(:disabled):not(.disabled).active, .accordion .btn:not(:disabled):not(.disabled):active {
	color: #f89322;
}


.page h1.entry-title { /*page heading*/
    text-transform: uppercase;
    text-align: center;
    margin: 30px 0;
}

/*wpcf7 custom CSS*/
.wpcf7 label {
    display: block;
}

.wpcf7 .wpcf7-form-control-wrap {
    display: block;
}

.wpcf7 input, .wpcf7 textarea {
    width: 100%;
}

input {
    margin-bottom: 25px;
    padding: 10px 5px;
}


.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #323232;
    font-size: 22px;
    font-weight: 700;
}

.woocommerce div.product div.summary {
	margin-top: 3em;
}

/*backgrounds*/
.bg{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.article-image img {
	width: 100%;
	height: auto;
	object-fit: contain;
}