/*
Theme Name: Apartmint
Description: A custom child theme of Hello Elementor, created by Elementor team
Author: iCreate Agency
Author URI: https://icreate.agency/
Template: hello-elementor
Version: 1.1.3
*/


:root {
	--v-space: 20px;
	--h-space: 30px;
	--h-space-half: 15px;
}

.e-con {
	--col-1: calc(100% * (1 / 12));
	--col-2: calc(100% * (2 / 12));
	--col-3: calc(100% * (3 / 12));
	--col-4: calc(100% * (4 / 12));
	--col-5: calc(100% * (5 / 12));
	--col-6: calc(100% * (6 / 12));
	--col-7: calc(100% * (7 / 12));
	--col-8: calc(100% * (8 / 12));
	--col-9: calc(100% * (9 / 12));
	--col-10: calc(100% * (10 / 12));
	--col-11: calc(100% * (11 / 12));
	--col-12: 100%;
	--col-width-1: calc(var(--container-max-width) * (1 / 12));
	--col-width-2: calc(var(--container-max-width) * (2 / 12));
	--col-width-3: calc(var(--container-max-width) * (3 / 12));
	--col-width-4: calc(var(--container-max-width) * (4 / 12));
	--col-width-5: calc(var(--container-max-width) * (5 / 12));
	--col-width-6: calc(var(--container-max-width) * (6 / 12));
	--col-width-7: calc(var(--container-max-width) * (7 / 12));
	--col-width-8: calc(var(--container-max-width) * (8 / 12));
	--col-width-9: calc(var(--container-max-width) * (9 / 12));
	--col-width-10: calc(var(--container-max-width) * (10 / 12));
	--col-width-11: calc(var(--container-max-width) * (11 / 12));
	--col-width-12: var(--container-max-width);
}


/*********************************
TYPOGRAPHY
**********************************/

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: var(--v-space);
}

a.elementor-button:hover {
	text-decoration: none;
}

.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
	margin-bottom: var(--v-space);
}

.elementor-widget-text-editor .elementor-widget-container > *:last-child,
.elementor-widget-text-editor .elementor-text-editor > *:last-child,
.elementor-widget-theme-post-content > .elementor-widget-container > *:last-child {
	margin-bottom: 0;
}

/*********************************
COLUMNS
**********************************/

.site-width-1 {
	--width: min(var(--col-1), var(--col-width-1));
}

.site-width-2 {
	--width: min(var(--col-2), var(--col-width-2));
}

.site-width-3 {
	--width: min(var(--col-3), var(--col-width-3));
}

.site-width-4 {
	--width: min(var(--col-4), var(--col-width-4));
}

.site-width-5 {
	--width: min(var(--col-5), var(--col-width-5));
}

.site-width-6 {
	--width: min(var(--col-6), var(--col-width-6));
}

.site-width-7 {
	--width: min(var(--col-7), var(--col-width-7));
}

.site-width-8 {
	--width: min(var(--col-8), var(--col-width-8));
}

.site-width-9 {
	--width: min(var(--col-9), var(--col-width-9));
}

.site-width-10 {
	--width: min(var(--col-10), var(--col-width-10));
}

.site-width-11 {
	--width: min(var(--col-11), var(--col-width-11));
}

.site-width-12 {
	--width: min(var(--col-12), var(--col-width-12));
}

.stretch-width-1 {
	--width: max(var(--col-1), (50% - var(--col-width-5)));
}

.stretch-width-2 {
	--width: max(var(--col-2), (50% - var(--col-width-4)));
}

.stretch-width-3 {
	--width: max(var(--col-3), (50% - var(--col-width-3)));
}

.stretch-width-4 {
	--width: max(var(--col-4), (50% - var(--col-width-2)));
}

.stretch-width-5 {
	--width: max(var(--col-5), (50% - var(--col-width-1)));
}

.stretch-width-6 {
	--width: min(var(--col-6), 50%);
}

.stretch-width-7 {
	--width: min(var(--col-7), (50% + var(--col-width-1)));
}

.stretch-width-8 {
	--width: min(var(--col-8), (50% + var(--col-width-2)));
}

.stretch-width-9 {
	--width: min(var(--col-9), (50% + var(--col-width-3)));
}

.stretch-width-10 {
	--width: min(var(--col-10), (50% + var(--col-width-4)));
}

.stretch-width-11 {
	--width: min(var(--col-11), (50% + var(--col-width-5)));
}

.stretch-width-12 {
	--width: min(var(--col-12), (50% + var(--col-width-6)));
}

.col-pad-left {
	--margin-left: min(var(--col-1), var(--col-width-1));
}

.col-pad-right {
	--margin-right: min(var(--col-1), var(--col-width-1));
}

.remove-gap-left .elementor-widget-container {
	margin-left: calc(var(--h-space-half) * -1);
}

.remove-gap-right .elementor-widget-container {
	margin-right: calc(var(--h-space-half) * -1);
}

@media (max-width: 767px) {
	.remove-gap-left .elementor-widget-container {
		margin-left: 0;
	}

	.remove-gap-right .elementor-widget-container {
		margin-right: 0;
	}
}


/*********************************
IMAGES/MEDIA
**********************************/

.elementor-widget-icon .elementor-icon {
	vertical-align: middle;
}

.icon-dynamic-size .elementor-icon svg {
	height: 1em;
	width: auto;
}

.elementor-widget-image.full-height-image,
.elementor-widget-image.full-height-image .elementor-widget-container,
.elementor-widget-image.full-height-image .elementor-widget-container > a {
	height: 100%;
}

.elementor-widget-image.full-height-image .elementor-widget-container img {
	min-height: 100%;
	object-fit: cover;
	object-position: center;
}

.image-aspect-1-1 .elementor-widget-container,
.image-aspect-4-3 .elementor-widget-container,
.image-aspect-3-2 .elementor-widget-container,
.image-aspect-5-3 .elementor-widget-container,
.image-aspect-16-9 .elementor-widget-container {
	position: relative;
	z-index: 1;
	width: 100%;
}

.image-aspect-1-1 img,
.image-aspect-4-3 img,
.image-aspect-3-2 img,
.image-aspect-5-3 img,
.image-aspect-16-9 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover;
}

.image-aspect-1-1 .elementor-widget-container {
	padding-top: 100%;
}

.image-aspect-4-3 .elementor-widget-container {
	padding-top: 75%;
}

.image-aspect-3-2 .elementor-widget-container {
	padding-top: 66.666%;
}

.image-aspect-5-3 .elementor-widget-container {
	padding-top: 60%;
}

.image-aspect-16-9 .elementor-widget-container {
	padding-top: 56.25%;
}


/*********************************
MENUS
**********************************/

.elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a,
.elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a:focus,
.elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a:hover {
	border-left-width: var(--h-space-half);
}

.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu--dropdown a {
	border: none;
}

.elementor-widget-nav-menu .elementor-menu-toggle {
	padding: 0;
}

@media (min-width: 1025px) {
	.epl-single-listing .epl-button-wrapper {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
}

.epl-single-listing .epl-button-wrapper a.elementor-button {
	background-color: #1f1f1f;
}

.epl-single-listing .epl-button-wrapper a.elementor-button:hover,
.epl-single-listing .epl-button-wrapper a.elementor-button:focus {
	background-color: black;
}