/* CFDVasc (Hadron): WordPress additions to the original Gantry / RokSprocket / responsive gallery CSS. */

/* Photo gallery: the thumbnails were laid out by the elastislide jQuery plugin. */
.rg-gallery .es-carousel {
	overflow-x: auto;
	scrollbar-width: none;
}
.rg-gallery .es-carousel ul {
	display: flex;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.rg-gallery .es-carousel ul li {
	flex: 0 0 auto;
	float: none;
}
.rg-gallery .es-carousel ul li a {
	display: block;
	opacity: 0.6;
	transition: opacity 0.2s ease-in-out;
}
.rg-gallery .es-carousel ul li.selected a,
.rg-gallery .es-carousel ul li a:hover {
	opacity: 1;
}
.rg-gallery .es-carousel ul li img {
	width: 64px;
	height: 64px;
	object-fit: contain;
	background: #fff;
}
.rg-gallery .rg-image img {
	max-height: 600px;
	width: auto;
}

/* Responsive menu panel (Gantry built it with JavaScript). */
/* Position and look come from Gantry's menu.css / master.css. */
.gf-menu-toggle {
	display: none;
	border: 0;
}
.gf-menu-toggle .icon-bar {
	background-color: #7fd6c2;
}
@media (max-width: 767px) {
	.gf-menu-toggle {
		display: block;
	}
}
.gf-menu-device-container .gf-menu[hidden] {
	display: none;
}

/* Content images must not overflow the column on small screens. */
#rt-mainbody img {
	max-width: 100%;
	height: auto;
}