/**
 * Katenju contact strip (.info-section): solid forest green, logo_icon, light type.
 * Load on any page that includes the pre-footer info-section block.
 */

.info-section {
	background-image: none !important;
	background-color: #0f3d28;
	background-attachment: scroll;
}

.info-section:before {
	background: linear-gradient(
		118deg,
		#062014 0%,
		#0c3a24 45%,
		#124e30 100%
	) !important;
}

.info-section .logo-column .logo img {
	max-width: min(72px, 22vw);
	max-height: 72px;
	width: auto;
	height: auto;
	object-fit: contain;
	object-position: left center;
	display: block;
}

/* Shared logo sizing for header/sticky/mobile in pages that use this strip CSS */
.main-header .header-upper .logo-box .logo img,
.main-header .header-upper .logo-box img {
	max-width: min(180px, 34vw);
	max-height: 60px;
	width: auto;
	height: auto;
	object-fit: contain;
	object-position: left center;
	display: block;
}

.sticky-header .logo img {
	max-height: 48px;
	max-width: min(160px, 40vw);
	object-fit: contain;
	object-position: left center;
	display: block;
}

.mobile-menu .nav-logo img {
	max-width: min(200px, 70vw);
	max-height: 60px;
	width: auto;
	height: auto;
	object-fit: contain;
	object-position: left center;
	display: block;
}

.xs-sidebar-group .sidebar-info-contents .content-inner .logo img {
	max-width: 180px;
	max-height: 60px;
	width: auto;
	height: auto;
	object-fit: contain;
	object-position: left center;
	display: block;
}

.info-section .info-column .icon-box {
	color: #ecfdf5 !important;
}

.info-section .info-column ul li {
	color: rgba(255, 255, 255, 0.95) !important;
}

.info-section .info-column ul li strong {
	color: #ffffff !important;
}

.info-section .info-column ul li a {
	color: rgba(255, 255, 255, 0.98) !important;
	text-decoration: underline;
	text-decoration-color: rgba(167, 243, 208, 0.5);
	text-underline-offset: 3px;
}

.info-section .info-column ul li a:hover {
	color: #d1fae5 !important;
	text-decoration-color: #d1fae5;
}