/* Custom CSS here */

header.page-header.page-header-image-text .cover-image-wrapper > img {
	object-fit: cover;
    object-position: center;
    height: 100%;
}

@media (max-width: 575.98px) {

	header.page-header.page-header-image-text .header-inner .header-content {
		padding: 2.5rem;
		margin-top: 1.25rem;
	}

}

.block-cta.pt-0:before {
	height: calc(50% - 4.5rem);
}

/*.product-specs--list {
	gap: 0 !important;
}*/

.product-specs--list li {
	align-items: center;
}

.product-specs--list li img.icon {
	height: 16px;
    width: auto;
    margin-right: .75rem;
}

.product-specs--list li > i {
	align-self: baseline;
}

.product-info-notice {
	background-color: #fff;
	margin-bottom: 1.5rem;
}

.product-info-notice > a {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1.5rem;
}

.product-info-notice > a > div {
	padding: 1.5rem;
	flex: 1;
}

.product-info-error {
	padding: 1.5rem;
	margin-bottom: 1.5rem;
}

nav#nav-main .navbar-nav .dropdown-menu .nav-item.active::before {
	display: none;
}

nav#nav-main .navbar-nav .nav-item .nav-link.dropdown-toggle + .dropdown-menu .dropdown-submenu .dropdown-menu {
	min-height: 100%;
}

.block-product-categories {
	overflow-x: hidden;
}

.block-products .block--inner .block--item {
	flex-direction: column;
}

.block-projects .block--item-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.block-projects .block--item-wrapper .block--item {
	width: 100%;
	flex: 0 0 100%;
}

@media (max-width: 575.98px) {

	.block-projects.block--is-overview .block--inner {
		padding: 3rem 1.5rem;
	}

}

@media (min-width: 768px) {

	.block-projects .block--item-wrapper .block--item {
		width: calc(100% / 2);
		flex: 0 0 calc(calc(100% / 2) - .5rem);
	}

}

@media (min-width: 1200px) {

	.block-projects .block--item-wrapper .block--item {
		width: calc(100% / 3);
		flex: 0 0 calc(calc(100% / 3) - .675rem);
	}

}

/* WHATSAPP BUTTON */
.whatsapp-button {
	position: fixed;
	z-index: 1030;
	bottom: 1.5rem;
	right: 1.5rem;
	border-radius: 50%;
	padding: 0;
	height: 50px;
	width: 50px;
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    background-color: #3aa84b;
}

@media (min-width: 768px) {

	.whatsapp-button {
		height: 75px;
		width: 75px;
		bottom: 3rem;
		left: 3rem;
		right: initial;
    	font-size: 2rem;
	}

}