/*-----------------------------------------------------------------------------------

 [site blog (section)]

 # site blog container
 # typography
 # features (class)
 # box (class)
 # font awesome icons

-----------------------------------------------------------------------------------*/
/* blog container */
.site-blog {
	background:url(../../assets/images/event-bg.jpg) center center no-repeat;
	background-attachment:fixed;
	background-size:cover;
	position:relative;
  	margin: 0;
	display: block;
	clear: both;
	width: 100%;
}

.site-blog .site-blog-main {
	float:left;
	width:100%;
	padding-top:30px;
}

.site-blog .blog-box{
	float:left;
	width:100%;
	background:#deb150;
	text-align:left;
	position:relative;
	padding-bottom:35px;
	text-align:center;
}

.site-blog .blog-box:before {
    border: 2px solid rgba(24,25,30, 0.9);
    content: "";
    position: absolute;
    top:20px;
    bottom:20px;
    left:20px;
    right:20px;
	z-index:1;
}


.site-blog .blog-box figure{
	float:left;
	width:100%;
	text-align:center;
	position:relative;
	
	-webkit-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.35);
  box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.35);
}

.site-blog .blog-box figure img {
	width:100%;
}


.site-blog .blog-box .date {
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	width:120px;
	height:120px;

	background:#deb150;
	font-size:31px;
	font-weight:bold;
	line-height:1;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	text-align:center;
	color:#18191e;
	padding:30px 0 0 0;
	white-space:pre-line;

}

.site-blog .blog-box .date::after {
    content: '';
    position: absolute;
    top:10px;
    right:10px;
    bottom:10px;
    left:10px;
    border:2px solid #33343c;
}

.site-blog .blog-box ul {
	float:left;
	width:100%;
	text-align:center;
	padding:0;
	margin:15px 0 0 0;
}

.site-blog .blog-box ul li {
	float:left;
	width:100%;
	text-align:center;
	list-style:none;
	color:#18191e;
	font-size:16px;
	line-height:1.5;
	font-weight:400;
}


.site-blog .blog-icon {
	color:#18191e;
	padding-right:5px;
}

.site-blog .blog-box h3 {
	float:left;
	width:100%;
	font-size:25px;
	font-weight:700;
	line-height:1.2;
	text-transform:uppercase;
	text-align:center;
	padding:45px 25px 0 25px;
	margin:0;
	color:#18191e;
	position:relative;
	z-index:100;
}

.site-blog .blog-box h3 a{
	color:#18191e;
}


.site-blog .blog-box .theme-btn {
	margin:25px 0;
	border:#202127 solid 1px;
	color:#202127;
}

.site-blog .blog-box:hover .theme-btn {
	border:#202127 solid 1px;
	background:#202127;
	color:#FFFFFF;
}



@media screen and (max-width: 992px) {
  .site-blog .blog-box {
	  margin-bottom:40px;
  }
  
  .site-blog .blog-box .date {
	width:80px;
	height:80px;
	font-size:20px;
	line-height:1;
	padding:20px 0 0 0;
}

.site-blog .blog-box .date::after {
    top:5px;
    right:5px;
    bottom:5px;
    left:5px;
}

.site-blog .blog-box h3 {
	font-size:20px;
}

.site-blog .blog-box ul li {
	font-size:13px;
	width:100%;
	text-align:center;
}