/* Responsive CSS for Wessels Private Wealth */


@media (max-width: 1134px) {
	.entry-hero.page-hero-section .entry-header{
		min-height: 240px;
	}
}

@media (max-width: 1024px) {
	.popup-drawer .drawer-inner{
		background: #edf2f7 !important;
		max-width: 320px !important;
	}
	.popup-drawer .drawer-content{
		padding: 0px !important;
	}
	.mobile-navigation ul li a{
		padding: 15px 20px !important;
	}
	.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap, 
	.mobile-navigation ul li:not(.menu-item-has-children) a{
		border-color: rgb(31 90 120 / 35%) !important;
	}
	.popup-drawer .drawer-header{
		padding: 0px !important;
	}
	.popup-drawer .drawer-overlay{
		background-color: rgba(0, 0, 0, .5) !important;
	}
}

@media (max-width: 767px) {
	#mobile-drawer .drawer-content{
		width: 100% !important;
	}
	.mobile-toggle-open-container .menu-toggle-open, .mobile-toggle-open-container .menu-toggle-open:focus{
		padding: 4px !important;
	}
}

@media (max-width: 534px) {
	.wpw-home.wpw-s1{
		padding: 0px !important;
	}
	.wpw-home.wpw-s1 .wp-block-button__link.wp-element-button{
		font-size: 16px;
		padding: 12px 15px;
	}
	.entry-content-wrap{
		padding-left: 15px;
		padding-right: 15px;
	}
	:root{
		--global-content-edge-padding: 15px;
	}
	.wpw-home.wpw-s2{
		padding: 30px 20px !important;
	}
}

@media (max-width: 480px) {
	.entry-hero.page-hero-section .entry-header{
		min-height: 200px;
	}
}

@media (max-width: 375px) {
	.popup-drawer .drawer-inner{
		max-width: calc(100% - 20px) !important;
	}
}