/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/




/* set header size smaller -> such that he can overlap the content */
#masthead {
  margin-bottom: -25px;
}
/* Set new header font weight */
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
  font-weight: 500 !important;
}
/* Set header width above content width */
#header .container, #header .container-width, #header .full-width .ubermenu-nav, #header .row {
  max-width: 1370px;
}

/* footer no border */
.footer-1, .footer-2 {
  border-top: none;
}
main#main {
  min-height: calc(100vh - 200px);
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
}

@media only screen and (max-width: 850px){
	#logo{
		display: none;
	}
}

/*Custom Desktop Style*/
@media screen and (min-width: 48em) {
/*************** ADD DESKTOP ONLY CSS HERE ***************/
	
	
	/* Better cart layout */
	.cart-auto-refresh.large-7 {
		max-width: 69%;
		flex-basis: 68%;
	}
	.cart-collaterals.large-5 {
		max-width: 31%;
		flex-basis: 30%;
	}
	
	
	/* Actually hide shop image hover background */
	.has-hover:hover .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
		opacity: 0;
		transition: 0.5s;
	}
	
	/* Better nav-sub menu (no padding) */
	.nav-dropdown {
	  padding: 0px 0 0px;
	}

	/* Active Nav menu background color */
	.nav > li > a:hover, .nav > li.active > a, .nav > li.current > a, .nav > li > a.active, .nav > li > a.current, .nav-column li.active > a, .nav-column li > a:hover {
		background-color: #918054 !important;
		border-radius: 4px;
		box-shadow: 1px 1px 4px gray;
	}
	
	/* Bigger nav Buttons */
	.nav > li > a {
		padding: 15px 15px;
		transition: 0.5s;
	}
	/* Set nav font to white on hover */
	.nav > li > a:hover,.nav > li > a.active ,.nav > li > a.current, .nav > li.active > a {
		color: white;
	}
	/* Rotate Navigation on hover */
	#header .nav > li > a:hover, #header .nav > li.active > a, #header .nav > li.current > a, #header .nav > li > a.active, #header .nav > li > a.current, #header .nav-column li.active > a, #header .nav-		column li > a:hover {
		transform: rotate(3deg) !important;
	}
}

/* Hide shop header */
.product-page-title {
  visibility: hidden;
}

.button{
	border-radius: 10px !important;
}
.button.primary {
	background-color: #ffcb33 !important;
    color: black !important;   
	border: 1px solid #b7b6b6 !important;
	
}


.nav-dropdown > li.image-column, .nav-dropdown > li.nav-dropdown-col {
display: block;
width: 100%
}


.nav-dropdown .menu-item-has-children > a, .nav-dropdown .nav-dropdown-col > a, .nav-dropdown .title > a {
  color: unset;
  font-size: unset;
  font-weight: unset;
  text-transform: unset;
}


.sub-menu.nav-column.nav-dropdown-simple {
  position: absolute;
  top: 0;
  left: 100%;
  
  visibility: hidden;
  
  background-color: white;
  border: 2px solid #ddd;
  border-radius: 10px
}

.sub-menu.nav-column.nav-dropdown-simple:hover{
	visibility: visible;
}
.menu-item.nav-dropdown-col:hover ul{
	visibility: visible;
}

/* Woocommerce Cart set variants-text normal-case */
.woocommerce-cart-form .variation-Details{
	text-transform: none !important;
}

/* Set footer smaller */
.absolute-footer{
	padding-bottom: 0px;
}
footer .row.large-columns-1.mb-0 {
  margin-bottom: -20px !important;
}