/*
 Theme Name:     Necess
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Necess Webdesign & Marketing
 Author:         Necess
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* ----- Customizations ----- */
.et-db #et-boc .et-l .et-menu-nav li.mega-menu li ul{
	display: none !important;
}

.et-db #et-boc .et-l .et-menu-nav li.mega-menu.et-hover li ul, .et-db #et-boc .et-l .et-menu-nav li.mega-menu:hover li ul{
	display: block !important;
}

.woocommerce-message, .et_pb_wc_cart_notice_0_tb_body .woocommerce-message{
	margin: 0px !important;
}

.ajax_add_to_cart:after{
  font-size: 18px !important;
}

.gform_button{
	background-color: #c01d2e !important;
}

/* SEOpress custom */
#seopress-user-consent-close{
	color: #000000 !important;
}

#seopress-user-consent-close:hover{
	color: #ffffff !important;
}

#seopress-user-consent-edit{
	background-color: #ffffff;
	border: solid 1px #f2f2f2;
	color: #000000;
	box-shadow: 0px 10px 35px 0px rgb(38 41 77 / 10%);
}

.seopress-user-consent button{
	background-color: #be1e2d;
	border-radius: 3px;
	border: solid 1px #be1e2d;
	border: none;
	padding: 10px;
	cursor: pointer;
}

#seopress-user-consent-accept{
	color: #ffffff;
	border: solid 1px #ccc;
}

#seopress-user-consent-accept:hover{
	background-color: #ffffff;
	color: #be1e2d;
}

/* ----- Categorie grid ----- */

        .category-grid {
            display: flex;
			flex-direction: row;
			justify-content: flex-start;
			flex-wrap: wrap;
        }
        .category-item {
			width: 30%;
            text-align: center;
            border: 1px solid #ddd;
            padding: 15px;
            border-radius: 8px;
            transition: transform 0.3s ease;
			margin: 1%; 
        }
        .category-item:hover {
            transform: scale(1.05);
        }
        .category-item img {
            max-width: 100%;
            height: auto;
            border-radius: 8px;
        }
        .category-item h2 {
            font-size: 18px;
            margin-top: 10px;
        }

@media only screen and (max-width: 900px){
	.category-item {
		width: 98%;
	}
}

/* ----- Product pagina ----- */
.woocommerce-product-attributes-item--weight{
	display: none;
}

/* ----- Menu dropdown -----/
 * /*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #0B472E;
	background: #f0f3f6;
	border-radius: 50%;
	padding: 3px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}

/* Links weghalen op productemplate*/
.woocommerce-loop-category__title {
	display: none !important;
}

.woocommerce-product-gallery { opacity: 1 !important; }

.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery .flex-viewport {
  aspect-ratio: 1 / 1;
}

.woocommerce-product-gallery img.wp-post-image,
.woocommerce-product-gallery__image img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

.woocommerce-product-gallery .flex-control-thumbs li img {
  aspect-ratio: 1 / 1;
  height: auto;
}