.nav-link {
	display:inline-flex;
	justify-content:center;
	align-items:center;
}

.dropdown-menu {
	background-color:var(--hg-alt-bg);
	min-width:100px;
}

.dropdown-menu a {
	color: var(--hg-light-accent);
}

/* = Modals = */

.modal-popup .btn-close {
	position: absolute;
	top:1rem;
	right:1rem;
	z-index:9;
}

.modal-popup .modal-content {
	min-height:50vh;
	min-height:50svh;
}

.modal-popup .modal-image {
	width:45%;
	margin:0;
}

.modal-popup .modal-title {
	line-height:1;
}

.modal-popup .form-control {
	border-radius:1rem;
	background-color:var(--hg-bg-color);
	margin:.25rem 0 .5rem;
}

.modal-popup .form-control:focus {
	background-color:rgb(var(--hg-bg-color-rgb) / .75);
	border:2px solid var(--hg-secondary);
}

.modal-popup .modal-submit {
	font-size:calc(var(--hg-header-size) * .5em);
	font-family:var(--hg-header-font);
	font-weight:var(--hg-header-weight);
	line-height:.75;
	border-radius:1rem;
}

@media only screen and (max-width: 1199px) {
	.modal-popup .modal-image {
		width:inherit;
	}
}

.modal {
	z-index:999999;
	margin:0;
	visibility:hidden;
	display:block !important;
}

.img-btn {
	display:block;
	margin:0;
	cursor:zoom-in !important;
}

.img-modal figcaption,
.sldr-modal figcaption {
	font-size:1.5em;
	font-style:italic;
	text-align:center;
}

.vid-btn {
	display:block;
	overflow:hidden;
}

.vid-btn:hover::after {
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	inset:0;
	font-family:'FontAwesome';
	font-size:clamp(1.5rem, 30vw, 3rem);
	background-color:rgb(0 0 0 /.6);
	color:white;
	content:'\f04b';
}

/* = Expanding Know More = */

.expandable {
	position:relative;
	overflow:hidden;
}

.expandable[aria-expanded="false"] {
	transition:all 1s ease-in-out;
}

.expandable .inner {
	/*padding-bottom:1.25em;*/
}

.expandable[aria-expanded="true"] {
	transition:all 1s ease-in-out !important;
}

.expandable button {
	background-color:var(--hg-bg-color);
	color:var(--hg-primary);
	font-weight:700;
	border:none;
	padding:0 0 0 .5em;	
}

.know-more {
	bottom:0;
	right:0;
	position:absolute;
}

.show-less {
	background-color:transparent;
	right:0;
	bottom:0;
	position:absolute;
	/*width:100%;
	text-align:right;*/
	float:right;
}

.expandable button:hover,
.expandable button:focus {
	color:var(--hg-secondary);
}

.know-more::before,
.show-less::before {
	content:'';
	position:absolute;
	left:-2.5em;
	background:linear-gradient(to right,rgb(var(--hg-bg-color-rgb) / 0),rgb(var(--hg-bg-color-rgb) / 1));
	width:2.5em;
	height:1.25em;
}