.page-template-page-homepage .row, .container {
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
}

.text-dark {
	color: var(--color-gray-900);
}
.bg-dark {
	background-color: var(--color-gray-900) !important;
}

.modal-content {
	border: none;
}
.modal-body {
	--bs-modal-padding: 0;
}

.btn.btn-outline-dark {
    padding: 12px;
}
.btn-outline-dark {
	--bs-btn-color: var(--color-gray-900);
    --bs-btn-border-color: var(--color-gray-900);
    --bs-btn-hover-color: var(--color-white-900);
    --bs-btn-hover-bg: var(--color-gray-900);
    --bs-btn-hover-border-color: var(--color-gray-900);
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: var(--color-white-900);
    --bs-btn-active-bg: var(--color-gray-900);
    --bs-btn-active-border-color: var(--color-gray-900);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--color-gray-900);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--color-gray-900);
    --bs-gradient: none;
}

.btn.btn-primary {
    padding: 12px 16px;
}
.btn-primary {
    --bs-btn-color: var(--color-white-900);
    --bs-btn-bg: var(--color-brand-2-500);
    --bs-btn-border-color: var(--color-brand-2-500);
    --bs-btn-hover-color: var(--color-white-900);
    --bs-btn-hover-bg: var(--color-brand-2-600);
    --bs-btn-hover-border-color: var(--color-brand-2-600);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--color-white-900);
    --bs-btn-active-bg: var(--color-brand-2-700);
    --bs-btn-active-border-color: var(--color-brand-2-700);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--color-gray-300);
    --bs-btn-disabled-bg: var(--color-brand-2-500);
    --bs-btn-disabled-border-color: var(--color-brand-2-500);
}

.btn-close {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    min-height: 24px;
    padding: 4px;
    background-image: none !important;
    border: none;
    outline: none;
    border-radius: 0px;
}
.btn-close:hover {
    background-color: #D3EDFF;
}
.btn-close:active {
    background-color: #add7fa;
}

.container {
    margin-left: auto;
    margin-right: auto;
}

/* Breakpoints */

@media screen and (max-width: 40rem) { /* XS */
    .container {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }
}
@media screen and (min-width: 40rem) and (max-width: 48rem) { /* SM */
	.container {
        max-width: 516px;
    }
}
@media screen and (min-width: 40rem) { /* from SM */

}
@media screen and (min-width: 48rem) and (max-width: 64rem) { /* MD */
	.container {
        max-width: 696px;
    }
}
@media screen and (min-width: 48rem) { /* from MD */
	.btn.btn-outline-dark {
        padding: 16px;
    }
    .btn.btn-primary {
        padding: 20px 16px;
    }
}
@media screen and (min-width: 64rem) and (max-width: 80rem) { /* LG */
	.container {
        max-width: 936px;
    }
}
@media screen and (min-width: 64rem) { /* from LG */
    .lg\:flex {
        display: flex !important;
    }
    .lg\:hidden {
        display: none !important;
    }
}
@media screen and (min-width: 80rem) and (max-width: 96rem) { /* XL */
	.container {
        max-width: 1176px;
    }
}
@media screen and (min-width: 80rem) { /* from XL */
	
}
@media screen and (min-width: 96rem) { /* 2XL */
	.container {
        max-width: 1344px;
    }
}