/* Lightweight styles for /main/content.php. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: #f3f3f3;
	color: #000;
	font: 400 16px/1.5 'Trirong', sans-serif;
}
body.menu-open { overflow: hidden; }
[hidden] { display: none !important; }
a { display: block; color: #005baa; text-decoration: none; outline: 0; }
a:hover, a:focus { color: #dc4a29; text-decoration: none; }
img { max-width: 100%; border: 0; }
iframe { width: 100%; border: 0; }
h1, h2, h3, h4 {
	margin: 0 0 15px;
	color: #2c2d30;
	font-family: 'Prompt', sans-serif;
	font-weight: 500;
	line-height: 1.2;
}
p { margin: 0 0 20px; color: #000; font-size: 14px; }
ul { margin: 0; padding: 0; list-style: none; }
button, input { font: inherit; }
.clearfix::after, .row::after, .nav-holder::after, ul::after {
	display: table;
	clear: both;
	content: '';
}
.container {
	width: 1170px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}
.row { margin-right: -15px; margin-left: -15px; }
[class*='col-'] { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-md-12 { width: 100%; }
.col-md-8 { float: left; width: 66.66666667%; }
.col-md-4 { float: left; width: 33.33333333%; }
.text-center { text-align: center; }
.pull-right { float: right; }
.m-0 { margin: 0 !important; }
.p-0 { padding: 0 !important; }
.p-30 { padding: 30px; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.white-bg { background: #fff; }
.light-shadow { box-shadow: 0 0 2px rgba(0, 0, 0, .18); }

/* Header and desktop navigation */
.header { background: #fff; }
.logo-holder { float: left; padding: 20px 0; }
.inner-logo,
.inner-logo-2 { display: block; background-repeat: no-repeat; background-size: 100%; }
.inner-logo { width: 160px; height: 36px; background-image: url('../img/logo-11.png'); }
.inner-logo-2 { float: left; width: 155px; height: 36px; background-image: url('../img/s-logo-11.png'); }
.cr-navigation { position: relative; float: right; }
.cr-nav { position: relative; float: left; }
.cr-nav > ul > li { display: inline-block; }
.cr-nav > ul > li > a {
	position: relative;
	padding: 28px 10px;
	color: #333;
	font-size: 16px;
	text-transform: capitalize;
}
.cr-nav > ul > li > a:hover { color: #dc4a29; }
.cr-nav > ul > li > ul {
	position: absolute;
	top: 100%;
	z-index: 1000;
	width: 203px;
	margin: 0;
	padding: 0;
	visibility: hidden;
	opacity: 0;
	background: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, .19);
}
.cr-nav > ul > li:hover > ul,
.cr-nav > ul > li:focus-within > ul { visibility: visible; opacity: 1; }
.cr-nav > ul > li > ul li { position: relative; border-bottom: 1px solid #e1e1e1; }
.cr-nav > ul > li > ul li:last-child { border-bottom: 0; }
.cr-nav > ul > li > ul li a {
	width: 100%;
	padding: 10px 15px;
	border-left: 4px solid #dc4a29;
	color: #333;
	font-size: 14px;
	transition: padding .15s ease, border .15s ease;
}
.cr-nav > ul > li > ul li a:hover,
.cr-nav > ul > li > ul li a:focus { padding-left: 20px; border-left-width: 15px; }
.cr-add-nav { display: none; }
.cr-add-nav li { display: inline-block; }
.cr-add-nav li a { padding: 25px 15px; color: #333; }
.cr-add-nav li:last-child a { padding-right: 0; }
.ads-placed { min-height: 1px; overflow: hidden; }

/* Main article */
.theme-content { padding: 30px 0; }
.post-widget { margin-bottom: 20px; }
.post-thumb { position: relative; overflow: hidden; }
.post-thumb img { display: block; width: 100% !important; height: auto; }
.post-info > h1 { margin-bottom: 5px; font-size: 24px; text-transform: initial; }
.post-meta { margin: 0; line-height: 1.8; }
.post-meta li { display: inline-block; margin-right: 12px; font-size: 14px; line-height: 1.8; }
.post-meta li i { margin-right: 5px; }
.post_meta_holder { display: table; width: 100%; margin: 0 0 10px; }
.post_meta_holder .row { display: table-row; }
.post_meta_holder .row > div { display: table-cell; float: none; vertical-align: middle; }
.post_meta_holder .row > div:first-child { padding-left: 0; }
.post_meta_holder .row > div:last-child { padding-right: 0; }
.margin { margin: 10px 0; }
.add-banner { width: 100%; overflow: hidden; padding: 0 0 40px; }

#article {
	padding: 25px 10px;
	overflow-wrap: anywhere;
	word-break: normal;
}
#article p, #article li { color: #000; font-size: 18px; line-height: 1.5; }
#article p { margin-bottom: 1em; }
#article ul, #article ol { margin: 10px 10px 10px 2em; padding: 15px; }
#article ul { list-style: disc outside; }
#article ol { list-style: decimal outside; }
#article h1, #article h2, #article h3 { margin: 1em 0; }
#article h1 { font-size: 138.5%; }
#article h2 { font-size: 123.1%; }
#article h3 { font-size: 108%; }
#article img, #article video, #article object { max-width: 100% !important; height: auto !important; }
#article table { display: block; width: 100% !important; max-width: 100%; margin-bottom: 1em; overflow-x: auto; border-collapse: collapse; }
#article th, #article td { padding: .5em; border: 1px solid #000; }
#article pre { max-width: 100%; overflow-x: auto; }
#article blockquote { margin: 30px 0; padding: 30px; background: #f9f9f9; color: #111; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }
.embed-responsive-16by9 { padding-bottom: 56.25%; }
.embed-responsive .embed-responsive-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.gallery-thumbs > div { margin-bottom: 15px; }
.gallery-thumbs .post-thumb img { height: 91px; object-fit: cover; }

.blog-tags ul li { position: relative; float: left; margin: 0 0 5px 5px; text-transform: capitalize; }
.blog-tags ul li:first-child { margin-left: 0; }
.blog-tags ul li a { padding: 5px 10px; background: #f2f2f2; font-size: 12px; }
.blog-tags ul li a::before { padding-right: 5px; content: '\f02b'; font-family: FontAwesome; }
.primary-heading { padding: 0 0 20px; overflow: hidden; }
.primary-heading h2 { position: relative; float: left; margin: 0; padding-left: 30px; font-size: 20px; text-transform: capitalize; }
.primary-heading h2::before,
.secondry-heading::before {
	position: absolute;
	left: 0;
	top: 2px;
	width: 20px;
	height: 17px;
	background: #dc4a29;
	content: '';
}

/* Sidebar */
.side-bar .widget { position: relative; margin: 0 0 30px; background: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, .18); }
.side-bar .widget:last-child { margin-bottom: 0; }
.secondry-heading {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 12px 12px 12px 30px;
	border-top: 2px solid #dc4a29;
	background: #f6f6f6;
	font-size: 18px;
	text-transform: capitalize;
}
.secondry-heading::before { top: 15px; width: 15px; height: 13px; }
.post-wrap-list > li { margin: 0 0 15px; }
.post-wrap-list > li:last-child { margin-bottom: 0; }
.post-wrap-list .small-post { display: table; width: 100%; }
.post-wrap-list .small-post .post-thumb { display: table-cell; float: none; width: 30%; padding: 0 20px 0 0; vertical-align: middle; }
.post-wrap-list .small-post .post-content { display: table-cell; width: 70%; padding: 0; vertical-align: middle; }
.post-wrap-list .post-content h4 { margin: 0; font-size: 14px; line-height: 1.5; }
.post-wrap-list .post-meta li { margin: 0; font-size: 12px; }
.post-wrap-list .post-thumb img { aspect-ratio: 4 / 3; object-fit: cover; }
.horizontal-tabs-widget .theme-tab-navs { display: flex; margin: 0 0 15px; }
.horizontal-tabs-widget .theme-tab-navs li { flex: 1 1 33.333%; }
.horizontal-tabs-widget .theme-tab-navs.style-2 li { flex-basis: 50%; }
.horizontal-tabs-widget .theme-tab-navs li a { height: 100%; padding: 10px; background: #fbfbfb; color: #2c2d30; text-align: center; font-weight: 500; }
.horizontal-tabs-widget .theme-tab-navs li.active a { background: #2f62e6; color: #fff; }
.horizontal-tab-content { padding-bottom: 15px; }
.horizontal-tab-content .tab-pane { display: none; }
.horizontal-tab-content .tab-pane.active { display: block; }
.horizontal-tab-content .tab-pane > ul > li { padding: 0 15px; }
.btn { display: inline-block; padding: 6px 12px; border: 1px solid transparent; border-radius: 0; text-align: center; cursor: pointer; }
.btn-md { padding: 8px 12px; }
.btn-success { border-color: #4cae4c; background: #5cb85c; color: #fff; }
.btn.red { border-color: #dc4a29; background: #dc4a29; color: #fff; }
.pool-widget { padding: 15px; }
.pool-widget p { margin: 0 0 10px; color: #2c2d30; font-weight: 500; }
.pool-widget .radio { margin: 0 0 7px; }
.pool-widget label { display: block; color: #2c2d30; font-weight: 400; }
.pool-widget input { width: auto; height: auto; margin-right: 5px; }
.pool-widget .group { margin: 15px 0 0; text-align: center; }
.pool-widget .group .btn { margin-right: 10px; padding: 8px 15px; }
.pool-widget .group .btn:last-child { margin-right: 0; }

/* Footer */
.footer { border-top: 5px solid #dc4a29; background: #2c2d30; }
.sub-footer { background: #35383b; }
.sub-footer .copyright-bar { padding: 10px 0; overflow: hidden; }
.sub-footer p { float: left; margin: 0; color: #787878; }
.sub-footer ul { float: right; }

/* Mobile slide menu */
.wrap { position: relative; transition: transform .25s ease; }
.res-menu {
	position: fixed;
	top: 0;
	bottom: 0;
	left: -260px;
	z-index: 10000;
	width: 260px;
	overflow: auto;
	background: #2c2d30;
	transition: left .25s ease;
}
.res-menu.is-open { left: 0; }
.res-menu a { color: #fff; }
.res-menu-holder .logo-holder { float: none; padding: 50px 0; }
.res-menu-holder .inner-logo { margin: 0 auto; }
.res-nav { margin: 0 0 20px; }
.res-nav li a { padding: 10px 20px; text-transform: capitalize; }
.res-nav li a:hover, .res-nav li a:focus { background: #2f62e6; color: #fff; }
.sub-list { padding-left: 30px; }
.collapse { display: none; }
.collapse.in { display: block; }
.social-style-2 { margin: 0 0 20px; text-align: center; }
.social-style-2 li { display: inline-block; margin: 0 5px 0 0; }
.social-style-2 li a { width: 40px; height: 40px; color: #fff; font-size: 16px; line-height: 40px; text-align: center; }
li.fb a { background: #3b5998; }
li.tw a { background: #55acee; }
li.pi a { background: #cb2027; }
li.li a { background: #007bb5; }
li.sky a { background: #12a5f4; }
.menu-overlay { position: fixed; inset: 0; z-index: 9999; background: rgba(0, 0, 0, .55); }

/* Minimal accessible image viewer */
.litebox { position: fixed; inset: 0; z-index: 11000; display: flex; align-items: center; justify-content: center; padding: 40px; background: rgba(0, 0, 0, .9); }
.litebox img { max-width: 100%; max-height: 100%; object-fit: contain; }
.litebox-close { position: absolute; top: 8px; right: 18px; padding: 0; border: 0; background: transparent; color: #fff; font-size: 42px; line-height: 1; cursor: pointer; }

@media (max-width: 1199px) {
	.container { width: 100%; }
	.cr-nav > ul > li > a { padding-right: 5px; padding-left: 5px; }
	.pool-widget .group .btn { font-size: 12px; }
}

@media (max-width: 991px) {
	.cr-nav { display: none; }
	.cr-add-nav { display: block; }
	.cr-add-nav li a { padding: 23px 15px; }
	.post-info > h1 { font-size: 20px; }
	.side-bar .post-meta li { font-size: 11px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.col-sm-8 { float: left; width: 66.66666667%; }
	.col-sm-4 { float: left; width: 33.33333333%; }
	.gallery-thumbs .col-sm-4 { float: left; width: 33.33333333%; }
}

@media (max-width: 767px) {
	.container { padding-right: 15px; padding-left: 15px; }
	.theme-content .container { padding-right: 0; padding-left: 0; }
	.theme-content > .container > .row { margin-right: 0; margin-left: 0; }
	.col-md-8, .col-md-4, .col-sm-8, .col-sm-4 { float: none; width: 100%; }
	.col-xs-6 { float: left; width: 50%; }
	.content { margin: 0 0 30px; }
	.header { padding: 0 0 10px; }
	.logo-holder { padding: 5px 0 0; }
	.inner-logo-2 { width: 100px; height: 23px; }
	.cr-add-nav li a { padding: 5px; }
	.post-info { padding: 15px; }
	.post-info > h1 { font-size: 18px; }
	.post_meta_holder, .post_meta_holder .row, .post_meta_holder .row > div { display: block; }
	.post_meta_holder .row > div:first-child { padding-left: 15px; }
	.primary-heading { padding: 10px; }
	.primary-heading h2 { font-size: 18px; }
	.horizontal-tabs-widget .theme-tab-navs li a { padding: 10px 5px; font-size: 14px; font-weight: 400; }
	.horizontal-tab-content .tab-pane > ul > li { width: 100%; }
	.sub-footer p, .sub-footer ul { float: none; text-align: center; }
	#article { padding: 20px 10px; }
	#article p, #article li { font-size: 16px; }
	.litebox { padding: 20px; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}