html {position: relative;min-height: 100%}

body {padding-top: 56px;margin-bottom: 60px}

section {padding: 5px 0;}

img {max-width: 100%;}
p {text-align:justify; text-indent:1rem}
pre,
code {background: #f8f8f8;color: #333;}

pre {border-left: 2px solid #ccc;padding: 10px;}

code {
	display: inline-block;
	padding: 0 0.5em;
	line-height: 1.4em;
	border-radius: 3px;
}

table {
	empty-cells: show;
	border: 1px solid #cbcbcb;
	width: 100%;
	font-size: 0.9em;
	margin-bottom: 1rem;
}

thead {
	background-color: #e0e0e0;
	color: #000;
	text-align: left;
	vertical-align: bottom;
}

tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}

th,
td {padding: 0.5em 1em;}

h1.title,
h2.title {font-size: 2.3rem;}

blockquote {
	padding: 10px 20px;
	margin: 0 0 20px 20px;
	border-left: 5px solid #eee;
	font-style: italic;
}

/* Navbar */
img.nav-svg-icon {
	width: 2rem;
	height: 2rem;
	padding-bottom: 2px;
}

.nav-link {font-size: 0.8em;}

/* Footer */
footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 0.8em;}

.mini-logo {height: 22px;padding-bottom: 5px;}

/* Plugins */
.plugin {margin-top: 3rem;}
.plugin-label {font-size: 1em;	text-transform: uppercase;}
.plugin ul {list-style: none;padding: 0 0 0 10px;}
.bi {margin-right: .5rem !important;}




.gallery-img {height: 250px;object-fit: cover;transition: transform 0.3s ease, box-shadow 0.3s ease;border-radius: 10px;}
.gallery-img:hover {transform: scale(1.05);box-shadow: 0 10px 20px rgba(0,0,0,0.3);}

.gallery-caption {background: rgba(0,0,0,0.6);color: white;padding: 10px;border-radius: 0 0 10px 10px;position: absolute;bottom: 0;width: 100%;text-align: center;font-weight: bold;}

.gallery-item {position: relative;}