/**
 * Theme Name:Ramen Danbo Admin 2024
 * Theme URI: http://
 * Description: Carefully crafted and balanced WordPress theme for personal and professional blogging, this theme is a highly responsive and retina-ready, simple and powerful, efficiently coded and user friendly WordPress theme.
 * Version: 1.0.0
 * Author:Resourcecode
 * Author URI:https://

 * Tags:accessibility-ready, blog, custom-colors, custom-menu, e-commerce, editor-style, featured-images, footer-widgets, full-width-template, left-sidebar, one-column, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, two-columns
 * Text Domain: rda2024
 * License: GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html

 */
/*----------------------------------------------------------------------------
 >>> TABLE OF CONTENTS:
------------------------------------------------------------------------------
# Structure
	## HTML
	## Body
	## Links
# Typography
	## Typography General
# Header
# Footer
# Menus
# Page common
	## Posts and pages
# Home
# Inner pages
# Contact Form 7
# Alignement (WP classes)
# Images
	## Typography Buttons
	## Media
# Accessibility
# Clearings
# Privacy Policy
# 404 Error
# Comments
# Infinite scroll

------------------------------------------------------------------------------*/
/* ==========================================================================
 # Structure
 ========================================================================== */
/* HTML
 ========================================================================== */
html {
	font-size: 20px;
}
main:focus,
nav:focus,
div:focus,
button:focus {
	outline: none;
}
/* Body
 ========================================================================== */
body {
	background: #000;
	font-family: "ff-meta-web-pro", "kozuka-gothic-pr6n", Arial, sans-serif;
	font-size: 0.7rem;
	font-weight: 400;
	line-height: 1.4;
	overflow-y: scroll;
	overflow-x: hidden;
	min-width: 320px;
	padding: 0;
}
body,
button,
input,
select,
textarea {
	color: #333;
}
/* Links
 ========================================================================== */
a {
	color: #4295d1;
	cursor: pointer;
	text-decoration: none;
}
a:visited {
	color: #4295d1;
}
a:hover,
a:active {
	color: #4295d1;
	text-decoration: underline;
}
a:link,
a:visited,
button {
	-webkit-transition: color .2s ease, background-color .2s ease;
	-moz-transition: color .2s ease, background-color .2s ease;
	-o-transition: color .2s ease, background-color .2s ease;
	transition: color .2s ease, background-color .2s ease
}
a.right-arrow {}
a.right-arrow::after {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	margin: 0 0 0 10px;
	font-weight: 900;
	font-size: 0.8em;
}
.entry-content a {
	font-weight: 600;
}
.entry-content h1 a,
.entry-content h2 a,
.entry-content h3 a,
.entry-content h4 a,
.entry-content h5 a,
.entry-content h6 a {
	font-weight: 700;
	color: #4295d1;
}
/* ==========================================================================
 # Typography
 ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: "ff-meta-web-pro", "kozuka-gothic-pr6n", Arial, sans-serif;
	font-weight: 700;
	color: #000;
	line-height: 1.2;
	margin: 1.2em 0 .7em;
}
/* Base sizes
 ================================ */
h1,
.h1 {
	font-size: 1.05rem;
}
h2,
.h2 {
	font-size: 0.95rem;
}
h3,
.h3 {
	font-size: 0.9rem;
}
h4,
.h4 {
	font-size: 0.8rem;
}
h5,
.h5 {
	font-size: 0.75rem;
}
h6,
.h6 {
	font-size: 0.7rem;
}
p {
	margin-bottom: 0.8em;
}
p:last-child {
	margin-bottom: 0;
}
sub,
sup,
small,
.small,
blockquote cite,
.wp-caption .wp-caption-text {
	font-size: 0.9em;
}
.smaller {
	font-size: 0.8em;
}
.xsmall {
	font-size: 0.625em;
	line-height: 1.5em;
}
@media (min-width: 576px) {
	body {
		font-size: 0.8rem;
	}
	h1,
	.h1 {
		font-size: 1.5rem;
	}
	h2,
	.h2 {
		font-size: 1.2rem;
	}
	h3,
	.h3 {
		font-size: 1.1rem;
	}
	h4,
	.h4 {
		font-size: 1rem;
	}
	h5,
	.h5 {
		font-size: 0.9rem;
	}
	h6,
	.h6 {
		font-size: 0.8rem;
	}
}
@media (min-width: 992px) {
	body {
		font-size: 0.9rem;
	}
	h1,
	.h1 {
		font-size: 2.0rem;
	}
	h2,
	.h2 {
		font-size: 1.5rem;
	}
	h3,
	.h3 {
		font-size: 1.2rem;
	}
	h4,
	.h4 {
		font-size: 1.1rem;
	}
	h5,
	.h5 {
		font-size: 1rem;
	}
	h6,
	.h6 {
		font-size: 0.9rem;
	}
}
/* Typography General
 ========================================================================== */
ul,
ol,
dd,
dl,
figure,
fieldset,
form,
pre,
table {
	margin: 0 0 1rem;
}
object {
	margin-bottom: 1.5rem;
}
.forms .checkbox-list-vertical .checkbox:last-child {
	margin-bottom: 0;
}
i,
em,
cite {
	font-style: italic;
}
i i,
em em,
mark mark,
cite cite,
blockqoute i,
blockquote em,
blockquote cite {
	font-style: normal;
}
acronym {
	text-transform: uppercase;
}
del,
s,
strike {
	text-decoration: line-through;
}
strong,
b,
.label[bold],
.badge[bold],
.message a,
.alert a {
	font-weight: 700;
}
b b,
strong strong {
	font-weight: 400;
}
var,
tfoot th,
tfoot td,
.muted {
	color: rgba(0, 0, 0, 0.5);
}
.show-if-js,
.label:empty,
.badge:empty,
.hide {
	display: none;
}
hr.wp-block-separator {
	background-color: transparent;
	border: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	clear: both;
	display: block;
	height: 2px;
	margin: 1.7rem 0 1.6rem;
	overflow: hidden;
}
p:empty,
p:blank {
	line-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
sup {
	bottom: .3em;
	position: relative;
	vertical-align: baseline;
}
sub {
	position: relative;
	top: .3em;
	vertical-align: baseline;
}
.nowrap,
.nowrap td {
	white-space: nowrap;
}
.start {
	margin-top: 0 !important;
}
.last {
	margin-right: 0 !important;
}
.normal {
	font-weight: normal !important;
}
.light {
	font-weight: 300 !important;
}
.thin {
	font-weight: 100 !important;
}
.bold {
	font-weight: 700 !important;
}
.italic {
	font-style: italic !important;
}
.list-flat {
	list-style: none;
	margin-left: 0;
}
/* === <bdo> and direction === */
[dir="ltr"] {
	direction: ltr;
	unicode-bidi: embed;
}
bdo[dir="ltr"] {
	direction: ltr;
	unicode-bidi: bidi-override;
}
/* === Blockquotes, quotes, and cites === */
blockquote {
	border-top: 3px solid rgba(0, 0, 0, 1);
	font-weight: 600;
	line-height: 1.45;
	margin-left: 1.5rem;
	margin-top: 2rem;
	padding-left: 0;
	padding-top: 1.5rem;
	position: relative;
}
blockquote p {
	margin-left: -1.5rem;
}
blockquote::before {
	color: rgba(0, 0, 0, 1);
	content: "\f10d";
	font-family: "Font Awesome 5 Free";
	font-size: 1.25em;
	left: 0;
	line-height: 1;
	margin-left: -2rem;
	position: absolute;
	top: -.8rem;
	width: 30px;
}
blockquote cite {
	display: block;
	font-weight: 400;
	line-height: 20px;
	margin-top: 15px;
	width: 100%;
}
cite {
	opacity: 0.65;
	font-style: italic;
}
.en-us q {
	quotes: \201C \201D \2018 \2019;
}
blockquote.alignleft,
blockquote.alignright {
	width: 32%;
}
.pull-right,
.pull-left {
	color: #222;
	border-top: solid 4px #222;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.4;
	padding: 2% 0 0 0;
	position: relative;
}
.pull-left {
	float: left;
	margin-top: 1%;
	margin-bottom: 3%;
}
.pull-right {
	margin-top: 1%;
	margin-bottom: 3%;
}
@media (min-width: 768px) {
	.pull-left {
		float: left;
		margin: 1% 5% 3% 0;
		width: 34%;
	}
	.pull-right {
		float: right;
		margin: 1% 0 3% 5%;
		width: 34%;
	}
}
/* === Acronyms and abbreviations === */
abbr[title],
acronym[title],
time[title],
dfn[title] {
	cursor: help;
}
abbr[title] {
	border-bottom: 1px dotted #202020;
}
abbr,
acronym {
	border-bottom: 1px dotted #999;
}
/* === Code and Preformatted text === */
ins,
u {
	text-decoration: underline;
}
mark {
	background-color: #ffd61e;
	color: #202020;
	text-decoration: none;
}
pre,
code,
kbd,
samp,
var,
output {
	cursor: text;
	font-family: Consolas, Andale Mono, AndaleMono, Courier New, Courier;
	font-size: 83%;
	font-style: normal;
}
pre {
	background: rgba(0, 0, 0, 0.03);
	color: rgba(0, 0, 0, 0.9);
	overflow: auto;
	padding: 1.2rem 1.5rem;
	word-wrap: normal;
}
td pre {
	white-space: 0;
	word-wrap: break-word;
}
mark,
code,
samp,
kbd {
	border-radius: 2px;
	display: inline-block;
	line-height: 1;
	padding: .2rem .4rem;
}
code {
	background: rgba(0, 0, 0, 0.07);
	direction: ltr;
	text-align: left;
}
pre code {
	background: none;
	border: none;
	font-size: 100%;
	line-height: 24px;
	padding: 0;
}
samp {
	background: #46a9fc;
	color: rgba(255, 255, 255, 0.95);
}
kbd {
	background: #202020;
	color: rgba(255, 255, 255, 0.85);
	white-space: nowrap;
}
ins,
dfn {
	border-bottom: 1px solid #999;
	font-style: italic;
	text-decoration: none;
}
/* === <address> tag === */
address {
	font-style: normal;
	margin: 0 0 1rem;
}
/* === Lists === */
ul,
ol {
	margin-left: 0;
	padding-left: 1rem;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
	margin-left: 0;
}
ol ol li {
	list-style-type: lower-alpha;
}
ol ol ol li {
	list-style-type: lower-roman;
}
body dt {
	font-size: 1em;
	font-weight: bold;
	margin-left: 0;
}
dd {
	margin-left: .75em;
}
dd + dd {
	margin-top: .75rem;
}
dd + dt {
	margin-top: 1.5rem;
}
/* === fix tooltip stuff === */
.classtoolTipsCustomShortCode {
	border-bottom: 2px dotted #888;
}
.qtip-content {
	line-height: normal;
}
.qtip-content > br {
	display: none;
}
/* === WP Block File === */
.wp-block-file:not(.wp-element-button) {
	font-size: inherit;
}
/* ==========================================================================
 # Header
 ========================================================================== */
.container {
	padding-right: 20px;
	padding-left: 20px;
}
.expand {
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
}
.inflate {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0
}
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {
	.expand {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
}
@media (max-width: 991px) {
	.container {
		max-width: 100%;
		min-width: 100%;
		width: 100%;
	}
}
@media (min-width: 992px) {
	.container {
		min-width: 990px;
		width: 990px;
	}
}
@media (min-width: 1200px) {
	.container {
		min-width: 1200px;
		width: 1200px;
	}
}
.site-header {
	position: relative;
	z-index: 2000;
}
.site-header .head-bg {
	position: relative;
}
.head-bg .hero-banner {
	background-color: #000;
}
.head-bg .hero-banner img {
	opacity: 0.6;
}
.site-header .head-content {
	position: relative;
	top: 0;
	width: 100%;
}
.site-header .head-upper {
	color: #fff;
	font-family: "ff-meta-headline-web-pro", sans-serif;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	width: 100%;
	z-index: 10;
}
.head-upper .upper-nav {
	font-size: 0.75rem;
	text-align: right;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.head-upper .upper-nav .upper-nav-box:last-child {
	margin-right: 0;
}
.head-upper .upper-nav .upper-nav-box a {
	color: #fff;
}
.head-upper .upper-nav .upper-nav-box a:hover {
	color: #ffcc00;
	text-decoration: none;
}
.head-upper .lang-box,
.head-upper .logout-box,
.head-upper .login-box,
.head-upper .menu-box{
	position: relative;
}
.head-upper .lang-toggle .wpml-ls-legacy-list-horizontal {
	padding: 0;
}
.head-upper .lang-toggle .wpml-ls-legacy-list-horizontal a {
	padding: 0 0 8px;
}
.head-upper .lang-toggle .wpml-ls-legacy-list-horizontal .wpml-ls-item-ja a span {
    border-left: 1px solid #ccc;
    padding-left: 10px;
	margin-left: 10px;
}
.head-upper .lang-toggle .wpml-ls-current-language a {
	color: #ffcc00;
}
/* Temporarily disable the language toggle */
body:not(.pg-employee-manuals):not(.anc-employee-manuals) .lang-box {
	display: none;
}
.head-upper .logout-box .logout-link,
.head-upper .login-box .login-link {
	width: auto;
}
.head-upper .logout-box .logout-link .logout-link-label,
.head-upper .login-box .login-link .login-link-label {
	margin-right: 20px;
	margin-top: 5px;
}
.site-header .search-container {
	display: none;
	position: absolute;
	top: 40px;
	right: -15px;
	left: -15px;
	padding: 15px;
	background: #e6e6e6;
	z-index: 100;
}
.site-header .search-container form {
	margin: 0 auto;
	padding-right: 35px;
	position: relative;
	width: 75%;
}
.site-header .search-container #s {
	background: #fff;
	display: block;
	height: 30px;
	width: 100%;
	padding: 4px;
	margin: 0;
	font-size: 1em;
	border: 0 none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
}
.site-header .search-container #searchsubmit {
	border: 0 none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	font-size: 1.5em;
	height: 30px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	right: 0;
	top: 0;
	width: 35px;
}
.site-branding {
	padding: 25px 0;
}
/* Temporary adjustment for the language toggle */
.pg-employee-manuals .site-branding,
.anc-employee-manuals .site-branding {
	padding: 25px 0;
}
.site-branding .site-logo img {
	margin: 0 auto;
	width: 100%;
	min-width: 165px;
	max-width: 335px;
}
.site-branding .branding-text {
	text-align: center;
}
.site-branding .branding-text h2.header-title {
	color: #fff;
	font-weight: 600;
	margin: 15px 0 0;
	text-align: center;
	text-transform: uppercase;
}
.head-lower .head-text,
.head-lower .head-text h2 {
	color: #fff;
}
.head-lower .head-text h2 {
	color: #fff;
	margin-top: 95px;
}
.head-lower .head-text p {
	font-size: 15px;
}
@media (min-width: 576px) {
	.site-header .search-container {
		top: 60px;
	}
	.site-header .search-container form {
		width: 66%;
	}
	.site-branding .branding-text h2.header-title {
		margin: 0;
		text-align: right;
	}
}
@media (min-width: 768px) {
	.head-upper .lang-toggle {
		padding-bottom: 10px;
	}
	/* Temporary adjustment for the language toggle */
	.pg-employee-manuals .site-branding,
	.anc-employee-manuals .site-branding {
		padding: 30px 0;
	}
	.site-branding .site-logo {
		text-align: left;
	}
	.site-branding .site-logo img {
		margin: 0;
		max-width: 340px;
	}
	.site-branding .branding-text {
		text-align: right;
	}
	.site-branding .branding-text h2 {
		margin: 0;
	}
	.head-lower .head-text h2 {
		font-size: 35px;
		margin-top: 160px;
	}
	.head-lower .head-text p {
		font-size: 24px;
	}
}
@media (min-width: 992px) {
	.site-header .search-container form {
		width: 50%;
	}
	.site-header .search-container #searchsubmit {
		font-size: 1.2em;
	}
	.site-branding {}
	.head-upper .upper-nav {
		font-size: 1em;
	}
	.head-lower .head-text h2 {
		margin-top: 185px;
	}
}
@media (min-width: 1200px) {}
/* ==========================================================================
 # Site Footer
 ========================================================================== */
.footer {
	color: #fff;
	font-size: 15px;
	padding-top: 15px;
	padding-bottom: 30px;
}
.footer .ft-upper {}
.ft-upper .ft-logo {
	padding: 15px 30px 0 15px;
}
.footer-nav {
	display: -ms-flexbox;
	display: flex;
	padding: 15px 20px 5px 0;
}
.footer-navbar-nav {
	line-height: 1em;
	margin: 0 0 0 -10px;
	padding-left: 0;
}
.footer-navbar-nav .menu-item {
	border-right: 1px solid #ccc;
	display: inline-block;
	margin-bottom: 15px;
}
.footer-navbar-nav .menu-item:last-child {
	border-right: 0 none;
}
.footer-navbar-nav .menu-item .nav-link {
	color: #fff;
	padding: 0 10px;
}
.footer-navbar-nav .menu-item .nav-link:hover,
.single-post .footer-navbar-nav .menu-item-45 .nav-link,
.footer-navbar-nav .current-menu-item .nav-link,
.footer-navbar-nav .current-page-ancestor .nav-link {
	color: #ffcc00;
	text-decoration: none;
}
.footer-navbar-nav .current-page-ancestor.menu-item-21 .nav-link {
	color: inherit;
}
.footer .copyright {
	color: #ccc;
	padding-top: 7px;
}
@media (min-width: 576px) {
	.footer .copyright {
		padding-top: 25px;
	}
}
@media (min-width: 768px) {
	.footer {
		font-size: 17px;
	}
	.ft-upper .ft-logo {
		padding-top: 10px;
	}
	.footer-nav {
		padding-top: 25px;
	}
}
@media (min-width: 992px) {
	.footer {
		padding-top: 20px;
	}
}
@media (min-width: 1200px) {}
/* ==========================================================================
 # Menus
 ========================================================================== */
/* ====== Main Menu ====== */
.rda-mobile-nav {
	justify-content: flex-end;
	padding-top: 0;
	padding-bottom: 0;
	height: 35px;
}
.rda-mobile-nav .menu-link-label {
	position: absolute;
	padding-right: 39px;
}
.rda-mobile-nav .navbar-toggler {
	background: transparent;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: 0;
	height: 35px;
	padding: 0;
	position: relative;
	width: 40px;
	z-index: 100;
	right: -10px;
}
.rda-mobile-nav .navbar-toggler:focus {
	outline: none;
}
.rda-mobile-nav .navbar-toggler span {
	display: block;
	position: absolute;
	top: 17px;
	left: 25%;
	width: 50%;
	height: 2px;
	background: #fff;
}
.rda-mobile-nav .navbar-toggler span::before,
.rda-mobile-nav .navbar-toggler span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	content: " ";
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
}
.rda-mobile-nav .navbar-toggler span::before {
	top: -7px;
	transition-property: top, transform;
}
.rda-mobile-nav .navbar-toggler span::after {
	bottom: -7px;
	transition-property: bottom, transform;
}
.rda-mobile-nav .navbar-toggler:not(.collapsed) span {
	background: none;
}
.rda-mobile-nav .navbar-toggler[aria-expanded="true"] {
	position: fixed;
	z-index: 1000;
	top: 53px;
	right: 13px;
}
.rda-mobile-nav .navbar-toggler:not(.collapsed) span::before {
	top: 0;
	transform: rotate(45deg);
	transition-delay: 0s, 0.3s;
	background-color: #999;
}
.rda-mobile-nav .navbar-toggler:not(.collapsed) span::after {
	bottom: 0;
	transform: rotate(-45deg);
	transition-delay: 0s, 0.3s;
	background-color: #999;
}
.rda-mobile-nav .navbar-collapse {
	position: fixed;
	top: 0;
	right: 0;
	padding-top: 90px;
	height: 100%;
	width: 250px;
	background-color: #fff;
	text-align: left;
	font-weight: 600;
	box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
}
.rda-mobile-nav .navbar-collapse.collapsing {
	height: 100%;
	right: -75%;
	transition: height 0s ease;
}
.rda-mobile-nav .navbar-collapse.show {
	height: 100%;
	right: 0;
	transition: right 400ms ease-in-out;
}
.rda-mobile-nav .navbar-toggler.collapsed ~ .navbar-collapse {
	transition: right 400ms ease-in;
}
.rda-mobile-nav .navbar-nav {
	line-height: 18px;
	margin-left: 0;
	font-family: "ff-meta-headline-web-pro", sans-serif;
	color: #000;
}
.rda-mobile-nav .navbar-nav > .nav-item {
	border-bottom: 2px solid #eaebe6;
	padding: 12px 0;
	margin: 0 25px;
}
.rda-mobile-nav .navbar-nav > .nav-item:last-child {
	border-bottom: none;
}
.rda-mobile-nav .navbar-nav > .nav-item .nav-link {
	color: #000;
	padding: 9px 0;
	text-transform: uppercase;
}
.rda-mobile-nav .navbar-nav > .nav-item .nav-link:hover,
.single-post .rda-mobile-nav .navbar-nav > .menu-item-45 .nav-link,
.rda-mobile-nav .navbar-nav > .current-menu-item .nav-link,
.rda-mobile-nav .navbar-nav > .current-page-ancestor .nav-link {
	color: #4295d1;
}
.rda-mobile-nav .navbar-nav > .current-page-ancestor.menu-item-21 .nav-link {
	color: inherit;
}
@media (min-width: 768px) {
	.rda-mobile-nav {
		padding-top: 10px;
	}
	.rda-mobile-nav .menu-link-label {
		padding-top: 10px;
	}
}
@media screen and (min-width: 992px) {
	.rda-mobile-nav .menu-link-label {
		padding-right: 42px;
	}
}
/* ====== Sidebar nav menu ====== */
.sidebar {
	padding-left: 0;
	padding-right: 0;
}
.sidebar-nav .navbar {
	padding: 0;
	display: revert;
}
.sidebar-nav a,
.sidebar-nav a:visited {
	color: #000;
	font-weight: 700;
	text-decoration: none;
}
.sidebar-nav .current-menu-item a,
.sidebar-nav a:hover {
	color: #4295d1;
	text-decoration: none;
}
.sidebar-nav .navbar-nav > .nav-item a {
	padding: 1rem 0;
}
@media screen and (min-width: 768px) {
	.sidebar {
		padding-right: 15px;
	}
	.sidebar-nav .navbar-nav > .nav-item > a {
		border-bottom: 2px solid #eaebe7;
	}
	.sidebar-nav .navbar-nav > .nav-item:first-child > a {
		border-top: 2px solid #eaebe7;
	}
}
/* ==========================================================================
 # Page common **** Start building from here *****
 ========================================================================== */
#main_section {
	background: #fff;
	padding-bottom: 20px;
	padding-top: 20px;
}
.wp-block-columns {
	margin-bottom: 1.6rem;
}
.wp-block-columns:last-child {
	margin-bottom: 0;
}
.is-vertically-aligned-center {
	margin-bottom: 1.888rem;
}
@media screen and (min-width: 576px) {
	.wp-block-columns {
		margin-bottom: 2rem;
	}
	.is-vertically-aligned-center {
		margin-bottom: 2rem;
	}
}
@media screen and (max-width: 575px) {
	.wp-block-column:empty {
		display: none;
	}
}
@media screen and (min-width: 992px) {
	#main_section {
		padding-bottom: 30px;
		padding-top: 30px;
	}
}
.no-margin-top {
	margin-top: 0;
}
.no-margin-right {
	margin-right: 0;
}
.no-margin-bottom {
	margin-bottom: 0;
}
.no-margin-left {
	margin-left: 0;
}
.main-inner .entry-content .page-title {
	border-bottom: 2px solid #bfbfbf;
	margin-top: 0;
	padding-bottom: 0.2em;
	text-transform: uppercase;
}
.en-title {
	margin-top: 0;
}
/* Hero Banner Area
 ========================================================================== */
.hero-banner {
	overflow: hidden;
	position: relative;
}
.hero-banner img {
	min-width: 100%;
	max-height: 500px;
	min-height: 300px;
	-o-object-fit: cover;
	object-fit: cover;
	object-position: center center !important;
}
@media screen and (min-width: 768px) {
	.hero-banner img {
		min-height: 500px;
	}
}
@media screen and (min-width: 992px) {
	.hero-banner img {
		min-height: 550px;
	}
}
@media screen and (min-width: 1200px) {}
/* General posts list style for ALM
 ========================================================================== */
.posts-list .post-card {
	background: #fff;
	height: 100%;
}
.posts-list .post-card .pc-thumb img {
	width: 100%;
}
.posts-list .post-card .pc-text {
	font-size: 16px;
	padding: 10px;
}
.posts-list .post-card .pc-text .pc-meta {
	color: #666;
	font-size: 14px;
	margin: 0 0 2px;
}
.posts-list .post-card .pc-text .pc-category {
	color: #000;
	font-weight: 700;
	padding-left: 8px;
	text-transform: uppercase;
}
.posts-list .post-card .pc-text .pc-date + .pc-category,
.posts-list .post-card .pc-text .pc-category + .pc-category {
	border-left: 1px solid #666;
	margin-left: 6px;
}
.posts-list .post-card .pc-text h3 {
	color: #000;
	font-size: 18px;
	margin: 0 0 10px;
}
.posts-list .post-card .pc-text h3 a,
.posts-list .post-card .pc-text h3 a:hover,
.posts-list .post-card .pc-text h3 a:visited,
.posts-list .post-card .pc-text h3 a:focus {
	color: #000;
}
.posts-list .post-card .pc-text p {
	margin: 0;
}
@media screen and (min-width: 768px) {
	.posts-list .post-card .pc-text h3 {
		font-size: 20px;
	}
	.posts-list .post-card .pc-text {
		padding: 15px 20px 20px;
	}
}
@media screen and (min-width: 992px) {}
@media screen and (min-width: 768px) {}
@media screen and (min-width: 992px) {}
/* Fix ALM spinner path breaking with css loaded inline */
.alm-btn-wrap {
	display: block;
	text-align: center;
	position: relative;
}
.alm-btn-wrap:after {
	display: table;
	clear: both;
	height: 0;
	width: 100%;
	content: '';
}
.alm-btn-wrap .alm-load-more-btn {
	font-size: 1em;
	font-weight: 700;
	font-family: "ff-meta-web-pro", "kozuka-gothic-pr6n", Arial, sans-serif;
	width: auto;
	line-height: 1.1em;
	background: #ffcc00;
	border: none;
	border-radius: 6px;
	color: #000;
	margin-top: 25px;
	padding: 10px 70px;
	text-align: center;
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	text-decoration: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}
.alm-btn-wrap .alm-load-more-btn:hover {
	transform: scale(0.95);
	text-decoration: none;
}
@media screen and (min-width: 768px) {}
/* Posts and pages
 ========================================================================== */
.sticky {
	display: block;
}
.post,
.page {
	margin: 0 0 1.5em;
}
.post:last-child,
.page:last-child {
	margin-bottom: 0;
}
.updated:not(.published) {
	display: none;
}
.page-content {
	margin: 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.page-content .entry-content > h2:first-child,
.page-content .entry-content > h3:first-child {
	margin-top: 0;
}
/* ==========================================================================
 # Home
 ========================================================================== */
.pg-home .site-header .head-content {
	position: absolute;
}
.pg-home .head-upper .head-btm-border {
	border-bottom: solid 2px #999;
}
.pg-home main {
	background: #fff;
}
.rda-outline {
	padding-bottom: 10px;
	padding-top: 20px;
}
.employee-news-list {
	padding: 3px 0;
}
.employee-news-list .news-area {
	padding-top: 13px;
}
.employee-news-list > h2 {
	margin-bottom: 5px;
	padding-bottom: 0;
}
.employee-news-list .news-card {
	background: #fff;
	height: 100%;
}
.employee-news-list .news-card .nc-img {
	padding: 0;
}
.employee-news-list .news-card .nc-thumb img {
	width: 100%;
}
.employee-news-list .news-card .nc-text {
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 15px;
}
.employee-news-list .news-card .nc-text .nc-meta {
	color: #999;
	font-size: 15px;
	margin: 0 0 7px;
}
.employee-news-list .news-card .nc-text .nc-category {
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
}
.employee-news-list .news-card .nc-text h3 {
	color: #000;
	font-size: 18px;
	margin: 0 0 10px;
}
.employee-news-list .news-card .nc-text h3 a,
.employee-news-list .news-card .nc-text h3 a:hover,
.employee-news-list .news-card .nc-text h3 a:visited,
.employee-news-list .news-card .nc-text h3 a:focus {
	color: #000;
}
.employee-news-list .news-card .nc-text p {
	margin: 0;
}
@media screen and (min-width: 768px) {
	.employee-news-list > h2 {
		margin-bottom: 15px;
	}
	.employee-news-list .news-card .nc-text {
		padding: 15px 0 30px;
	}
	.employee-news-list .news-card .nc-text .nc-meta {
		margin: 0 0 15px;
	}
}
@media screen and (min-width: 992px) {
	.rda-outline {
		padding-top: 30px;
	}
	.employee-news-list {
		padding: 5px 0;
	}
	.employee-news-list .news-area {
		padding-top: 35px;
	}
	.employee-news-list > h2,
	.employee-news-list > p {
		display: inline-flex;
		vertical-align: middle;
		margin-bottom: 0;
	}
	.employee-news-list > h2 {
		margin-right: 30px;
	}
	.employee-news-list > p {
		padding-top: .3em;
		font-size: 1rem;
	}
	.employee-news-list .news-card .nc-text {
		font-size: 17px;
		line-height: 1.3;
	}
	.employee-news-list .news-card .nc-text h3 {
		font-size: 20px;
	}
}
@media screen and (min-width: 1200px) {}
/* ==========================================================================
 # Inner pages
 ========================================================================== */
/* === Post Header === */
.entry-title {
	margin-top: 0;
	margin-bottom: 0.55em;
}
.entry-title,
.page-title {
	margin-top: 0;
	margin-bottom: .9em;
	padding-bottom: 0.3em;
}
.entry-title a {
	color: inherit;
	text-decoration: none;
}
.entry-title a:hover {
	color: #333;
}
/* === Post Content === */
.entry-content {}
.inner-pages > h2 {
	margin-bottom: 5px;
	padding-bottom: 0;
}
@media (min-width: 768px) {
	.inner-pages > h2 {
		margin-bottom: 15px;
	}
	.entry-title,
	.page-title {
		margin-bottom: .6em;
		padding-bottom: 0.35em;
	}
}
@media screen and (min-width: 992px) {
	.inner-pages > h2,
	.inner-pages .subtitle {
		display: inline-flex;
		vertical-align: middle;
		margin-bottom: 0;
	}
	.inner-pages > h2 {
		margin-right: 30px;
	}
	.inner-pages .subtitle {
		padding-top: .3em;
		font-size: 1rem;
	}
	.entry-title,
	.page-title {
		margin-bottom: .5em;
		padding-bottom: 0.27em;
	}
}
/* Login
 ========================================================================== */
#login-page,
#login {
	background: #000;
	margin-top: 100px;
	padding: 0;
}
.interim-login #login {
	margin: 14px auto;
}
#login-page .page-content {
	text-align: center;
	color: #fff;
	background: #000;
}
#login-page h2 {
	color: #fff;
	font-weight: 600;
	margin-top: 1.4em;
}
#login h1 a {
	color: #fff;
	font-weight: 600;
	text-indent: inherit;
	overflow: visible;
	padding-top: 110px;
	margin-bottom: 0;
	height: auto;
}
#login-page a {
	color: #ffcc00;
}
#login .message,
#login .notice,
#login .success {
	border: none;
	background: #000;
	padding: 12px;
	margin-left: 0;
	margin-bottom: 20px;
	word-wrap: break-word;
	color: #fff;
}
#login .button.wp-hide-pw {
	height: auto;
	min-height: auto;
}
#login-page form,
#login form {
	margin: 0 auto;
	text-align: left;
	padding: 13px 0;
	overflow: hidden;
	width: 300px;
	max-width: 300px;
	background: #000;
	border: none;
	color: #fff;
}
#login form .forgetmenot {
	font-weight: 400;
	float: none;
	margin-bottom: 10px;
}
#login-page label {
	display: block;
}
#login-page input {
	border-radius: 5px;
}
#login-page input.input {
	width: 300px;
	max-width: 300px;
}
#login-page .login-submit {
	text-align: center;
}
#login-page input.button,
#login input.button {
	font-size: 1em;
	font-weight: 700;
	font-family: "ff-meta-web-pro", "kozuka-gothic-pr6n", Arial, sans-serif;
	width: auto;
	max-width: 300px;
	line-height: 1.1em;
	background: #ffcc00;
	border: none;
	border-radius: 6px;
	color: #000;
	margin: 0 auto 30px;
	padding: 10px 70px;
	text-align: center;
	display: block;
	position: relative;
	float: none;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	text-decoration: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}
#login-page .login-contact a {
	color: #ffcc00;
}
#login #backtoblog a,
#login #nav a {
	color: #fff;
}
@media (min-width: 768px) {
	#login-page .site-logo img {
		max-width: 336px;
	}
}
/* My Profile
 ========================================================================== */
.profile.container {
	padding-top: 15px;
	padding-bottom: 30px;
}
.prof-name {
	padding-left: 0;
}
#profile-nav {
	flex-direction: row;
	gap: 10px;
	text-transform: uppercase;
}
.page-template-tmp-profile .entry-content {
	padding-left: 0;
	padding-right: 0;
}
.page-template-tmp-profile .entry-content.inner-pages > h2,
.page-template-tmp-profile .entry-content.inner-pages > p {
	display: inherit;
	vertical-align: unset;
	margin-bottom: revert;
}
.page-template-tmp-profile .entry-content > h3:first-child {
	margin-top: 1.2em;
}
.prof-area {
	border-spacing: 0 12px;
}
.prof-group {
	display: table-row;
}
.pd-label,
.prof-details {
	display: table-cell;
}
.pd-label {
	font-weight: 700;
	padding-right: 15px;
}
.pg-forms-documents .entry-content h3 {
	margin-bottom: 1.3em;
}
.pg-forms-documents .entry-content .prof-wrap {
	border-bottom: solid 1px #f0f0f0;
	padding-bottom: 15px;
}
.pg-forms-documents .entry-content .prof-wrap h3 {
	padding-left: 45px;
	line-height: 40px;
}
.pg-forms-documents .entry-content .prof-wrap.forms h3:not(:empty) {
	background: url(images/form-icon.png) transparent left center no-repeat;
}
.pg-forms-documents .entry-content .prof-wrap.documents h3:not(:empty) {
	background: url(images/pdf-icon.png) transparent left center no-repeat;
}
.pg-forms-documents .entry-content .prof-wrap ul li:empty {
	display: none;
}
.pg-forms-documents .entry-content .prof-wrap ul,
.pg-forms-documents .entry-content .prof-wrap ul li:not(:empty) {
	margin-bottom: .5em;
}
@media screen and (min-width: 768px) {
	.profile .en-title {
		margin-bottom: 30px;
	}
	.prof-container {
		border-top: 2px solid #eaebe7;
	}
	#profile-nav {
		flex-direction: column;
		gap: revert;
	}
	.prof-content,
	.pg-forms-documents article {
		width: 66%;
		max-width: 66%;
	}
	.page-template-tmp-profile .entry-content {
		padding-left: 15px;
		margin-top: -4.5em;
	}
}
@media screen and (min-width: 992px) {
	.profile.container {
		padding-top: 5px;
	}
	.prof-content,
	.pg-forms-documents article {
		width: 75%;
		max-width: 75%;
	}
}
/* Employee Manuals & Videos list
 ========================================================================== */
/* === Entry page === */
.manuals-cat-area .mv-list {
	margin: 30px 0 0;
	border-top: solid 2px #f0f0f0;
	border-bottom: none;
}
.manuals-cat-area .mv-list:not(.multi-cats) {
	border-bottom: solid 2px #f0f0f0;
}
.manual-child-page {
	display: flex;
	align-items: center;
	padding: 30px 0;
}
.multi-cats .manual-child-page {
	border-bottom: solid 2px #f0f0f0;
}
.manual-child-page h3 {
	margin: 0;
}
.anc-employee-manuals .manual-child-page h3 {
	margin-bottom: 0;
}
.manual-child-page a {
	color: #000;
}
.manual-thumb {
	margin-right: 30px;
}
.anc-employee-manuals .manual-thumb {
	margin-right: 20px;
}
.manual-thumb img {
	width: 100px;
	height: auto;
	max-height: 110px;
}
.anc-employee-manuals .manual-thumb img {
	width: 60px;
	height: auto;
	max-height: 70px;
}
.manual-intro {
	flex: 1;
}
@media screen and (min-width: 768px) {
	.multi-cats .manual-child-page:nth-of-type(odd) {
		border-right: solid 2px #f0f0f0;
		padding-right: 30px;
	}
	.multi-cats .manual-child-page:nth-of-type(even) {
		padding-left: 30px;
	}
}
/* === Keyword search === */
.search-none .manuals-cat-area .mv-list {
	border-bottom: solid 2px #f0f0f0;
}
.search-none .no-results,
p.no-results {
	margin: 1em 0;
}
.search-done .manual-child-page.col-md-6 {
max-width: 100%;
flex: 0 0 100%;
padding: 30px 0 30px 0;
}
@media screen and (min-width: 768px) {
	.search-done .manual-child-page:nth-of-type(odd) {
		border-right: none;
	}
}
/* === Inner pages === */
.employee-manuals-list {
	padding: 15px 0;
}
.employee-manuals-list .manuals-filter {
	margin: 30px 0 0;
}
.manuals-filter .manuals-keyword {
	border-radius: 5px;
	border-color: #e6e6e6;
}
.manuals-filter .manuals-keyword {
	text-align: left;
	padding: 0;
}
.manuals-filter label {
	display: none;
}
.manuals-filter #manuals-search {
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	margin-right: 5px;
	padding: 5px;
	width: calc(100% - 25px);
}
.mv-list .manuals-card {
	padding: 1.7em 0;
	margin: 0;
	border-top: solid 1px #f0f0f0;
}
.manuals-card .mc-text {
	padding-left: 0;
}
.mc-text .mc-meta {
	color: #999;
	font-size: 14px;
	margin: 0;
}
.mc-text .mc-title {
	margin: .5em 0;
}
.mc-text .mc-jp-title {
	margin: 1em 0 .5em;
}
.manuals-card .mc-link {
	padding-top: 1.7em;
	padding-right: 0;
	font-weight: 700;
}
.manuals-card .mc-link a {
	color: #4295d1;
}
.manuals-area .alm-btn-wrap {
	border-top: solid 2px #f0f0f0;
}
.page-template-tmp-manuals-videos #main_section {
background: #f0f0f0;
}
@media screen and (min-width: 768px) {
	.manuals-filter label {
		display: revert;
		margin: 0 20px 0 0;
		font-size: 1rem;
	}
	.manuals-filter #manuals-search::placeholder {
		opacity: 0;
	}
	.manuals-filter #manuals-search {
		width: 235px;
	}
}
@media screen and (min-width: 992px) {
	.employee-manuals-list {
		padding: 5px 0;
	}
	.employee-manuals-list > h2,
	.employee-manuals-list > p {
		display: inline-flex;
		vertical-align: middle;
		margin-bottom: 0;
	}
	.employee-manuals-list > h2 {
		margin-right: 30px;
	}
	.employee-manuals-list > p {
		padding-top: .3em;
	}
	.manuals-filter #manuals-search {
		width: 250px;
	}
	.employee-manuals-list .manuals-area {
		padding-top: 30px;
	}
}
/* Employee News list
 ========================================================================== */
.main-inner.employee-news-list {
	padding-top: 15px;
	padding-bottom: 30px;
}
.employee-news-list .news-filter {
	margin: 0;
	border-bottom: solid 2px #f0f0f0;
}
.news-filter #news-category,
.news-filter .news-keyword {
	margin-bottom: 20px;
	border-radius: 5px;
	border-color: #e6e6e6;
}
.news-filter #news-category {
	padding: 3px;
}
.news-filter .news-keyword {
	text-align: left;
	padding: 0;
}
.news-filter label {
	display: none;
}
.news-filter #news-search {
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	margin-right: 5px;
	padding: 5px;
	width: calc(100% - 25px);
}
.news-area .en-list {
	margin-top: 20px;
}
.en-list .col-md-6 {
	display: flex;
	justify-content: center;
}
.en-list .news-card {
	width: 100%;
}
@media (min-width: 768px) {
	.news-filter .news-keyword {
		margin-bottom: 30px;
		text-align: right;
	}
	.news-filter label {
		display: revert;
		margin: 0 20px 0 0;
		font-size: 1rem;
	}
	.news-filter #news-search::placeholder {
		opacity: 0;
	}
	.news-filter #news-search {
		width: 235px;
	}
	.news-area .en-list {
		margin-top: 30px;
	}
}
@media screen and (min-width: 992px) {
	.main-inner.employee-news-list {
		padding-top: 5px;
	}
	.news-filter #news-search {
		width: 250px;
	}
	.employee-news-list .news-area {
		padding-top: 30px;
	}
}
/* Employee News + Employee Manuals & Videos single post
 ========================================================================== */
.employee-news-content .entry-content {
	margin-bottom: 17px;
}
.employee-news-content .wp-block-post-date {
	color: #999;
	font-size: 14px;
	margin: 5px 0;
}
.employee-news-content h2.post-title,
.employee-news-content h2.wp-block-heading {
	margin: 0.5em 0 0.6em;
}
.mv-list {
	border-bottom: solid 2px #f0f0f0;
}

/* === Employee Manuals single post styles === */
/* Breadcrumb */
.employee-news-content .breadcrumb {
    padding: 0;
    margin-bottom: 8px;
    background-color: unset;
    border-radius: unset;
    font-weight: 600;
}
.employee-news-content .breadcrumb a {
	margin: 0 5px 5px;
}
.employee-news-content .breadcrumb a:first-child {
	margin: 4px 5px 0 0;
}
.employee-news-content .breadcrumb a[href="https://portal.ramendanbo.com/"],
.employee-news-content .breadcrumb a[href="https://portal.ramendanbo.com/ja/"] {
	display: inline-block;
	width: 1em;
	height: 1em;
	background-color: #4295d1;
	-webkit-mask-image: url(fonts/fontawesome/svgs/solid/home.svg);
	mask-image: url(fonts/fontawesome/svgs/solid/home.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	text-indent: -9999px;
	overflow: hidden;
}
/* Tabs */
.manual-tabs {
	margin-top: 0;
}
.manual-tabs .wp-block-ub-tabbed-content-tabs-content {
	border: none !important;
	padding: 0;
}
.manual-tabs .wp-block-ub-tabbed-content-tab-holder {
	position: sticky;
	top: 0;
	z-index: 999;
	background: #f0f0f0;
	width: calc(100% + 40px);
	margin-left: -20px !important;
	margin-right: -20px !important;
}
.manual-tabs .wp-block-ub-tabbed-content-tab-title-wrap {
	border: none !important;
	margin: 0 2px 2px 0;
	padding: 5px 10px 7px;
	background: #333;
}
.manual-tabs .wp-block-ub-tabbed-content-tab-title-wrap.active {
	background: #666;
	margin-bottom: 0;
}
.manual-tabs .wp-block-ub-tabbed-content-tabs-title {
overflow-x: scroll;
border-bottom: 4px solid #666 !important;
}
.manual-tabs .wp-block-ub-tabbed-content-tab-title {
font-size: 18px;
font-weight: 600;
color: #fff;
}
.manual-tabs .ub_table-of-contents {
border: none;
}
.reg-manual ul.ub_styled_list[id^=ub-styled-list-] li,
.reg-manual ul.ub_styled_list[id^=ub_styled_list-] li {
margin-left: 0;
}
@media (min-width: 781px) {
	.employee-news-content .breadcrumb a:first-child {
		margin: 5px 5px 0 0;
	}
	.manual-tabs .wp-block-ub-tabbed-content-tabs-content {
		padding: 1em 0;
	}
	.manual-tabs .wp-block-ub-tabbed-content-tab-holder {
		width: 100%;
		margin: 0 !important;
	}
}
/* Columns */
.manual-columns {
    gap: 0;
}
@media (min-width: 781px) {
	.manual-columns {
		margin-top: 0;
		gap: 2em;
	}
}
/* Sidebar */
.wp-block-ub-tabbed-content-tab-content-wrap .manual-columns .wp-block-senff-sticky-block {
    top: var(--tab-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 998 !important;
}
.manual-sidebar {
	background: #666; 
	color: #fff;
	padding: 1em;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	margin-left: -20px !important;
	margin-right: -20px !important;
	position: sticky;
	top: 0;
    z-index: 998;
    width: auto;
}
.manual-sidebar h3 {
	color: #fff;
	margin-top: 0;
}
.manual-sidebar-list {
	margin-bottom: .5em;
}
.manual-sidebar-list li {
	margin-bottom: .7em;
	font-weight: 600;
}
.manual-sidebar-list li ul,
.manual-sidebar-list li ol {
	margin-top: .7em;
 }
.manual-sidebar-list .red-link,
.manual-sidebar-list .red-link a,
.manual-sidebar-list li.clicked .red-link,
.manual-sidebar-list li.clicked .red-link a {
	color: #FF6666;
}
.manual-sidebar-list a {
	display: block;/* ブロック要素化して折り返しを制御 */
	white-space: normal; /* 折り返しを許可 */
	color: #fff;
	text-decoration: none;
}
.manual-sidebar-list a:hover {
	text-decoration: underline;
}
.manual-sidebar-list a.mPS2id-highlight,
.manual-sidebar-list > li:has(> a.mPS2id-highlight)::marker,
.manual-sidebar-list ul li:has(> a.mPS2id-highlight)::marker,
.manual-sidebar-list ol li:has(> a.mPS2id-highlight)::marker{
	color: #ffcc00;
}
/* Toggle button */
.toc-toggle {
	position: absolute;
	width: 1em;
	height: 1em;
	background: none;
	border: none;
	cursor: pointer;
	z-index: 1000;
	right: 2em;
	top: 1.4em;
	padding: 0;
}
.toc-icon {
	position: relative;
	display: block;
	width: 100%;
	height: 2px;
	background: #ffcc00;
	transition: background 0.3s ease;
}
.toc-icon::before,
.toc-icon::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #ffcc00;
	transition: transform 0.5s ease;
}
.toc-icon::before {
	top: -5px;
}
.toc-icon::after {
	top: 5px;
}
.manual-sidebar.open .toc-icon {
	background: transparent;
}
.manual-sidebar.open .toc-icon::before {
	transform: rotate(45deg) translate(2px, 2px);
}
.manual-sidebar.open .toc-icon::after {
	transform: rotate(-45deg) translate(5px, -5px);
}
.manual-sidebar-list {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease;
}
.manual-sidebar.open .manual-sidebar-list {
	max-height: 1000px; /* just needs to be large enough */
	overflow: visible;
}
@media (min-width: 781px) {
	.manual-sidebar {
		box-sizing: border-box;
		overflow-y: auto;
		border-radius: 10px;
		height: fit-content;
		margin: 0 !important;
	}
	.toc-toggle {
		display: none;
	}
	.manual-sidebar-list {
		max-height: none;
		overflow: visible;
	}
}
/* Main area - common */
.reg-manual {
	padding-top: 1em;
}
.reg-manual h5 {
	font-size: 1rem;
}
.reg-manual .wp-block-group {
	clear: both;
}
.white-panel {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 2em;
}
/* Main area - regular manual */
.reg-manual h2,
.reg-manual h3 {
	border-bottom: 2px solid #ccc;
	padding-bottom: 0.3em;
	clear: both;
}
.reg-manual h2.wp-block-heading:first-of-type,
.reg-manual h3.first,
.reg-manual h4.first {
	margin-top: 0;
}
.reg-manual h2.wp-block-heading {
	margin-top: 1em;
}
.reg-manual h3 {
	border-left: 4px solid #aaa;
	padding-left: 0.6em;
}
.reg-manual h4::before {
	content: '♦';
	color: #000;
	margin-right: .3em;
	flex-shrink: 0;
}
.reg-manual h4 {
    display: flex;
    align-items: flex-start;
}
.reg-manual img {
	max-width: 100%;
	height: auto;
	display: block;
}
.reg-manual img.radius {
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	margin-bottom: 1em;
}
.reg-manual ol li img {
	display: block;
	width: 100%;
	max-width: 480px;
	height: auto;
	border-radius: 6px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	margin: 0 auto 1em;
}
.reg-manual p img {
	display: unset;
}
.reg-manual .wp-block-image {
	margin-bottom: .5em;
}
.reg-manual .wp-block-columns {
	gap: 0;
	margin-bottom: 1em;
	word-break: inherit;
}
.reg-manual .wp-block-ub-styled-list {
	padding-left: 0 !important;	
}
.reg-manual .wp-block-tableberg-wrapper {
	overflow: scroll;
}
.reg-manual tbody {
	word-break: keep-all;
}
.reg-manual .wp-block-column .wp-block-image {
	padding-top: .7em;
}
.reg-manual .info-card {
	padding: 1em; 
}
.reg-manual .custom-ramen-wrap {
	background: #333;
	padding: 1em;
	border-radius: 10px;
}
.reg-manual .custom-ramen-wrap table {
	margin: 0 auto;
}
.reg-manual .custom-cat {
	height: 2.5em;
	vertical-align: top;
}
.reg-manual .custom-cat td {
	display: block;
}
.reg-manual .custom-cat td.custom-title {
	vertical-align: top;
	padding: 4px 20px 5px 0;
	color: #fff;
}
.reg-manual .custom-cat td,
.reg-manual .custom-cat li {
	font-weight: 600;
}
.reg-manual .custom-cat ul {
	background: #fff;
	border-radius: 5px;
	list-style: none;
	padding: 3px 0 5px;
	margin: 0;
	font-size: 14px;
	text-align: center;
}
.reg-manual .custom-cat li {
	color: #333;
	border-right: solid 1px #c1c1c1;
	line-height: 1;
	padding: 0 8px 0 5px;
	display: inline-block;
}
.reg-manual .custom-cat li:last-of-type {
	border-right: none;
}
.reg-manual .custom-cat .brown {
	color: #9a6633;
}
.reg-manual .custom-note {
	display: block;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	font-weight: 400;
	margin-top: 5px;
	color: #fff;
}
.reg-manual .uniform-list.last {
	margin-bottom: .5em;
}
.reg-manual .uniform-list .items {
	margin: 0 10px 10px 0;
	padding: 0;
}
.reg-manual .uniform-list .item {
	position: relative;
	padding: 8px;
	font-size: 14px;
	border: 1px solid #ccc;
	text-align: center;
	overflow: visible;
	background: #fff;
}
.reg-manual .uniform-list:first-of-type .item {
	margin-bottom: 0;
}
.reg-manual .item .count {
	position: absolute;
	top: -8px;
	right: -8px;
	background: #e44;
	color: #fff;
	padding: 0 6px 3px;
	font-size: 13px;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	z-index: 99;
}
.reg-manual .item img {
	width: 80px;
	object-fit: contain;
	margin-bottom: 6px;
	display: block;
}
.reg-manual .visual-block {
	align-self: center;
	text-align: center;
	margin-bottom: 2em;
}
.reg-manual .visual-block .alignleft {
    max-width: none;
}
.reg-manual .visual-block img {
	max-width: 300px;
	height: auto;
	display: block;
	margin: 0 auto;
}
.reg-manual .info-box {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	margin-bottom: 1em;
}
.reg-manual .info-header {
	background-color: #aaa;
	padding: 8px 12px;
	margin: 0;
}
.reg-manual .info-header h4 {
	margin: 0;
}
.reg-manual .info-text {
	margin: 0;
	padding: 14px 12px 20px;
}
.reg-manual .info-text ul:last-child,
.reg-manual .info-text ol:last-child {
	margin: 0;
}
.reg-manual .example-section {
	gap: 1em;
}
.reg-manual .mark {
	position: absolute;
	background: transparent;
}
/* テキストステップボックス */
.reg-manual .text-steps .wp-block-cover {
	min-height: fit-content;
	padding: 10px 15px 12px;
	color: #fff;
    border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
.reg-manual .text-step-label {
	flex-shrink: 0;
	white-space: nowrap;
	font-weight: 600;
}
.reg-manual .note-yellow {
	color: #ffcc00;
	margin-left: 4px;
}
@media screen and (min-width: 768px) {
	.reg-manual .rule-section > .wp-block-group-is-layout-constrained {
		display: flex;
		flex-direction: row;
		gap: 1em;
		flex-wrap: wrap;
		clear: none;
	}
	.reg-manual .rule-box {
		display: flex;
		flex-direction: column;
		gap: 32px;
		max-width: 100%;
	}
	.reg-manual .visual-block {
		margin-bottom: 0;
	}
	.reg-manual .visual-block img {
		margin: unset;
	}
	.reg-manual .info-list {
		display: flex;
		flex-direction: column;
		gap: 16px;
		flex: 1;
		clear: none;
	}
	.reg-manual .example-section {
		justify-content: flex-end;
	}
}
@media screen and (min-width: 781px) {
	.reg-manual {
		padding-top: 0;
	}
	.reg-manual ol li img {
		max-width: unset;
	}
	.reg-manual .wp-block-columns {
		gap: 2em;
		margin: 1em 0;
	}
	.reg-manual .wp-block-column .wp-block-image {
		padding-top: 0;
	}
	.reg-manual .custom-ramen-wrap {
		width: 100%;
	}
	.reg-manual .custom-cat ul {
		font-size: inherit;
		padding: 3px 25px 5px;
	}
	.reg-manual .custom-cat td {
		display: table-cell;
	}
	.reg-manual .custom-cat td.custom-title {
		text-align: right;
	}
	.reg-manual .custom-note {
		margin: 5px 0 8px;
	}
	.reg-manual .custom-cat:last-child .custom-note {
		margin-bottom: 0;
	}
}
/* Main area - steps */
.step-card {
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.step-card .wp-block-image {
	margin-bottom: 1em;
}
.step-card h4:first-child {
	margin-top: 0;
}
.step-label {
	background: #666;
	color: #fff;
	padding: 7px 0 8px;
	margin: 0;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 1;
}
.step-label.red-label {
	background: #FF3333;
}
.mPS2id-target.active-step .step-label,
.step-card.active-step .step-label {
	color: #ffcc00;
}
.step-label .number {
	display: block;
	font-size: 25px;
	line-height: 1;
}
.step-content {
	padding: 20px;
}
.step-text {
	flex: 1;
	font-size: 16px;
	line-height: 1.8;
	color: #333;
}
.step-text h2,
.step-text h3 {
	margin-top: 0;
	border-bottom: none;
	padding-bottom: 0;
}
.step-text h3 {
	border-left: none;
	padding-left: 0;
}
.step-text ul.note {
	margin-left: 1.2em;
	padding-left: 1.2em;
	list-style: disc;
	font-size: 15px;
	color: #333;
}
.step-text ul.note li {
	margin-bottom: 0.5em;
}
/* Toggled content styling */
.toggle-content {
	margin-bottom: .8em;
}
.toggle-content.first {
	margin-bottom: 1em;
	padding: 1em;
}
.toggle-content.canada {
    background-color: #D6E9E9;
    border-left: solid 5px #6B9494;
}
.toggle-content.us-wa {
    background-color: #E3E3FD;
    border-left: solid 5px #6C6FAD;
}
.toggle-content.us-ny {
    background-color: #FFB8A9;
    border-left: solid 5px #A25342;
}
.toggle-content summary {
	font-weight: 700;
	padding-left: 1em;
    text-indent: -1em;
}
.toggle-content.first summary {
	font-size: 1rem;
	margin-bottom: 0;
}
.toggle-content.second summary {
	font-size: .9rem;
	margin-bottom: .5em;
}
@media (min-width: 781px) {
	.toggle-content.second {
		padding-left: 1.4em;
	}
}
/* Email styling */
.email-template {
	font-family: Arial, sans-serif;
	line-height: 1.6;
	color: #333;
	max-width: 600px;
}
.email-template ul {
	padding-left: 1.5em;
}
.email-template a {
	color: #0066cc;
	text-decoration: underline;
}
.email-box {
	max-width: 640px;
	margin: 30px 0;
	border: 1px solid #ccc;
	background-color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #333;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.email-header {
	background-color: #f5f5f5;
	padding: 16px 20px;
	border: 1px solid #ddd;
}
.email-header .email-header-row {
	margin-bottom: 6px;
}
.email-header .label,
.email-header .value {
	display: inline-block;
}
.email-header .label {
	width: 70px;
	font-weight: bold;
	color: #555;
}
.email-header .value {
	color: #222;
}
.email-body {
	padding: 20px;
	line-height: 1.7;
}
.email-body a {
	color: #0073e6;
	text-decoration: underline;
}
.email-body ul {
	padding-left: 20px;
	margin: 1em 0;
}
.email-body .signature {
	margin-top: 2em;
}
@media (min-width: 781px) {
	.step-card > .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained,
	.sub-step-card {
		display: flex;
	}
	.step-label {
		writing-mode: vertical-rl;
		padding: 20px 8px;
	}
	.step-label .number {
		line-height: 1.2;
		font-size: 28px;
	}
	.step-content {
		display: block;
		padding: 20px;
		align-items: flex-start;
		flex: 1;
	}
	.toggle-first summary {
		font-size: 1.2rem;
	}
}

/* Tools - Name Tags
 ========================================================================== */
.pg-name-tags {
	margin: 0;
	padding: 0;
}
/* 全バッジを内包するコンテナ */
.pg-name-tags #badges-container {
}
/* 1つのバッジ */
.pg-name-tags .badge {
	margin-bottom: 20px;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	text-align: inherit;
	white-space: inherit;
	vertical-align: inherit;
	border-radius: inherit;
	transition: none;
}
.pg-name-tags .badge h4 {
	margin-top: 0;
}
/* プレビュー部（左側） */
.pg-name-tags .preview-part {
	margin-right: 40px;
}
.pg-name-tags .table-container {
	display: flex;
	gap: 0; /* テーブル間の余白をなくす */
	font-family: Arial, sans-serif !important;
}
.pg-name-tags table {
	border-collapse: collapse;
	width: auto;
}
.pg-name-tags td {
	border: 1px solid #000;
	text-align: center;
	color: #000;
	vertical-align: middle;
	padding: 0;
}
.pg-name-tags .logo {
	width: 28mm !important;
	height: 25mm !important;
	background-color: #ffffff;
	border-right: none;
}
/* プレビュー用テーブル内のセル設定 */
.pg-name-tags .preview-name1 {
	width: 55mm !important;
	height: 16mm !important;
	background-color: #ffffff;
	font-size: 26pt !important;
	font-weight: bold;
	overflow: hidden;
	word-wrap: break-word;
	text-align: center;
	border-left: none;
	border-bottom: none;
}
/* 1枚目のテーブルはPosition1、2枚目はPosition2 */
.pg-name-tags .preview-position1,
.pg-name-tags .preview-position2 {
	width: 55mm !important;
	height: 5mm !important;
	background-color: #ffffff;
	font-size: 16pt !important;
	border-top: none;
	border-left: none;
}
.pg-name-tags .preview-name2 {
	width: 85mm !important;
	height: 11mm !important;
	background-color: #ffffff;
	font-size: 18pt !important;
	overflow: hidden;
	word-wrap: break-word;
	text-align: center;
}
/* 入力部（右側） */
.pg-name-tags .enter-info-part {
	/* コンテナ自体の余白は不要 */
}
.pg-name-tags .input-row {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.pg-name-tags .input-row label {
	display: inline-block;
	width: 80px;
	margin-right: 10px;
	margin-bottom: 0;
}
.pg-name-tags input[type="text"],
.pg-name-tags select {
	box-sizing: border-box;
}
.pg-name-tags button {
	font-size: 1em;
	font-weight: 700;
	font-family: "ff-meta-web-pro", "kozuka-gothic-pr6n", Arial, sans-serif;
	width: auto;
	line-height: 1.1em;
	background: #ffcc00;
	border: none;
	border-radius: 6px;
	color: #000;
	padding: 10px 30px;
	margin-right: 10px;
	text-align: center;
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	text-decoration: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}
.pg-name-tags button:hover {
	transform: scale(0.95);
	text-decoration: none;
}
@media screen and (min-width: 768px) {
	.pg-name-tags .badge {
	display: flex;
	}
}
@media print {
	@page {
		size: auto;
	}
	body.pg-name-tags {
		margin: 0 !important;
		padding: 0 !important;
		zoom: 100%;
		overflow: visible;
	}
	.pg-name-tags * {
		visibility: hidden; /* すべて非表示 */
	}
	.pg-name-tags .badge {
		display: inherit;
		padding: 0;
		font-size: inherit;
		font-weight: inherit;
		text-align: inherit;
		white-space: inherit;
		vertical-align: inherit;
		border-radius: inherit;
		transition: none;
	}
	.pg-name-tags #badges-container {
		position: absolute;
		top: 0;
		left: 0;
	}
	.pg-name-tags .table-container,
	.pg-name-tags .table-container * {
		visibility: visible; /* バッジコンテナ内は表示 */
	}
	.pg-name-tags .table-container {
		display: flex;
		gap: 0; /* テーブル間の余白をなくす */
		font-family: Arial, sans-serif !important;
	}
	.pg-name-tags table {
		border-collapse: collapse;
		table-layout: fixed !important;
		width: auto !important;
	}
	.pg-name-tags td {
		border: 1px solid #000;
		text-align: center;
		color: #000;
		vertical-align: middle;
		padding: 0;
	}
	.pg-name-tags .logo {
		width: 28mm !important;
		height: 25mm !important;
		background-color: #ffffff;
		border-right: none;
	}
	/* プレビュー用テーブル内のセル設定 */
	.pg-name-tags .preview-name1 {
		width: 55mm !important;
		height: 16mm !important;
		background-color: #ffffff;
		font-size: 26pt !important;
		font-weight: bold;
		overflow: hidden;
		word-wrap: break-word;
		text-align: center;
		border-left: none;
		border-bottom: none;
	}
	/* 1枚目のテーブルはPosition1、2枚目はPosition2 */
	.pg-name-tags .preview-position1,
	.pg-name-tags .preview-position2 {
		width: 55mm !important;
		height: 5mm !important;
		background-color: #ffffff;
		font-size: 16pt !important;
		border-top: none;
		border-left: none;
	}
	.pg-name-tags .preview-name2 {
		width: 85mm !important;
		height: 11mm !important;
		background-color: #ffffff;
		font-size: 18pt !important;
		overflow: hidden;
		word-wrap: break-word;
		text-align: center;
	}
}

/* Internal Job Postings
 ========================================================================== */
.news-filter .jp-keyword {
    text-align: left;
}
.jp-list {
	gap: 1em;
}
.jp-list .news-card {
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    padding: 15px;
}
.jp-list .nc-img img {
    border-radius: 4px;
}
.jp-list .news-card .nc-text {
    padding-bottom: 0;
}
.jp-list .news-card .nc-text h3:last-child {
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
	.jp-list {
		gap: 0;
	}
	.jp-card-frame {
		margin-top: 30px;
	}
	.jp-card-frame:nth-of-type(1),
	.jp-card-frame:nth-of-type(2) {
		margin-top: 0;
	}
	.jp-list .nc-img {
		max-width: 320px;
	}
}
@media screen and (min-width: 1200px) {
	.jp-list .news-card {
	    display: flex;
	    gap: 15px;
	}
	.jp-list .news-card .nc-text {
        padding-top: 0;
    }
}

/* Contact Us
 ========================================================================== */
.pg-contact-management .entry-content {
	padding-top: 15px;
	padding-bottom: 30px;
}
.pg-contact-management .wpcf7-form {
	margin-top: 30px;
	margin-bottom: 0;
}
.pg-contact-management .contact-form-container {
	display: table;
	width: 100%;
}
.pg-contact-management .contact-form-head {
	display: table-header-group;
}
.pg-contact-management .contact-form-head h3,
.pg-contact-management .contact-form-head p.note {
	margin-top: 0;
}
.pg-contact-management .contact-form-head h3 {
	margin-right: 25px;
}
.pg-contact-management .contact-form-head p.note {
	color: #cc0000;
	margin-bottom: .7em;
}
.pg-contact-management .contact-form-group {
	margin-bottom: 20px;
}
.pg-contact-management .contact-form-group input,
.pg-contact-management .contact-form-group textarea {
	width: 100%;
}
@media (min-width: 768px) {
	.pg-contact-management .contact-form-container {
		border-spacing: 0 25px;
	}
	.pg-contact-management .contact-form-head h3,
	.pg-contact-management .contact-form-head p.note {
		display: table-cell;
	}
	.pg-contact-management .contact-form-head h3 {
		padding-right: 20px;
	}
	.pg-contact-management .contact-form-group {
		display: table-row;
	}
	.pg-contact-management .contact-label,
	.pg-contact-management .contact-details {
		display: table-cell;
	}
	.pg-contact-management .contact-label {
		width: 110px;
	}
	.pg-contact-management .contact-label.message {
		vertical-align: top;
	}
	.pg-contact-management .contact-form-group input {
		width: 50%;
	}
	.pg-contact-management .contact-form-group textarea {
		width: 75%;
	}
	.pg-contact-management .contact-submit {
		margin-left: 110px;
	}
}
@media (min-width: 992px) {
	.pg-contact-management .entry-content {
		padding-top: 5px;
	}
}
/* ==========================================================================
 # Archives
 ========================================================================== */
.authorbox.alt-borders {
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	color: #333;
	font-size: 15px;
}
@media (min-width: 992px) {
	.sidebar-archive .sidebar-newsletter-signup {
		margin-top: 0;
	}
}
/* ==========================================================================
 # Contact Form 7
 ========================================================================== */
.wpcf7 form .wpcf7-response-output {
	margin: 1em 0;
	padding: 0.5em 1em;
}
.wpcf7 .wpcf7-form p {}
.wpcf7 form .wpcf7-form-control {}
.wpcf7 form .wpcf7-form-control.wpcf7-text,
.wpcf7 form .wpcf7-form-control.wpcf7-email,
.wpcf7 form .wpcf7-form-control.wpcf7-textarea {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0.2em;
	border: 1px solid #e6e6e6;
}
.wpcf7 form .wpcf7-form-control.wpcf7-text::placeholder,
.wpcf7 form .wpcf7-form-control.wpcf7-email::placeholder,
.wpcf7 form .wpcf7-form-control.wpcf7-textarea::placeholder {
	color: #333;
	opacity: 1;
}
.wpcf7 form .wpcf7-form-control.wpcf7-submit {
	background: #ffcc00;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: none;
	color: #000;
	font-weight: 700;
	padding: 0.4em 85px;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.wpcf7 form .wpcf7-form-control.wpcf7-submit:hover {
	transform: scale(0.95);
	text-decoration: none;
}
.wpcf7 form .ajax-loader {
	vertical-align: middle;
}
@media only screen and (max-width: 614px) {
	textarea {
		width: 100%;
	}
}
/* ==========================================================================
 # Alignement (WP classes)
 ========================================================================== */
.aligncenter,
.alignright,
.alignleft {
	display: block;
	margin: 0 auto 1.5rem;
	text-align: center;
}
p .aligncenter,
p .alignright,
p .alignleft {
	margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
	.alignleft {
		float: left;
		margin-right: 1.5rem;
	}
	.alignright {
		float: right;
		margin-left: 1.5rem;
	}
}
.alignnone {
	float: none;
}
.clear {
	clear: both;
}
.separator {
	clear: both;
	width: 100%;
}
/* ==========================================================================
 # Images
 ========================================================================== */
.wp-block-image {
	margin-bottom: 0;
}
.wp-block-image.w-100 img {
	width: 100%;
}
img {
	height: auto;
	max-width: 100%;
}
img.alignleft,
img.alignright {
	display: inline;
}
img.wp-smiley,
img.emoji {
	background: transparent;
	border: none;
	box-shadow: none;
	display: inline;
	margin: 0 .07em;
	max-height: 1em;
	padding: 0;
	width: 1em;
}
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-group.alignright {
	display: block;
	max-width: 45%;
}
.wp-block-group.alignright {
	float: right;
	margin: .5em 0 .5em 1em;
}
@media only screen and (max-width: 480px) {
	figure.alignleft,
	img.alignleft,
	figure.alignright,
	img.alignright,
	.wp-block-group.alignright,
	.wp-block-image figure.alignleft,
	.wp-block-image img.alignleft,
	.wp-block-image figure.alignright,
	.wp-block-image img.alignright {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		width: auto;
	}
}
@media screen and (min-width: 576px) {
	.wp-block-image.w-sm-100 img {
		width: 100%;
	}
}
@media screen and (min-width: 768px) {
	.w-md-100 {
		width: 100%;
	}
	.w-md-50 {
		width: 50%;
	}
	.wp-block-image.w-md-100 img {
		width: 100%;
	}
}
@media screen and (min-width: 992px) {
	.wp-block-image figure.alignleft,
	.wp-block-image img.alignleft {
		margin: 3em 3em 3em 0;
	}
	.wp-block-image figure.alignright,
	.wp-block-image img.alignright {
		margin: 3em 0 3em 3em;
	}
	.wp-block-image figure.alignleft:first-of-type,
	.wp-block-image img.alignleft:first-of-type,
	.wp-block-image figure.alignright:first-of-type,
	.wp-block-image img.alignright:first-of-type {
		margin-top: .5em;
	}
}
/* === Captions === */
.wp-caption {
	max-width: 100%;
	position: relative;
	margin-bottom: 1.5em;
}
figcaption,
.figcaption,
.wp-caption-text {
	color: #6d7377;
	font-size: 0.7rem;
	line-height: 1.35;
	margin: .4rem 0;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
figcaption span,
.wp-caption-text span {
	clear: both;
	display: block;
	font-size: 90%;
	line-height: 1.8;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* === figure with caption floated over image === */
.wp-block-image.float-caption {
	position: relative;
}
.wp-block-image.float-caption figcaption {
	position: absolute;
	top: calc(50% - 1em);
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	text-align: center;
	max-width: 100%;
}
.wp-block-image.float-caption::before {
	content: " ";
	background: rgba(40, 82, 63, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	max-width: 100%;
}
/* === Accordion === */
.wp-block-ub-content-toggle-accordion {
	border: 2px solid #000 !important;
}
.wp-block-ub-content-toggle-accordion-title-wrap {
	background: transparent !important;
}
.wp-block-ub-content-toggle-accordion-title-wrap:hover {
	background: #000 !important;
}
.wp-block-ub-content-toggle-accordion-title-wrap {
	-webkit-transition: color .2s ease, background-color .2s ease;
	-moz-transition: color .2s ease, background-color .2s ease;
	-o-transition: color .2s ease, background-color .2s ease;
	transition: color .2s ease, background-color .2s
}
.wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-title,
.wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator {
	color: #000 !important;
}
.wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-title:hover {
	color: #fff !important;
}
.wp-block-ub-content-toggle-accordion-content-wrap {
	border-top: 2px solid #000;
}
.wp-block-ub-content-toggle-accordion-title-wrap span {
	display: none !important;
}
/* === Gallery === */
.wp-block-gallery {
	display: block;
	margin-right: -1em;
}
.wp-block-gallery::before {
	clear: both;
	content: " ";
	display: block;
	height: 20px;
}
.blocks-gallery-grid {
	width: 100%;
}
.wp-block-gallery.columns-1 .blocks-gallery-item,
.wp-block-gallery.columns-2 .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-item,
.wp-block-gallery.columns-4 .blocks-gallery-item,
.wp-block-gallery.columns-5 .blocks-gallery-item,
.wp-block-gallery.columns-6 .blocks-gallery-item,
.wp-block-gallery.columns-7 .blocks-gallery-item,
.wp-block-gallery.columns-8 .blocks-gallery-item,
.wp-block-gallery.columns-9 .blocks-gallery-item,
.wp-block-gallery.columns-10 .blocks-gallery-item {
	width: calc(50% - 1em);
	margin-right: 1em !important;
}
.blocks-gallery-grid .blocks-gallery-item {
	flex-grow: 0;
}
.blocks-gallery-grid .blocks-gallery-item figure {
	height: 0;
	padding-top: 100%;
}
.blocks-gallery-grid .blocks-gallery-item figure img {
	position: absolute;
	left: 0;
	top: 0;
}
.wp-block-gallery.mosaic .blocks-gallery-grid .blocks-gallery-item figure {
	padding-top: 66.6%;
}
@media screen and (min-width: 768px) {
	.wp-block-gallery.columns-1 .blocks-gallery-item,
	.wp-block-gallery.columns-2 .blocks-gallery-item,
	.wp-block-gallery.columns-3 .blocks-gallery-item,
	.wp-block-gallery.columns-4 .blocks-gallery-item,
	.wp-block-gallery.columns-5 .blocks-gallery-item,
	.wp-block-gallery.columns-6 .blocks-gallery-item,
	.wp-block-gallery.columns-7 .blocks-gallery-item,
	.wp-block-gallery.columns-8 .blocks-gallery-item,
	.wp-block-gallery.columns-9 .blocks-gallery-item,
	.wp-block-gallery.columns-10 .blocks-gallery-item {
		width: calc(33.3% - 1em);
	}
	.wp-block-gallery.columns-1.mosaic .blocks-gallery-item,
	.wp-block-gallery.columns-2.mosaic .blocks-gallery-item,
	.wp-block-gallery.columns-3.mosaic .blocks-gallery-item,
	.wp-block-gallery.columns-4.mosaic .blocks-gallery-item,
	.wp-block-gallery.columns-5.mosaic .blocks-gallery-item,
	.wp-block-gallery.columns-6.mosaic .blocks-gallery-item,
	.wp-block-gallery.columns-7.mosaic .blocks-gallery-item,
	.wp-block-gallery.columns-8.mosaic .blocks-gallery-item,
	.wp-block-gallery.columns-9.mosaic .blocks-gallery-item,
	.wp-block-gallery.columns-10.mosaic .blocks-gallery-item {
		width: calc(33.3% - 1em);
	}
	.wp-block-gallery.columns-1.mosaic .blocks-gallery-item:nth-of-type(5n+1),
	.wp-block-gallery.columns-1.mosaic .blocks-gallery-item:nth-of-type(5n+2),
	.wp-block-gallery.columns-2.mosaic .blocks-gallery-item:nth-of-type(5n+1),
	.wp-block-gallery.columns-2.mosaic .blocks-gallery-item:nth-of-type(5n+2),
	.wp-block-gallery.columns-3.mosaic .blocks-gallery-item:nth-of-type(5n+1),
	.wp-block-gallery.columns-3.mosaic .blocks-gallery-item:nth-of-type(5n+2),
	.wp-block-gallery.columns-4.mosaic .blocks-gallery-item:nth-of-type(5n+1),
	.wp-block-gallery.columns-4.mosaic .blocks-gallery-item:nth-of-type(5n+2),
	.wp-block-gallery.columns-5.mosaic .blocks-gallery-item:nth-of-type(5n+1),
	.wp-block-gallery.columns-5.mosaic .blocks-gallery-item:nth-of-type(5n+2),
	.wp-block-gallery.columns-6.mosaic .blocks-gallery-item:nth-of-type(5n+1),
	.wp-block-gallery.columns-6.mosaic .blocks-gallery-item:nth-of-type(5n+2),
	.wp-block-gallery.columns-7.mosaic .blocks-gallery-item:nth-of-type(5n+1),
	.wp-block-gallery.columns-7.mosaic .blocks-gallery-item:nth-of-type(5n+2),
	.wp-block-gallery.columns-8.mosaic .blocks-gallery-item:nth-of-type(5n+1),
	.wp-block-gallery.columns-8.mosaic .blocks-gallery-item:nth-of-type(5n+2),
	.wp-block-gallery.columns-9.mosaic .blocks-gallery-item:nth-of-type(5n+1),
	.wp-block-gallery.columns-9.mosaic .blocks-gallery-item:nth-of-type(5n+2),
	.wp-block-gallery.columns-10.mosaic .blocks-gallery-item:nth-of-type(5n+1),
	.wp-block-gallery.columns-10.mosaic .blocks-gallery-item:nth-of-type(5n+2) {
		width: calc(50% - 1em);
	}
}
@media screen and (min-width: 992px) {
	.wp-block-gallery.columns-1 .blocks-gallery-item,
	.wp-block-gallery.columns-2 .blocks-gallery-item,
	.wp-block-gallery.columns-3 .blocks-gallery-item,
	.wp-block-gallery.columns-4 .blocks-gallery-item,
	.wp-block-gallery.columns-5 .blocks-gallery-item,
	.wp-block-gallery.columns-6 .blocks-gallery-item,
	.wp-block-gallery.columns-7 .blocks-gallery-item,
	.wp-block-gallery.columns-8 .blocks-gallery-item,
	.wp-block-gallery.columns-9 .blocks-gallery-item,
	.wp-block-gallery.columns-10 .blocks-gallery-item {
		width: calc(20% - 1em);
	}
}
/* YouTube embedded videos
 ========================================================================== */
@media screen and (min-width: 992px) {
	.wp-block-embed.alignleft,
	.wp-block-embed.alignright,
	.wp-block[data-align=left] > [data-type="core/embed"],
	.wp-block[data-align=right] > [data-type="core/embed"] {
		max-width: none;
		width: auto;
	}
	.wp-block-embed.alignleft,
	.wp-block[data-align=left] > [data-type="core/embed"] {
		margin: 3em 3em 3em 0;
	}
	.wp-block-embed.alignright,
	.wp-block[data-align=right] > [data-type="core/embed"] {
		margin: 3em 0 3em 3em;
	}
	.wp-block-embed.alignleft:first-of-type,
	.wp-block-embed.alignright:first-of-type {
		margin-top: 0;
	}
}
/* Typography Buttons
 ========================================================================== */
a.wp-block-file__button {
	background: #ffcc00;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: none;
	color: #000;
	font-weight: 700;
	padding: 0.4em 1.5em;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
a.wp-block-file__button:hover {
	transform: scale(0.95);
	color: #000;
	text-decoration: none;
}
.btn {
	font-size: 1em;
	font-weight: 400;
	line-height: 1.1em;
}
.btn-primary {
	background: #4295d1;
	border: 2px solid #4295d1;
	border-radius: 5px;
	box-shadow: none;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.btn-primary:visited {
	color: #fff;
}
.btn-primary:active,
.btn-primary:focus {
	background: #4295d1;
	border: 2px solid #959595;
	box-shadow: none;
	color: #fff;
}
.btn-primary:hover {
	background: #4295d1;
	border: 2px solid #959595;
	box-shadow: none;
	color: #fff;
}
.btn-secondary {
	background: none;
	border: 2px solid #fff;
	border-radius: 0;
	color: #fff;
	font-weight: 700;
	line-height: 1.1em;
	margin-top: 13px;
	padding: 5px 10px;
	text-align: left;
	text-transform: uppercase;
}
.btn-secondary:visited {
	color: #fff;
}
.btn-secondary:hover {
	border: 2px solid #fff;
	background: #fff;
	color: #222;
}
.ub-button-container {
	border: 2px solid #000;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 992px) {
	.btn-primary,
	.btn-secondary {
		font-size: 16px;
		margin-top: 25px;
	}
}
/* Media
 ========================================================================== */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
	line-height: 1;
}
/* ==========================================================================
 # Accessibility
 ========================================================================== */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}
/* ==========================================================================
	# Clearings
 ========================================================================== */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.header-content:before,
.header-content:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.footer-content:before,
.footer-content:after,
.footer-content .site-info:before,
.footer-content .site-info:after,
.footer-sitemap:before,
.footer-sitemap:after,
.row-layout:before,
.row-layout:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.header-content:after,
.site-content:after,
.site-footer:after,
.footer-content:after,
.footer-content .site-info:after,
.footer-sitemap:after,
.row-layout:after {
	clear: both;
}
/* ==========================================================================
	# Privacy Policy
 ========================================================================== */
/* ==========================================================================
	# 404 Error
 ========================================================================== */
/* ==========================================================================
	# Comments
 ========================================================================== */
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
/* ==========================================================================
	# Infinite scroll
 ========================================================================== */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}