@font-face {
	font-family: 'Inkfont';
	src: url('/theme/fonts/inkfont300-regular_0.woff') format('woff');
	font-display: swap;
}

html,
body {
	margin: 0;
	min-width: 320px;
}

body {
	font-family: 'Inkfont', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #444;
	background: #fff;
}

a {
	color: #249a95;
}

img {
	max-width: 100%;
	height: auto;
}

main {
	margin: 0;
	padding: 0;
	width: auto;
	max-width: none;
}

#menu .ddsmoothmenu {
	padding-left: 0;
}

.header_container.not_home {
	display: none;
}

.page-content .post_content img,
.page-content .content-bar img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 767px) {
	.container_24 {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		padding-right: 12px;
		padding-left: 12px;
	}

	.grid_24,
	.grid_17,
	.grid_16,
	.grid_8,
	.grid_7,
	.grid_6 {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		box-sizing: border-box;
	}

	.header_container {
		position: static;
		padding: 17px 0;
		background: #fff;
	}

	.header .logo img {
		width: min(100%, 620px);
		max-height: none;
	}

	.slider-wrapper {
		padding-bottom: 8px;
	}

	.flex-caption-wrapper {
		width: 100%;
		height: auto;
		min-height: 118px;
		margin-top: -35%;
		box-sizing: border-box;
		background-color: rgba(45, 177, 170, .94);
	}

	.flex-caption {
		padding: 12px 16px;
	}

	.flex-caption h1,
	.flex-caption h1 a {
		font-size: 19px;
		line-height: 1.3;
	}

	.flex-caption p {
		font-size: 14px;
	}

	.flex-caption a.slider-readmore {
		font-size: 14px;
	}

	.home-content {
		padding: 0 8px;
	}

	.feature-content .feature-content-inner {
		width: 100%;
		margin: 0 0 24px;
		box-sizing: border-box;
	}

	.feature-content .feature-content-inner .image-box {
		width: 100%;
		height: auto;
	}

	.feature-content .feature-content-inner img,
	.feature-content .feature-content-inner #image img {
		max-width: 100%;
		height: auto;
	}

	.feature-content .grid_8 {
		margin-bottom: 18px;
	}

	.page_heading_content h1 {
		font-size: 26px;
	}

	.page-content .content-bar,
	.page-content .content-bar.single_post,
	.page-content .sidebar {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		box-sizing: border-box;
	}

	.page-content .sidebar {
		margin-top: 24px;
	}

	.page-content .content-bar img {
		max-width: 100%;
	}

	.page-content .content-bar .post_content {
		max-width: 100%;
		overflow-wrap: anywhere;
	}

	.page-content .content-bar .post_content iframe {
		max-width: 100%;
	}

	#menu {
		display: none;
	}

	#menu.open {
		display: block;
	}

	#menu .ddsmoothmenu li {
		display: block;
		float: none;
	}

	#menu .ddsmoothmenu li a {
		display: block;
		padding: 4px 12px;
		line-height: 1.8;
	}

	.footer_container .grid_6.footer_sec {
		width: 100%;
		margin: 0 0 18px;
	}

	.bottom_footer_content {
		height: auto;
		padding-bottom: 16px;
	}
}
/* Restore the single active legacy slider and mobile navigation after removing its jQuery plugins. */
.flexslider .slides > li { display: block !important; }
.mobile_nav { display: none; }
@media only screen and (max-width: 480px) {
	.mobile_nav { display: inline-block; width: auto; min-width: 160px; text-align: left; }
	#menu { display: none; }
	#menu.open { display: block; }
	#menu .ddsmoothmenu { display: block; }
	#menu .ddsmoothmenu li { display: block; float: none !important; }
	#menu .ddsmoothmenu li a { display: block; padding: 6px 12px; line-height: 1.8; }
	.header .logo { margin: 0 auto; text-align: center; }
	.header_container { position: static !important; display: block !important; }
	.flex-caption-wrapper { display: none; }
	.feature-content .feature-content-inner { width: 100%; margin: 0 0 24px; box-sizing: border-box; }
	.feature-content .feature-content-inner .image-box { width: 100%; height: auto; }
	.feature-content .feature-content-inner img, .feature-content .feature-content-inner #image img { max-width: 100%; height: auto; }
	.page-content .content-bar, .page-content .content-bar.single_post, .page-content .sidebar { width: 100%; margin-right: 0; margin-left: 0; box-sizing: border-box; }
	.page-content .sidebar { margin-top: 24px; }
	.container_24 .grid_6.footer_sec { width: 100%; }
}
@media (min-width: 481px) {
	.mobile_nav { display: none !important; }
	#menu { display: block !important; }
}