/**
 * Technetium PHP Framework
 * @version 3.0
 * @author Tony Leung <tony.leung@cruzium.com>
 * @copyright Copyright (c) 2023 Cruzium Digital
 * @license https://opensource.org/license/gpl-3-0/ GPL-3.0-only
 *
 * This stylesheet contains styles for CMS content copied from Fujifilm site.
 */

@charset "utf-8";

img {
	max-width: 100%;
}

.sr-only {
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	position: absolute !important;
	margin: -1px !important;
	padding: 0 !important;
	border: 0 !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
}
.cms-content h2:not(:first-child),
.cms-content h3:not(:first-child),
.cms-content h4:not(:first-child),
.cms-content h5:not(:first-child),
.cms-content h6:not(:first-child) {
	margin-top: var(--bs-spacer-3);
}

/* grid system */
.column-row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	margin-top: calc(var(--bs-gutter-y) * -1);
	margin-left: calc(var(--bs-gutter-x) * -0.5);
	margin-right: calc(var(--bs-gutter-x) * -0.5);
	display: flex;
	flex-wrap: wrap;
}
.column-row > * {
	max-width: 100%;
	margin-top: var(--bs-gutter-y);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	flex-shrink: 0;
}
.cms-content .box {
	padding: var(--bs-spacer-3);
}
.cms-content .box:not(:first-child) {
	margin-top: var(--bs-spacer-3);
}
.cms-content .box:not(:last-child) {
	margin-bottom: var(--bs-spacer-3);
}

/* images */
.image-full {
	text-align: center;
}
.img45 > img {
	max-height: 45px;
}
.img80 > img {
	max-height: 80px;
}
.img100 > img {
	max-height: 100px;
}
.img150 > img {
	max-height: 150px;
}
.img200 > img {
	max-height: 200px;
}
.img250 > img {
	max-height: 250px;
}
.img300 > img {
	max-height: 300px;
}
.img350 > img {
	max-height: 350px;
}
.img400 > img {
	max-height: 400px;
}
.img450 > img {
	max-height: 450px;
}
.imgbox150 {
	height: 150px;
}
.itemmiddle {
	display: flex;
	align-items: center;
	justify-content: center;
}
.caption {
	margin-top: 0.3em;
	font-size: 0.875rem;
	display: block;
}

/* accordion */
.cms-content .accordion {
	border-width: var(--bs-accordion-border-width);
	border-style: solid;
	border-color: var(--bs-accordion-border-color);
	border-radius: var(--bs-accordion-border-radius);
}
.cms-content .accordion > .accordion-controller {
	width: 100%;
	position: relative;
	padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
	border-width: 0;
	background-color: var(--bs-accordion-btn-bg);
	color: var(--bs-accordion-btn-color);
	text-align: left;
	transition-property: background-color, color;
}
.cms-content .accordion > .accordion-controller:after {
	content: '';
	width: var(--bs-accordion-btn-icon-width);
	height: var(--bs-accordion-btn-icon-width);
	position: absolute;
	top: calc(50% - var(--bs-accordion-btn-icon-width) * 0.5);
	right: var(--bs-accordion-btn-padding-x);
	background-image: var(--bs-accordion-btn-icon);
	display: block;
	transition: var(--bs-accordion-btn-icon-transition);
}
.cms-content .accordion > .accordion__content {
	padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
	display: none;
}
.cms-content .accordion.active > .accordion-controller:after {
	transform: var(--bs-accordion-btn-icon-transform);
}
.cms-content .accordion + .accordion {
	border-top-width: 0;
}

/* config list */
.config_list {
	--bs-gutter-x: var(--bs-spacer-3);
	--bs-gutter-y: var(--bs-spacer-3);
	margin-bottom: var(--bs-spacer-3);
}
.config_list > * > .box {
	height: 100%;
}

/* notice list */
.notice-list {
	padding: 0;
	font-size: 0.75rem;
	list-style: none;
}
.notice-list > li {
	margin-bottom: 0;
	display: flex;
}

/* resource block */
.resources__block dl {
	--bs-gutter-x: 0;
	margin-bottom: var(--bs-spacer-3);
	display: block;
}
.resources__block dl > dt {
	float: left;
	margin-right: 0.25em;
}
.resources__block dl > dd {
	clear: right;
	font-style: italic;
}
.resources__block__download-btn {
	width: 3.75rem;
	height: 3.75rem;
	border: 2px solid var(--bs-primary);
	border-radius: 50%;
	font-size: var(--bs-fs-3);
	color: var(--bs-primary);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition-property: background-color, color;
}
.resources__block__download-btn .icon-download {
	font-style: normal;
	line-height: 1;
}
.resources__block__download-btn .icon-download:before {
	content: '\f30a';
	font-family: bootstrap-icons;
}
.resources__block__download-btn:hover {
	background-color: var(--bs-primary);
	color: var(--bs-white);
}
@media (min-width: 768px) {
	.resources__block {
		position: relative;
		padding-right: calc(3.75rem + var(--bs-spacer-3));
	}
	.resources__block__download-btn {
		position: absolute;
		top: 0;
		right: 0;
	}
}