/*================================================================================
	Item Name: Modern
	Description: Premium Bootstrap Admin Template
	Author: ThemesGround
================================================================================*/


/* === Icons === */
/* Font Awesome */
@import url('font-awesome.min.css');

/* ================================================
Main Css
================================================ */
/* Bootstrap Main Css File (unedited) */
@import url('bootstrap.css');

/* Theme Style */
@import url('style.css');

/* Responsive Style */
@import url('responsive.css');

/* Shortcuts Css Codes */
@import url('shortcuts.css');

/* ================================================
Plugin Css
================================================ */
/* Awesome Bootstrap Checkbox */
@import url('plugin/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css');

/* Bootstrap Select */
@import url('plugin/bootstrap-select/bootstrap-select.css');

/* Bootstrap Select */
@import url('plugin/bootstrap-toggle/bootstrap-toggle.min.css');

/* Bootstrap wysihtml5 */
@import url('plugin/bootstrap-wysihtml5/bootstrap-wysihtml5.css');

/* Summernote */
@import url('plugin/summernote/summernote.css');
@import url('plugin/summernote/summernote-bs3.css');

/* Sweet Alert */
@import url('plugin/sweet-alert/sweet-alert.css');

/* Data Tables */
@import url('plugin/datatables/datatables.css');

/* Chartist */
@import url('plugin/chartist/chartist.min.css');

/* Rickshaw */
@import url('plugin/rickshaw/rickshaw.css');
@import url('plugin/rickshaw/detail.css');
@import url('plugin/rickshaw/graph.css');
@import url('plugin/rickshaw/legend.css');

/* Date Range Picker */
@import url('plugin/date-range-picker/daterangepicker-bs3.css');

/* Full Calendar */
@import url('plugin/fullcalendar/fullcalendar.css');

:root {
	--thm-font: 'Barlow', 'Helvetica Neue',Helvetica,'PingFang SC',Tahoma,Arial,sans-serif;
	--thm-reey-font: 'reeyregular';
	--thm-gray: #7b7981;
	--thm-gray-rgb: 123, 121, 129;
	--thm-primary: #c82335 /*#1989fb*/;
	--thm-primary-rgb: 25, 137, 251;
	--thm-primary-after: #920000;
	--thm-black: #1b1825;
	--thm-black-rgb: 27, 24, 37;
	--thm-base: #ffffff;
	--thm-base-rgb: 255, 255, 255;
	--thm-extra: #c82335;
	--thm-extra-rgb: 66, 217, 190;
	--thm-bdr-color: #dae3e9;
	--thm-bdr-color-rgb: 218, 227, 233;
	--thm-bdr-radius: 8px;
}

.news-one {
	position: relative;
	display: block;
	padding: 120px 0 140px;
}

.news-page {
	padding-bottom: 120px;
}

.news-one__single {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.news-one__img {
	position: relative;
	display: block;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	overflow: hidden;
}

	.news-one__img img {
		width: 100%;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
		transition: all 500ms ease;
		transform: scale(1);
	}

.news-one__single:hover .news-one__img img {
	transform: scale(1.05);
}

.news-one__img > a {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(var(--thm-black-rgb), 0.3);
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	color: var(--thm-base);
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-30%);
}

	.news-one__img > a > span {
		position: relative;
	}

		.news-one__img > a > span::before {
			content: '';
			width: 20px;
			height: 2px;
			background-color: var(--thm-base);
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			transition: all 500ms ease;
		}

		.news-one__img > a > span::after {
			content: '';
			transition: all 500ms ease;
			width: 2px;
			height: 20px;
			background-color: var(--thm-base);
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

	.news-one__img > a:hover > span::before,
	.news-one__img > a:hover > span::after {
		background-color: var(--thm-primary);
	}

.news-one__single:hover .news-one__img > a {
	visibility: visible;
	transform: translateY(0%);
	opacity: 1;
}

.news-one__date-box {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: var(--thm-base);
	padding: 17px 22px 20px;
	border-top-right-radius: 8px;
}

	.news-one__date-box p {
		font-size: 14px;
		color: var(--thm-black);
		font-weight: 800;
		margin: 0;
		line-height: 17px;
		text-align: center;
	}

.news-one__content {
	position: relative;
	display: block;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .05);
	padding: 20px 42px 30px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom: 3px solid transparent;
	transition: all 500ms ease;
}

.news-one__single:hover .news-one__content {
	border-bottom: 3px solid var(--thm-extra);
}

.news-one__meta {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin: 0;
}

	.news-one__meta li + li {
		margin-left: 10px;
	}

	.news-one__meta li a {
		color: var(--thm-gray);
		font-size: 14px;
		transition: all 500ms ease;
	}

		.news-one__meta li a:hover {
			color: var(--thm-extra);
		}

		.news-one__meta li a i {
			color: var(--thm-extra);
		}

.news-one__title {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
}

	.news-one__title a {
		color: var(--thm-black);
		transition: all 500ms ease;
	}

.news-one__single:hover .news-one__title a {
	color: var(--thm-primary);
}

.news-one__text {
	font-size: 16px;
	margin: 0;
	line-height: 30px;
	padding-top: 13px;
	padding-bottom: 8px;
}

.news-one__read-more-btn {
	font-size: 16px;
	font-weight: 600;
	color: var(--thm-black);
	display: inline-block;
	transition: all 500ms ease;
}

	.news-one__read-more-btn:hover {
		color: var(--thm-extra);
	}