/*
Theme Name:     Interly Theme
Theme URI:      https://www.elegantthemes.com/gallery/divi/
Description:    Interly Streetwise Theme
Author:         Elegant Themes
Author URI:     https://www.elegantthemes.com
Template:       Divi
Version:        1.0.0
*/

 
/* =Theme customization starts here
------------------------------------------------------- */
/*----- CHEATSHEET -----*/
/* Media Queries *//*
@media only screen and (max-width: 980px) { -- Tabled
@media only screen and (max-width: 480px) { -- Mobile
*/

/* Row + Column systeem *//*
.rij-block:after {
content: "";
display: table;
clear: both;
}

.block-1 {
float: left !important;    
width: 50%!important;
}

.block-2 {
float: left !important;
width: 50%!important;
}
*/


/*----- FONTS -----*/

@font-face {
	font-family: "PTSerif Regular";
	src: url("fonts/PTSerif Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Outfit-Regular";
	src: url("fonts/Outfit-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}

body {
	font-family: "Outfit-Regular";
	font-weight: 400;
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 0.7875px;
}

body #page-container h1 {
	font-family: "PTSerif Regular", sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 60px;
	text-transform: uppercase;
	letter-spacing: 4.796px;
}

body #page-container h2 {
	font-family: "PTSerif Regular", sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 38px;
	text-transform: uppercase;
	letter-spacing: 4.796px;
}

body #page-container h3 {
	font-family: "PTSerif Regular", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 38px;
	text-transform: uppercase;
	letter-spacing: 4.796px;
}

a {
	color: #fff;
}

.villa-links-donker a {
	color: #17263c;
}

@media (max-width: 1050px) and (min-width: 981px) {
	body #page-container h1 {
		font-size: 24px;
	}
	body #page-container h2 {
		font-size: 18px !important;
	}
	h3.woocommerce-loop-product__title {
		font-size: 14px !important;
		line-height: 20px !important;
	}
}


@media (max-width: 480px) {
	body #page-container h1 {
		font-size: 28px;
	}
	body #page-container h2 {
		font-size: 18px;
	}
	.woocommerce-loop-product__title {
		font-size: 14px !important;
        letter-spacing: 4px !important;
		line-height: 20px !important;
	}
}

.woocommerce img {
	border-radius: 16px;
}

/*----- TOPBAR -----*/



/*----- HEADER -----*/

#et-boc header.et-l--header {
	position: fixed;
	width: 100%;
	top: 0;
	transition: all 0.3s;
	z-index: 1001;
}

body.admin-bar #et-boc .et-l #villa-header {
	top: 32px;
}

body.villa-header-dark #et-boc .et-l #villa-header {
	background-color: #17263C !important;
	box-shadow: 0 0 24px -8px rgba(0, 0, 0, 0.3);
}

body.villa-has-scrolled #et-boc .et-l #villa-header {
	background-color: #17263C !important;
	box-shadow: 0 0 24px -8px rgba(0, 0, 0, 0.3);
}

#et-boc .et-l #villa-header .et_pb_row {
	transition: all 0.3s;
	display: flex;
}

body.villa-has-scrolled #et-boc .et-l #villa-header .et_pb_row {
	padding: 10px 0;
}

#et-boc .et-l #villa-header .et_pb_column:nth-of-type(1) img {
	transition: all 0.3s;
}

body.villa-has-scrolled #et-boc .et-l #villa-header .et_pb_column:nth-of-type(1) img {
	clip-path: polygon(0 0, 100% 0, 100% 75%, 0 75%);
	margin-bottom: -14px;
	filter: brightness(0) invert(1);
}

#et-boc .et-l #villa-header .et_pb_menu .et_pb_menu__wrap {
	justify-content: flex-end;
	align-items: center;
}

#et-boc .et-l #villa-header .et_pb_menu .et_pb_menu__menu>nav>ul>li {
	max-height: 50px;
	justify-content: center;
	align-items: center;
	margin: 0px 12px;
}



#et-boc .et-l #villa-header .et_pb_menu .et_pb_menu__wrap li.villa-header-btn:hover {
	background-color: rgba(167,146,57,0.65);
}


.woocommerce ul.products li.product h3 {
    font-size: 16px; /* Specifieke grootte voor producttitels */
    line-height: 1.4; /* Eventueel aanpassen */
}
h3.woocommerce-loop-product__title {
    font-size: 14px !important; /* Pas aan naar gewenste grootte */
    line-height: 1.2;
}

/* Sticky mobile menu */
@media screen and (max-width: 980px) {
	#et-boc .et-l .et_fixed_nav #main-header.et-fixed-header  {
		position: fixed; 
		height: 80px;
		margin-top: -55px;
	}
}

#et-boc .et-l .villa-menu-click {
	overflow: hidden !important;   
}

#et-boc .et-l #villa-header .et_pb_menu .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #17263C !important;
	z-index: 9999;
	border: none;
	box-shadow: none;
	padding: 250px 70px 30px 70px;
	overflow-y: scroll;
} 



/*----- MODULES -----*/

@media (min-width: 981px) {
	.villa-center-row {
		display: flex;
		align-items: center;
	}
}

.villa-stretch-row {
	display: flex;
	align-items: stretch;
} 

@media (max-width: 980px) {
	.villa-row-rev {
		display: flex;
		flex-direction: column-reverse;
	}
	.villa-row-rev .et_pb_column:last-of-type {
		margin-bottom: 30px;
	}
}



/* VILLA SPECIAL SECTION HOME */
.villa-block-first-col {
	border-radius: 16px;
	width: 80% !important;
	margin-right: 20px !important;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding-left: 40px;
}

.villa-block-second-col .villa-block-row{
	height: 330px;
	display: flex;
	align-items: flex-end;
} 


/* BLURB MODULE */
.et_pb_blurb.villa-blurb-check .et_pb_main_blurb_image .et-pb-icon {
	background-image: url('/wp-content/uploads/2024/05/Checkmark.svg');
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 18px; 
	height: 18px; 
	content: "";
	font-family: none !important; 
	font-size: 0px;
}
.et_pb_blurb.villa-blurb-check.et_pb_blurb_position_left .et_pb_blurb_container {
	padding-left: 0;
}
.et_pb_blurb.villa-blurb-check.et_pb_blurb_position_left .et_pb_blurb_container h4 {
	padding-bottom: 0;
	margin-top: 5px;
}

/* AFBEELDING MODULE */

.et_pb_module .et_pb_image .villa-afb-square {
	padding-top: 80%;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.et_pb_module .et_pb_image .villa-afb-square .et_pb_image_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 16px;
	overflow: hidden;
}

.et_pb_module .et_pb_image .villa-afb-square .et_pb_image_wrap img {
	-o-object-fit: cover;
	object-fit: cover;
	max-width: 10000%;
	max-height: 10000%; 
	width: 100%;
	height: 100%; 
	min-width: 100%;
	min-height: 100%;
}

.villa-img-cover img {
	object-fit: cover;
}


/* GALLERIJ OVERZICHT */

#villa-gallerij-items .et_pb_gallery_item img{
	width: 275px;
	height: 170px;
	object-fit: contain;
}


/* GALLERIJ MODULE SLIDER */

.mfp-bottom-bar {
	display: none;
}

.villa-gallerij-module .et-pb-arrow-prev:before, .et-pb-arrow-next:before {
	color: #A79239;
}

.villa-gallerij-module .et-pb-controllers {
	display: none;
}


/* IMG + FORM ROW */

.villa-img-text-down {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	padding: 40px;
}


/* BLOG MODULE */


.villa-blog-layout .et_pb_blog_grid .et_pb_post {
	padding: 0;
}

.villa-blog-layout .et_pb_post {
	display: flex;
	flex-direction: column;
}


.villa-blog-layout .et_pb_post .et_pb_image_container, .et_pb_post .entry-featured-image-url {
	order: 1;
	margin: 0;
}

.villa-blog-layout .et_pb_post .post-meta {
	order: 2;
	margin-top: 15px;
}


.villa-blog-layout .et_pb_post .entry-title {
	order: 3;
}

.villa-blog-layout .et_pb_post .post-content {
	order: 4; 
}

/* BLOG SINGLE */


.villa-blog-title-row {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}



/*----- FOOTER -----*/

/* Divi footer */
#main-footer {
	display: none !important;
}

#villa-footer-row a{
	color:#ffffff;
}

#villa-footer-row a:hover{
	color: #A79239;
}

ul#villa-recente-posts {
	list-style-type: none;
	padding: 0;
}

.villa-copyright-text p, .villa-copyright-text a {
	color: #767676;
	font-weight: 400;
}

/*----- FORMS -----*/

.nf-form-fields-required {
	display: none;
}

.villa-ninja-form .ninja-forms-req-symbol {
	color: #A79239;
}

.villa-ninja-form {
	color: #ffffff;
}

.villa-ninja-form .nf-form-content label {
	font-size: 13px;
	font-family: "PTSerif Regular", sans-serif;
	color: #A79239;
	font-weight: 300;
}

.villa-ninja-form .nf-form-content input:not([type=button]) {
	background: #F8F8F8;
}

.villa-ninja-form .nf-form-content .submit-container input[type=submit] {
	width: 100%;
	background: #A79239;
}

.villa-ninja-form .nf-form-content input[type=submit]:hover {
	color: #ffffff;
	background-color: rgba(167, 146, 57, 0.65);
	cursor: pointer;
}

/*----- WOOCOMMERCE ------*/

.villa-terug-knop a {
	color: #000 !important;
}

.et-db #et-boc .et-l ul.et_pb_tabs_controls {
	background: transparent;
}

.et-db #et-boc .et-l .et_pb_tabs_controls li {
	border-right: none;
}

.et-db #et-boc .et-l ul.et_pb_tabs_controls:after {
	border: none;
}

.villa-product-image-module .woocommerce-product-gallery__image {
	border-radius: 16px;
	overflow: hidden;
}

.villa-product-image-module div.images .flex-control-thumbs li img {
	border-radius: 8px;
	overflow: hidden;
}

a.woocommerce-product-gallery__trigger {
	display: none;
}

.woocommerce ul.products li.product a img {
	/* 	height: 225px; */
	object-fit: contain;
} 

.woocommerce div.product div.images img, .woocommerce-page div.product div.images img {
	/* 	height: 400px; */
	object-fit: contain;
}

.woocommerce-variation-price {
	display: none;
}

.woocommerce div.product form.cart .variations label {
	margin-right: -20px;
}

select#pa_los-of-per-doos {
	border-radius: 0px;
	height: 50px;
	width: 100px;
	border-width: 1px !important;
	border-color: #dddddd !important;
}

.et_pb_wc_add_to_cart form.cart .variations td.value span:after {
	display: none;
}

.quantity::before {
	content: 'Aantal';
	margin-right: 150px;
}

.woocommerce .single_add_to_cart_button {
	width: 100%;
}

body #page-container .et_pb_section .et_pb_wc_add_to_cart_0_tb_body .button {
	margin-top: 30px;
}

span.woocommerce-Price-amount.amount {
	color:#A79239;
	font-family: "PTSerif Regular", sans-serif;
}

span#product-price {
	color: #A79239;
}




.villa-product-tabblad ul.et_pb_tabs_controls {
	background: transparent;
}

.villa-product-tabblad .et_pb_tabs_controls li {
	border-right: 0px;
} 

.et_pb_tab_content h3 {
	display: none;
}

.woocommerce table.shop_attributes th {
	padding-left: 0;
}

.et_pb_tabs_controls li a {
	padding-left: 0px;
	font-family: "PTSerif Regular", sans-serif;
	padding: 4px 0px;
}

.et_pb_tabs_controls li:first-of-type {
	margin-right: 30px;
}

.et_pb_tab {
	padding-left: 0;
}

ul.et_pb_tabs_controls:after {
	border: 0px;
}

.et_pb_tab_active {
	border-bottom: 1px solid #A79239;
}

.woocommerce table.shop_table {
	border: 0px;
}



.villa-woo-cart-total .quantity::before {
	display: none;
}

.woocommerce .woocommerce-info {
	background: #17263c;
}


/* ADD TO CART POPUP */

.wooac-popup.wooac-popup-horizontal {
	border-radius: 16px;
}

.wooac-popup .wooac-image img {
	height: 400px;
	object-fit: contain;
}

.wooac-text a {
	color: #a79239;
}

#wooac-cart {
	background: #a79239;
	color: #ffffff;
}

#wooac-continue {
	background: #17263c;
	color: #ffffff;
}

/*----- RESPONSIVE ------*/

@media(max-width:980px) {
	.villa-flex-row {
		flex-direction: column;
	}
	.villa-flexrow-rev {
		display: flex;
		flex-direction: column-reverse;
	}
}

@media(max-width: 980px) {
	#villa-header .et_pb_menu .et_pb_menu__wrap li.villa-header-btn {
		width: 20%;
	}
	.et_mobile_menu .et_pb_menu__logo-wrap {
		display: block;
		text-align: center; /* Center the logo */
		padding: 10px 0; /* Add some padding for better appearance */
	}
	.et_pb_menu__wrap span.mobile_menu_bar {
		z-index: 999999 !important;
	}
	.et_pb_menu__wrap .opened .mobile_menu_bar:before {
		content: "\4d" !important;
	}
	.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap {
		z-index: 99999 !important;
	}
}

@media (max-width:980px) {
	#villa-block-section.et_section_specialty .et_pb_row>.et_pb_column {
		width: 100% !important;
		min-height: 330px; 
	}
}

button.age-gate__submit.age-gate__submit--yes {
	background: #a79239;
}

.age-gate__buttons {
	margin-top: 20px;
}

p.age-gate__challenge {
	font-size: 20px;
}

body.single-product .wp-video {
	border-radius: 8px;
	overflow: hidden;
}

tr.woocommerce-cart-form__cart-item.cart_item a {
	color: #17263c;
}

@media (max-width: 480px) {
	#nf-form-title-1 h2 {
		display: none;
	}
}

body.single-post .wp-block-video {
	border-radius: 8px;
	overflow: hidden;
	margin: 10px 0px;
}

@media (max-width: 480px) {
	.villa-blog-title-row h1 {
		font-size: 22px !important;
	}
	.product .related h3 {
    font-size: 14px !important;
}
	.et_portfolio_image, .et_shop_image img {
    border-radius: 8px;
    overflow: hidden;
}
}

.product .related span.et_shop_image {
    border-radius: 8px;
    overflow: hidden;
}