/*
Theme Name:   Daliri-IT Child theme
Theme URI:    https://www.daliri-it.com
Description:  Child theme for DIVI - Developed by Daliri-IT.
Author:       Awin
Author URI:   https://www.daliri-it.com
Template:     Divi
Version:      1.0.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  Daliri-IT
*/

/* Styling for project overview page layout */
body.page-id-50 article.et_pb_post {
	display: flex;
	flex-direction: row;
	gap: 15px;
}

@media only screen and (max-width: 767px) {
    body.page-id-50 article.et_pb_post {
        flex-direction: column;
    }
}


/* Reverse layout for every odd post */
body.page-id-50 article.et_pb_post:nth-child(odd) {
	flex-direction: row-reverse;
}

@media only screen and (max-width: 767px) {
    body.page-id-50 article.et_pb_post:nth-child(odd){
        flex-direction: column;
    }
}

/* HEADER START */

/* Full-width, absolute-positioned header */
header {
	position: absolute;
	width: 100%;
}

/* Header menu alignment */
header .gm-header .et_pb_menu__wrap {
	display: flex;
	justify-content: flex-end;
}

/* Default state for header (before scrolling) */
.gm-header-container .gm-header {
	display: block;
	/* Standard display */
	justify-content: space-between;
	/* Normal alignment */
	transition: all 0.5s ease-in-out;
	/* Smooth transition for animations */
	opacity: 1;
	/* Fully visible */
	transform: translateY(0);
	/* No vertical shift */
}

/* Sticky header behavior (when scrolling) */
.gm-header-container.et_pb_sticky .gm-header {
	display: flex;
	/* Switch to flex layout */
	justify-content: center;
	/* Centered content */
	transition: all 0.5s ease-in-out;
}

/* Icon alignment for mail and phone sections */
.gm-mail-icon .et_pb_text_inner,
.gm-phone-icon .et_pb_text_inner,
.gm-adress-icon .et_pb_text_inner {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Header black when scrolling lower than 940px window.scrollY */
.et_pb_section_1_tb_header.et_pb_section.gm-header-container.scroll-black-bg {
	background-color: rgba(0, 0, 0, 0.7) !important;
	/* Transparent black */
	backdrop-filter: blur(10px);
	/* Add blur effect */
	-webkit-backdrop-filter: blur(10px);
	/* For Safari */
}

.et_pb_section_1_tb_header.et_pb_section.gm-header-container.scroll-start-black-bg {
	background-color: rgba(0, 0, 0, 0.1) !important;
	/* Transparent black */
	backdrop-filter: blur(10px);
	/* Add blur effect */
	-webkit-backdrop-filter: blur(10px);
	/* For Safari */
}

/* SVG Mail icon before text */
.gm-mail-icon .et_pb_text_inner:before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='white' d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 8px;
}

/* SVG adress icon before text */
.gm-adress-icon .et_pb_text_inner:before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23ffffff' d='M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 8px;
}

/* SVG Phone icon before text */
.gm-phone-icon .et_pb_text_inner:before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='white' d='M16 64C16 28.7 44.7 0 80 0L304 0c35.3 0 64 28.7 64 64l0 384c0 35.3-28.7 64-64 64L80 512c-35.3 0-64-28.7-64-64L16 64zM224 448a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM304 64L80 64l0 320 224 0 0-320z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 8px;
}

.gm-home-intro .et_pb_row {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

@media only screen and (max-width: 994px) {
    .gm-home-intro .et_pb_row {
        display: block !important;
        justify-content: center;
        align-items: center;
    }
}

/* Mobile menu styling */
.gm-header .mobile_nav.opened .et_mobile_menu {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
}

.gm-header .et_mobile_menu {
	position: absolute;
	left: -45px;
	width: 100vw;
	height: calc(100vh - 105.05px);
	margin-top: 15px;
}


.et_pb_menu .et_mobile_menu li ul.sub-menu {
	display: none !important;
}

.gm-header .et_mobile_menu a {
	text-align: center;
}

#menu-hoofd-menu.et-menu .menu-item-has-children>a:first-child::after {
  right: -15px;
}

header .has_et_pb_sticky .et_mobile_menu {
	left: -128px;
	height: calc(100vh - 83.05px);
}

/* Disable scrolling on body */
body.no-scroll {
	overflow: hidden;
}

/* Cross icon when mobile menu is opened */
.gm-header .mobile_nav.opened .mobile_menu_bar::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23950404' d='M376.6 84.5c11.3-13.6 9.5-33.8-4.1-45.1s-33.8-9.5-45.1 4.1L192 206 56.6 43.5C45.3 29.9 25.1 28.1 11.5 39.4S-3.9 70.9 7.4 84.5L150.3 256 7.4 427.5c-11.3 13.6-9.5 33.8 4.1 45.1s33.8 9.5 45.1-4.1L192 306 327.4 468.5c11.3 13.6 31.5 15.4 45.1 4.1s15.4-31.5 4.1-45.1L233.7 256 376.6 84.5z'/%3E%3C/svg%3E");
	display: block;
	width: 20px;
	margin-right: -6px;
}

/* Default hamburger icon when mobile menu is closed */
.gm-header .mobile_nav.closed .mobile_menu_bar::before {
	content: 'a';
	display: block;
	width: 20px;
}

/* HEADER END */

/* Insta feed */
.sbi_feedtheme_title_wrapper h3 {
	color: #044e95 !important;
}

/* Insta feed end */

/* Homepage diensten */
/* Apply styles only within rows with the home-services class */
.home-services .et_pb_module {
	padding: 20px;
	/* Initial padding */
	position: relative;
}

/* Hover state to reveal content and resize */
.home-services .et_pb_module {
	transition: all 0.5s ease-out !important;
	height: 100%;
	max-height: 250px;
}

/* Style the promo description for the slide-in effect */
.home-services .et_pb_module .et_multi_view_swapped {
	transform: translateY(20px);
	/* Start slightly below */
	opacity: 0;
	/* Start invisible */
	transition: opacity 2s ease, transform 1s ease-in;
	/* Smooth fade and position transition */
}

/* Reveal content on hover */
.home-services .et_pb_module:hover .et_multi_view_swapped {
	transform: translateY(0);
	/* Slide into final position */
	opacity: 1;
	/* Make the description fully visible */
}
/* Homepage diesnten end*/

/* Footer styling */
footer .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    justify-content: flex-start!important; 
}
/* Footer styling end */