/* css for buttons in modal*/
#modalHeader{
    display: flex;
    justify-content: space-between;
}
#headerButtons{
    display: flex;
    align-items: center;
	justify-content: space-evenly;
    gap:10px;
}

/* css for button in the menu*/
button.btn.modal-trigger{
    margin-top: -10px;
}
/* css for mobile menu*/
@media(width <= 981px){
	
		/* css for button in the menu*/
		button.btn.modal-trigger{
			margin-top: 10px;
			margin-left: 25px;
			}
			.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
			color: white !important;
		}
			span.mobile_menu_bar.mobile_menu_bar_toggle {
			margin-top: 10px;
		}


}


/* css for button in the menu*/
nav ul a:hover {
    background-color: transparent !important;
}


nav {
    background-color: transparent !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
}

.icon-align{
	display: flex;
    align-items: center;
}

input#quantity {
    height: 2.5em !important;
	width:30% !important; 
	border-bottom: 2px solid #949494 !important;
	color: #26a69a !important;
	font-weight: 600!important;
	margin: 0 !important;
}

#toast-container {
	 top: 150px !important;
}

/* restrict pro css */

.buttonSection {
    display: flex;
    gap: 10px;
}

.restrictedHeading {
    display: flex;
    gap: 2px;
}

#main-content .container:before {
    width: 0px !important;
}

body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container{
	padding-bottom: 100px;
}