/***********************
* Responsive Breakpoints
* 1025px +          PC
* 768px - 1024px    Tablet - PC
* 0px - 767px       SmartPhone
************************/

@font-face {
	font-family: "bodyFont";
	src: url("fonts/MPLUS1.woff2") format("woff2");
	font-display: swap;
}
@font-face {
	font-family: "titleFont";
	src: url("fonts/Jost.woff2") format("woff2");
	font-display: swap;
}

/* テキスト選択不可 */
.entry-content {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

html {
	height: -webkit-fill-available;
}
body {
	font-family: "bodyFont";
	min-height: 100vh;
	background: #efecec;
}
h1,
h2,
h3,
h4 {
	font-family: "titleFont";
}
h2.wp-block-heading {
	font-size: 3rem;
	line-height: 3rem;
}
.single .page-header::after,
.page .page-header::after {
	opacity: 0.85;
}
.grecaptcha-badge {
	display: none;
}

img[data-lazy-src] {
	opacity: 0;
}

img.lazyloaded {
	-webkit-transition: opacity 0.5s linear 0.2s;
	-moz-transition: opacity 0.5s linear 0.2s;
	transition: opacity 0.5s linear 0.2s;
	opacity: 1;
}
/*********************
* common
***********************/
:root {
	--color-main: rgb(196, 13, 35);
	--color-sub: rgb(255, 244, 244);
	--color-sub2: rgb(126, 91, 69);
	--color-bg: rgb(250, 250, 250);
	--distance: 50px;
	--distance-l: 100px;
	--distance-xl: 150px;
	--radius: 15px;
	--radius-l: 30px;
	--radius-xl: 45px;
	--fnt-xs: 10px;
	--fnt-s: 12px;
	--fnt-l: 24px;
	--fnt-xl: 48px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	:root {
		--distance: 35px;
		--distance-l: 65px;
		--distance-xl: 95px;
		--radius: 12px;
		--radius-l: 24px;
		--radius-xl: 36px;
		--fnt-xs: 9px;
		--fnt-s: 11px;
		--fnt-l: 24px;
		--fnt-xl: 36px;
	}
}
@media screen and (max-width: 767px) {
	:root {
		--distance: 25px;
		--distance-l: 50px;
		--distance-xl: 75px;
		--radius: 10px;
		--radius-l: 15px;
		--radius-xl: 20px;
		--fnt-xs: 9px;
		--fnt-s: 11px;
		--fnt-l: 18px;
		--fnt-xl: 28px;
	}
}

/* svg - logo */
#masthead .site-info {
	width: 260px;
}
#masthead .site-info a img {
	width: 100%;
	max-height: 60px;
	max-width: 260px !important;
}

/* Decoration  Other */
.b {
	font-weight: 900;
}

/* youtube */
.youtube,
.wp-block-embed-youtube,
.gMap {
	border-radius: var(--radius-l);
	overflow: hidden;
}
.youtube iframe,
.wp-block-embed-youtube iframe,
.gMap iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

.post .entry-content figure {
	margin: 2rem 0;
	img {
		display: block;
		margin: auto;
	}
}
/* Common */

#masthead {
	background:
		url(img/noise.svg),
		linear-gradient(
			120deg,
			rgba(255, 0, 240, 1),
			rgba(255, 174, 112, 1) 14%,
			rgba(248, 15, 15, 1) 40%,
			rgba(255, 91, 181, 1) 57%,
			rgba(170, 40, 226, 1) 72%,
			rgba(207, 63, 245, 1) 88%,
			rgba(235, 158, 255, 1) 95%,
			rgba(158, 183, 255, 1)
		);
	filter: contrast(150%) brightness(100%);

	.container {
		max-width: min(
			calc(100vw - 5%),
			var(--nishiki-pro-header-content-width)
		);
	}
}

#menu-overlay {
	background-color: unset;
	background:
		url(img/noise.svg),
		linear-gradient(
			120deg,
			rgba(255, 0, 240, 0.4),
			rgba(255, 174, 112, 0.4) 14%,
			rgba(248, 15, 15, 0.4) 40%,
			rgba(255, 91, 181, 0.4) 57%,
			rgba(170, 40, 226, 0.4) 72%,
			rgba(207, 63, 245, 0.4) 88%,
			rgba(235, 158, 255, 0.4) 95%,
			rgba(158, 183, 255, 0.4)
		);

	li {
		margin: 0.5rem 0 0;
		padding-bottom: 0.25rem;
		border-bottom: 1px dashed #fff;

		&:last-of-type {
			margin-bottom: 0;
			border-bottom: none;
		}
		&.animation-flash {
			animation: none;
		}
	}
	a {
		color: #fff !important;
		font-weight: 900;

		.title::before {
			display: inline-block;
			margin-right: 0.5rem;
			font-family: "icomoon";
			content: "\e9d2";
			color: crimson;
		}
	}
	.menu-item-1360 {
		margin-top: 2rem;
		color: #000;
		font-weight: 900;

		&::before {
			display: block;
			content: "＼島内イベントは掲載無料！／";
			text-align: center;
			font-size: small;
			color: crimson;
		}
		&::after {
			display: block;
			content: "どなたでもお気軽にどうぞ！";
			text-align: center;
		}

		a[data-depth="0"] {
			display: block;
			width: 250px;
			padding: 1rem 0 !important;
			margin: 0.5rem auto;
			background: rgba(255, 255, 225, 0.6);
			border: 1px solid #000;
			border-radius: 50px;
			color: #000 !important;
			text-decoration: none;

			.title {
				text-align: center !important;

				&::before {
					display: none;
				}
			}

			&:hover {
				background: #fff;
				color: #000;
			}
		}
	}
	ul.menu-items li.animation-flash {
		-webkit-animation: none;
		animation: none;
	}
}

h2 span {
	display: block;
	margin-top: -0.5rem;
	font-size: var(--fnt-s);
}

.nextBtn {
	max-width: 100% !important;
	margin-top: 0 !important;

	a {
		display: block;
		width: 280px;
		padding: 0.5rem 0;
		margin: 0 auto;
		border: 1px solid #000;
		border-radius: 50px;
		text-align: center;
		text-decoration: none;
		color: #000;

		&:hover {
			background: #fff;
			color: #000;
		}
	}
}
#footer {
	background:
		linear-gradient(
			113deg,
			rgba(65, 65, 65, 0.7) 4.5%,
			rgba(0, 0, 0, 0.7) 78%
		),
		url(img/noise.svg);
	filter: contrast(150%) brightness(100%);
	color: #fff;

	.footer-widget {
		color: #fff;

		a {
			color: #fff;
		}
	}
	.copyright span {
		margin: 0.5rem;

		a {
			color: #fff;
		}
	}
}
.category .archives,
aside.archives {
	margin: 0 auto;
}

.wp-block-nishiki-blocks-pro-card {
	border-radius: var(--radius);
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);

	.nishiki-pro-card-inner {
		border: none;
		border-radius: var(--radius);

		.card-label {
			border-radius: 3px;
			background-image: linear-gradient(
				117deg,
				rgba(244, 72, 105, 0.8) 5%,
				rgba(159, 1, 234, 0.8) 84%
			);
			color: #fff;
		}

		.card-image {
			border-radius: var(--radius) 0 0 var(--radius);
			overflow: hidden;
		}
	}
}
/* Individual */
body:not(.home) dl {
	margin: 1rem 0;

	dt {
		font-weight: 900;
	}
	dd {
		margin-bottom: 1rem;
	}
}

body:not(.home) .entry-content {
	h2 {
		font-size: 2rem;
	}
}

.calendar {
	.wp-block-nishiki-blocks-pro-layout-content {
		border-radius: var(--radius);
		background: #fff;
		box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);

		ul {
			margin: 0 1rem 1rem !important;
		}

		h3 a {
			display: block;
			color: #000;
			font-weight: 900;
			text-align: center;
			text-decoration: none;

			:hover {
				color: #000;
			}
		}
	}
}

.footerCalendar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 0 !important;
	list-style-type: none;

	li {
		width: calc(90% / 6);
		margin-bottom: 1rem;
		border-radius: var(--radius);
		background: #fff;
		box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);

		a {
			display: block;
			color: #000;
			font-weight: 900;
			text-align: center;
			text-decoration: none;

			:hover {
				color: #000;
			}
		}
	}
}

.future {
	max-width: 100% !important;
	max-height: 751px;
	padding: var(--distance) 0 !important;
	background: radial-gradient(
		circle,
		rgba(255, 88, 204, 0.9836309523809523) 0%,
		rgba(0, 0, 0, 1) 100%
	);
	.swiper-notification {
		display: none;
	}

	article {
		border-radius: var(--radius);
		overflow: hidden;
		background-color: rgba(0, 0, 0, 0.8);
		opacity: 0.3;
		transition:
			opacity 0.5s linear,
			scale 0.5s linear,
			box-shadow 0.75s linear;
		scale: 0.9;

		&.swiper-slide-active {
			opacity: 1;
			backdrop-filter: brightness(1.4);
			box-shadow:
				0px 5px 15px 0px rgba(0, 0, 0, 0.35),
				0px 10px 25px 0px rgba(0, 0, 0, 0.5);
			scale: 1;
		}
		&.swiper-slide-prev,
		&.swiper-slide-next {
			opacity: 0.7;
			scale: 0.95;
		}
		.aspect-ratio-1-1 {
			aspect-ratio: 1 / 1.415;
		}
		.post-image .post-label {
			width: 110px;
			padding: 0.3rem 0;
			background-image: linear-gradient(
				117deg,
				rgba(244, 72, 105, 0.8) 5%,
				rgba(159, 1, 234, 0.8) 84%
			);
			border-radius: 0 0 var(--radius) 0;
			color: #fff;
			font-weight: 900;
			box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.35);
		}
		.holdDate {
			position: absolute;
			top: -27px;
			padding: 0.5rem 0.5rem 0.5rem 7rem;
			width: fit-content;
			border-radius: 0 0 var(--radius) 0;
			background: rgba(0, 0, 0, 0.7);
			color: #fff;
			box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.35);

			span:first-of-type {
				display: block;
			}
		}

		.post-detail {
			position: absolute;
			bottom: 0;
			width: 100%;
			padding: 0.5rem 1rem;
			background-color: rgba(0, 0, 0, 0.6);
			backdrop-filter: blur(5px);

			a {
				color: #fff !important;

				header {
					position: relative;

					.mark {
						position: absolute;
						top: -2rem;
						padding: 0.2rem 0.5rem;
						border-radius: 3px;
						background: crimson;
						font-size: small;
					}
				}
			}
		}
	}
}

.page-header-inner {
	display: flex;
	justify-content: space-between;

	.headerMeta {
		width: 65%;

		h1 {
			font-size: var(--fnt-xl);
			text-align: left;
		}
		.holdDate {
			font-size: var(--fnt-l);

			&::before {
				font-family: "icomoon";
				display: block;
				content: "\e962　開催日";
				font-size: small;
			}
		}
	}

	figure {
		width: 30%;

		img {
			width: 100%;
			height: auto;
			object-fit: cover;
		}
	}
}

.eventList {
	margin: var(--distance-l) auto;

	h2,
	h3,
	h4,
	.wp-block-nishiki-blocks-pro-posts {
		margin-bottom: 0;
		width: 100%;
		max-width: unset !important;
	}
	h3 {
		span {
			margin-left: 0.5rem;
			font-size: small;

			&::before {
				display: inline-block;
				content: "✱";
				margin-right: 0.5rem;
			}
		}
		&:first-of-type {
			margin-top: 0;
		}
	}

	.articles {
		padding-bottom: var(--distance);
		gap: 2%;
		justify-content: space-between;

		&.column-3 article {
			width: 23%;
			flex-basis: 23%;
			border-radius: var(--radius);
			overflow: hidden;
			box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);

			.aspect-ratio-1-1 {
				aspect-ratio: 1 / 1.415;
			}
			.holdDate {
				position: absolute;
				top: -27px;
				padding: 0.5rem;
				width: fit-content;
				border-radius: 0 0 var(--radius) 0;
				background: rgba(0, 0, 0, 0.7);
				color: #fff;

				span:first-of-type {
					display: block;
				}
			}

			.post-detail {
				position: absolute;
				bottom: -1px;
				width: 100%;
				padding: 0.5rem 1rem;
				background-color: rgba(0, 0, 0, 0.6);
				backdrop-filter: blur(5px);

				a {
					color: #fff !important;
				}
			}
		}
	}
}

.reportList {
	margin: var(--distance-l) auto;

	h2,
	h3,
	h4,
	.wp-block-nishiki-blocks-pro-posts {
		width: 100%;
		max-width: unset !important;
	}
	.articles {
		padding-bottom: var(--distance);

		&.column-3 article {
			width: calc(calc(100% / 4) - calc(calc(3 / 4) * 2em));
			flex-basis: calc(calc(100% / 4) - calc(calc(3 / 4) * 2em));
			padding: 1rem;
			border-radius: 10px;
			box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
			background: #fff;

			header {
				margin-bottom: 0;
			}
		}
	}
}

.linkList {
	.wp-block-columns {
		margin: 0;
	}
	h3 {
		padding: 0.5rem 0 0 !important;
	}
	p {
		margin-top: 0;
	}
	a {
		display: block;
		margin: 10px;
		border-radius: var(--radius);
		overflow: hidden;
		background: #fff;
		color: #222 !important;
		box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
		transition: opacity 0.3s linear;

		&:hover {
			opacity: 0.8;
		}
	}
}
.archives {
	margin: var(--distance-l) auto;

	.articles {
		padding-bottom: var(--distance);

		&.column-3 article {
			width: calc(calc(100% / 4) - calc(calc(3 / 4) * 2em));
			flex-basis: calc(calc(100% / 4) - calc(calc(3 / 4) * 2em));
			border-radius: var(--radius);
			overflow: hidden;
			box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);

			.aspect-ratio-1-1 {
				aspect-ratio: 1 / 1.415;
			}
			.holdDate {
				position: absolute;
				top: -13px;
				z-index: 1;
				padding: 0.5rem;
				width: fit-content;
				border-radius: 0 0 var(--radius) 0;
				background: rgba(0, 0, 0, 0.7);
				color: #fff;
				font-size: small;

				span:first-of-type {
					display: block;
				}
			}

			.post-detail {
				position: absolute;
				bottom: -1px;
				width: 100%;
				padding: 0.15rem 0.5rem 0.25rem;
				background-color: rgba(0, 0, 0, 0.6);
				backdrop-filter: blur(5px);

				a {
					color: #fff !important;

					.post-title {
						font-size: 0.8rem;
					}
				}
			}
		}
	}
}

.nishiki-pro-content-2675 p,
.nishiki-pro-content-2675 div {
	margin: 0;
}

summary {
	font-weight: 900;
}

.featured {
	max-width: 100% !important;
	overflow: hidden;
	background: linear-gradient(
		145deg,
		rgba(65, 65, 65, 0.8) 4.927083333333334%,
		rgba(0, 0, 0, 0.8) 97.84374999999999%
	) !important;

	.inner-container {
		padding: 0 !important;
	}

	dl {
		width: fit-content;
		margin: auto;
		font-weight: 900;
		text-shadow:
			0 0 3px rgba(0, 0, 0, 0.5),
			0 0 1px rgba(0, 0, 0, 0.3);

		dt {
			display: inline-block;
			color: chartreuse;
			font-size: 0.7rem;
			font-family: "titleFont";
			rotate: -3deg;
		}

		dd {
			margin-top: -0.5rem;

			a {
				color: #fff;
				text-decoration: none;
				transition: opacity 0.25s linear;

				&:hover {
					color: #fff;
					opacity: 0.75;
				}
			}
		}
	}
}

.eventInfoMonthly {
	padding: var(--distance) 0;
	background: radial-gradient(
		circle,
		rgba(255, 88, 204, 0.9836309523809523) 0%,
		rgba(0, 0, 0, 1) 100%
	);
	color: #fff;

	h2 {
		margin-bottom: 0;
		padding-bottom: 0;
		font-size: 1rem !important;

		span {
			font-size: 1.8rem;
		}

		+ p {
			margin-top: 0;
			font-size: var(--fnt-s);
		}
	}
	.eventMonthLlist {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 30px;
		padding: 0;
		list-style-type: none;

		&::before,
		&::after {
			content: "";
			display: block;
			width: calc(100% / 4 - 30px);
			gap: 30px;
		}
		&::before {
			order: 1;
		}

		li {
			width: calc(100% / 4 - 30px);
			aspect-ratio: 1 / 1.415;
			border-radius: var(--radius);
			overflow: hidden;
			background: #fff;

			a {
				position: relative;
				display: block;
				height: 100%;
				color: #fff !important;
				text-decoration: none;

				figure {
					width: 100%;
					height: 100%;

					img {
						height: 100% !important;
						object-fit: cover;
						transition: all 300ms ease;
						will-change: transform;

						&:hover {
							transform: scale(1.05);
						}
					}
				}
				h3 {
					position: absolute;
					bottom: 0;
					width: 100%;
					margin: 0;
					padding: 0.5rem 1rem;
					background-color: rgba(0, 0, 0, 0.6);
					backdrop-filter: blur(5px);
					font-size: 1rem;
				}
				.eventCategories {
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
					width: 110px;
					display: block;
					padding: 0.3rem 0;
					background-image: linear-gradient(
						117deg,
						rgba(244, 72, 105, 0.8) 5%,
						rgba(159, 1, 234, 0.8) 84%
					);
					border-radius: 0 0 var(--radius) 0;
					box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.35);
					color: #fff;
					font-size: 0.9rem;
					font-weight: 900;
					text-align: center;
				}
				.eventDates {
					position: absolute;
					top: 0;
					padding: 0.5rem 0.5rem 0.5rem 7rem;
					width: fit-content;
					max-width: 280px;
					border-radius: 0 0 var(--radius) 0;
					background: rgba(0, 0, 0, 0.7);
					color: #fff;
					box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.35);
					font-size: small;
				}
			}
		}
	}
}

#footer {
	.widget h2 {
		font-size: calc(var(--nishiki-pro-heading-h2) - 0.2rem);
	}
	.annualSchedule {
		ul {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			margin: 0;
			text-align: center;

			li {
				width: 23%;
				margin-bottom: 1rem;
				padding: 0;
				border: 1px solid #fff;
				border-radius: var(--radius-xl);
				overflow: hidden;

				a {
					display: block;
					padding: 0.5rem 0;

					&:hover {
						background: rgba(255, 255, 225, 0.3);
					}
				}
			}
		}
	}
}
@media screen and (min-width: 768px) {
	:is(.eventList, .reportList) .inner-container {
		max-width: unset !important;
		.articles {
			padding: 10px 10px var(--distance) 10px;
		}
	}
}
@media screen and (max-width: 767px) {
	.articles[class*="column-"] article {
		border-bottom: none;
	}

	.future {
		max-height: 345px;

		article {
			padding-bottom: 0;
			scale: 0.95;

			&.swiper-slide-prev,
			&.swiper-slide-next {
				scale: 0.975;
			}
			.post-image .post-label {
				width: 90px;
				padding: 0.25rem 0;
				font-weight: 100;
				font-size: var(--fnt-s);
			}
			.holdDate {
				top: -27px;
				padding: 1.9rem 0.25rem 0.25rem;
				font-size: var(--fnt-xs);
			}

			.post-detail {
				padding: 0 0.5rem;

				a {
					header {
						line-height: 1.1;
						margin: 0.4rem 0 0.3rem;
					}
					.post-title {
						word-break: break-all;
						font-size: small;
					}
				}
			}
		}
	}

	.single .page-header {
		min-height: 430px;
	}

	.eventList {
		h3 {
			span {
				display: block;
				margin-left: 0;
			}
		}

		.articles {
			gap: 0.7rem;

			&.column-3 article {
				width: calc(calc(100% / 2) - calc(calc(1 / 2) * 2em));
				flex-basis: calc(calc(100% / 2) - calc(calc(1 / 2) * 2em));
				padding-bottom: 0;
				margin-bottom: 0.5rem;

				.holdDate {
					padding: 0.25rem;
					font-size: small;
				}

				.post-detail {
					padding: 0 0.5rem;
					font-size: small;

					a {
						header {
							line-height: 1.2;
							margin: 0.4rem 0 0.3rem;
						}
						.post-title {
							font-weight: 100;
							word-break: break-all;
							font-size: small;
						}
					}
				}
			}
		}
	}

	.reportList {
		.articles {
			display: block;
			padding: 10px 10px var(--distance) 10px;

			&.column-3 article {
				width: 100%;
				margin: 0 0 1rem;
				padding: 0.5rem;
				border-radius: 5px;

				header {
					margin-bottom: 0;
				}
			}
		}
	}

	.archives {
		margin: var(--distance-l) auto;

		.articles {
			gap: 2%;
			justify-content: space-between;

			&.column-3 article {
				width: 45%;
				flex-basis: 45%;
				margin-bottom: 1rem;

				.holdDate {
					padding: 0.25rem;
					font-size: small;
				}

				.post-detail {
					padding: 0 0.5rem;
					font-size: small;

					a {
						header {
							line-height: 1.2;
							margin: 0.4rem 0 0.3rem;
						}
						.post-title {
							font-weight: 100;
							word-break: break-all;
							font-size: small;
						}
					}
				}
			}
		}
	}

	.articles[class*="column-"]:not([class*="has-"]) article {
		border: none;
	}

	.linkList {
		h3 {
			margin-bottom: 0;
			padding: 0 1rem 0 !important;
		}
		p {
			margin-top: 0;
			padding: 0 1rem 1rem;
		}
	}
	.copyright span {
		display: block;
	}
	.featured {
		min-height: 100px;
		dl {
			width: 90%;
			padding: 0.5rem 0;
		}
	}

	.eventInfoMonthly {
		padding: 0 5% 30px;
		& .eventMonthLlist {
			font-size: 0.7rem;
			gap: 0;

			li {
				width: 48%;
				margin-bottom: 1rem;

				& a {
					.eventCategories {
						font-size: 0.7rem;
					}
					.eventDates {
						padding: 2.3rem 0.5rem 0.3rem 0.5rem;
					}
					h3 {
						padding: 0.5rem;
						font-size: 0.7rem;
					}
				}
			}
		}
	}
}

.specialHeader {
	margin-bottom: var(--distance-l);
	.wp-block-cover__inner-container {
		position: relative;
	}
	figure {
		margin: 0 !important;
	}
	h1 {
		position: absolute;
		bottom: 0;
		display: inline;
		margin: 0 1rem !important;
		line-height: 5rem;
		font-size: 2rem;
		letter-spacing: 0.1rem;

		span {
			box-decoration-break: clone;
			padding: 0.5rem;
			background: #000;
			color: #fff;
		}
	}
	@media screen and (max-width: 767px) {
		.inner-container {
			max-width: 100% !important;
		}
		h1 {
			padding: 0 0.5rem;
			line-height: 3rem;
			font-size: 1rem;
		}
	}
}
.interviewDL {
	dt {
		font-weight: 900;
		float: left;
		&::after {
			content: "：";
		}
	}
	dd {
		margin-left: 3rem;
	}
}
.interviewer {
	font-weight: 900;
	&::before {
		display: inline-block;
		content: "";
		height: 2px;
		width: 2rem;
		margin-right: 0.2rem;
		background-color: #000;
		vertical-align: middle;
	}
}
.specialBanner {
	max-width: unset !important;
	.wp-block-columns {
		margin: 0;
	}
	h3 {
		padding: 0.5rem 0.5rem 0 0 !important;
	}
	p {
		margin: 0 0.5rem 0 0;
	}
	a {
		display: block;
		margin: 10px;
		border-radius: var(--radius);
		overflow: hidden;
		background: #fff;
		color: #222 !important;
		box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
		transition: opacity 0.3s linear;

		&:hover {
			opacity: 0.8;
		}
	}
	@media screen and (max-width: 767px) {
		h3 {
			padding: 0 0.5rem !important;
		}
		p {
			margin: 0.5rem !important;
		}
	}
}