/*Blog*/

body {
	background: #f1f1ff;
}

.pagination {
	justify-content: center !important;
}
.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #664dc9;
	border-color: #664dc9; 
}
.pagination>li>a {
	position: relative;
	display: block;
	padding: 1rem 1.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #495057;
}
.pagination>li>a:hover {
	z-index: 3;
	color: #fff;
	background-color: #664dc9;
	border-color: #664dc9;
}

section.blog{
	box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.07), 0 2px 9px 0 rgba(3, 1, 14, 0.06);
    border-radius: calc(0.75rem - 1px);
    background: #FFF;
    padding: 1rem .75rem;
}

section.blog .blog-header{
	text-align: center;
	padding-bottom: 1rem;
}

section.blog .blog-header .title .title-name{
	font-size: 1.75rem !important;
	font-weight: 600;
	color: #495057 !important;
}

section.blog .blog-item{
	margin-top: 15px;
	margin-bottom: 15px;
	box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

section.blog .blog-item .box-image{
	padding: 15px 15px 0 15px;
	background: #F5F7FA;
	border-top-left-radius: 0.75rem;
	border-top-right-radius: 0.75rem;
}

section.blog .blog-item .content{
	padding: 15px;
}

section.blog .blog-item .content .title{
	min-height: 65px;
	color: #3C4858;
	font-size: 1.2rem;
	line-height: 1.4;
}

section.blog .blog-item .content .short-desc{
    padding-bottom: 10px;
    color: #666666;
    font-weight: 400;
    border-bottom: 2px solid #EEE;
    margin-bottom: 10px;
}

/*Blog Details*/
section.blog-single{
	box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.07), 0 2px 9px 0 rgba(3, 1, 14, 0.06);
	border-radius: calc(0.75rem - 1px);
	background: #FFF;
	padding: 1rem .75rem;
}

section.blog-single .blog-content{
	padding: 0px;
	margin-bottom: 0px;
}

section.blog-single .blog-content .title{
	color: #3C4858;
	padding-top: 0px;
	margin-bottom: 10px;
	font-size: 1.4rem;
    line-height: 1.3;
    padding-bottom: 10px;
    border-bottom: 2px solid #EEE;
}

section.blog-single .blog-content .post-info{
	font-size: 80%;
	padding-bottom: 10px;
}

section.blog-single .blog-content .post-info span{
	padding-right: 10px;
}

section.blog-single .blog-content .details{
	padding-top: 15px;
}

section.blog-single .blog-content .details >p{
	line-height: 1.5em;
}

section.blog-single .side-bar .widget{
	margin-bottom: 30px;
}

section.blog-single .side-bar .widget-category a {
	font-weight: 500;
	display: block;
	border-bottom: 1px solid #EEE;
	padding: 5px 0;
}

section.blog-single .side-bar .widget-category a span {
	float: right;
	color: #6195FF;
}

section.blog-single .side-bar .widget-post {
	min-height: 70px;
	margin-bottom: 25px;
}

section.blog-single .side-bar .widget-post a {
	display: block;
	color: #10161A;
}

section.blog-single .side-bar .widget-post .title{
	padding-top: 13px;
}

section.blog-single .side-bar .widget-post .box-image {
	display: block;
	margin-right: 10px;
	margin-top: 5px;
}

section.blog-single .side-bar .widget-post .blog-meta{
	color: #555555;
	font-size: 10px;
}

section.blog-single .btn-back-blog{
	border-color: #000;
	color: #000;
}

.image-thumbnail {
    justify-self: center;
    place-self: center;
    width: 500px;
    max-width: 100%;
}

h2 .title {
    padding-bottom: 10px;
    margin-bottom: 0px;
    font-weight: 500;
    border-bottom: 2px solid #EEE;
}

h3 .title {
    padding-bottom: 10px;
    margin-bottom: 0px;
    font-weight: 500;
    border-bottom: 2px solid #EEE;
}

h4 .title {
    padding-bottom: 10px;
    margin-bottom: 0px;
    font-weight: 500;
    border-bottom: 2px solid #EEE;
}

/*Custom*/
.content {
	background: #F5F7FA;
	line-height: 1.4;
	font-weight: 500;
    padding: 10px;
	border-bottom-left-radius: 0.75rem;
	border-bottom-right-radius: 0.75rem;
}

.blog-back {
    margin: 15px 0;
}

.text-muted {
	color: #495057 !important;
}

small, .small {
    font-size: 90%;
    font-weight: 400;
}