/*
	Theme Name: Blux Theme
	Theme URI: https://branng.com
	Description: Blux Theme WordPress por branng
	Version: 1.0
	Author: branng
	Author URI: https://branng.com
	Tags:
	License: MIT
	License URI:
*/

/* HEADER HAMBURGER */

.--btn-black.a-btnBrgr,
.--btn-white.a-btnBrgr {
	background-color: #F9F1AD;
	border-color: #F9F1AD;
}

.--btn-black.a-btnBrgr path,
.--btn-white.a-btnBrgr path {
	fill: #26292e;
}

/* HERO SINGLE PRODUCT */

@media (min-width: 1600px) {
	.single-product-hero.m-hdPrd {
		height: 1080px;
	}

	.m-hdPrd.single .m-hdPrd__img img {
		height: 1080px;
	}
}

/* CARD DESCARGA */

.l-descargas .__col {
	overflow: hidden;
	width: inherit;
}

.l-descargas ul.reset-list {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0 1rem;
}

.l-descargas ul.reset-list .ht-body {
	font-size: 14px;
}

.l-descargas .a-download>svg {
	flex-shrink: 0;
}

@media (min-width: 769px) {

	.l-descargas {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.m-cardDescarga {
		display: block;
		width: 100%;
	}

	.m-cardDescarga .__bxImg,
	.m-cardDescarga .__bxCnt {
		max-width: 100%;
		width: 100%;
	}

}

@media (min-width: 1280px) {

	.l-descargas {
		grid-template-columns: 1fr 1fr 1fr;
	}

}

/* PRODUCT GALLERY POPUP */

.__modal-window.--product-gallery .m-sldProyGallery .__loop {
	max-width: 1280px;
}

/* PROJECT INFO */

#projectInfo .a-singDescripcionProj>div {
	max-height: inherit;
}

@media (min-width: 1400px) {

	#projectInfo .a-singDescripcionContainerProj {
		display: grid !important;
		grid-template-rows: max-content max-content 1fr max-content;
		height: 100%;
		overflow: hidden;
		position: absolute;
		width: calc(100% - 1rem) !important;
	}

	#projectInfo .a-singDescripcionProj {
		overflow: hidden;
	}

	#projectInfo .a-singDescripcionProj>div {
		height: 100%;
		max-height: inherit;
		overflow: auto;
	}

}

/* RANGE SLIDER */

.a-range {
	--range-bg-line: #26292e;
	--range-bg-circle: #26292e;
	-webkit-appearance: none;
}

.a-range::-moz-range-track {
	background: var(--range-bg-line);
	border: 0px;
	border-radius: 25px;
	cursor: pointer;
	height: 1px;
	width: 100%;
}

.a-range::-moz-range-thumb {
	-webkit-appearance: none;
	background: var(--range-bg-circle);
	border: 0px;
	border-radius: 14px;
	cursor: pointer;
	height: 14px;
	margin-top: -6px;
	width: 14px;
}

.a-range::focus::-moz-range-track {
	background: var(--range-bg-line);
}

/* IS SHOWROOM */

.is-showroom {
	background: #e4e5e5 !important;
	border-color: #e4e5e5 !important;
}