/* ----------------------------------------------------
[Custom: Light Style]
------------------------------------------------------*/

body{
  color:#666;
  background:#fff;
}
#main-content h1,
#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6{
  color:#000;
}
#main-content blockquote{
  color:#000;
}
hr{opacity:.2;}

/*Body Background*/
#body_bg{
  background-image:none;
  background:#fff;
  opacity:1;
}
/*Loader icon color*/
.loading i{
  color:#000;
}
/*Preload screen color*/
#jpreOverlay {
  background:#fff;
}
#jprePercentage {
  color:#000;
}
/*Heading color*/
.heading{
    color:#000;
}
.heading span{
    border-color:#000;
}
/*LOGO text color*/
#site_logo a,
#top p.tagline{
  color:#000;	
}
/*Menu border color*/
#primary_menu{
  border-color:#ccc;
}
/*Menu item color*/
#primary_menu ul li a{
  color:#000;
}
/*Menu item separator color*/
#primary_menu > ul > li:after{
  color:#000;
}

/*Mobile menu*/
:root .css3-selectbox,
:root .css3-selectbox select,
:root .css3-selectbox::after,
:root .css3-selectbox::before,
:root .css3-selectbox select,
:root .css3-selectbox,
:root .css3-selectbox::after,
:root .css3-selectbox option,
:root .css3-selectbox  {
	background:#f3f3f3;
}
:root .css3-selectbox select{
    border-color: #f3f3f3;
	color:#000;
	font-weight:bold;
}
/* the custom arrow, achieved with element's border styles */
:root .css3-selectbox::before {
    border-top-color: #000;
}
:root .css3-selectbox::after {
    box-shadow: -1px 0 0 1px #f3f3f3;
}
:root .css3-selectbox:hover::before {
    border-top-color: #000;
}


/*Page text color*/
#main-content{
  color:#666;
}
/*SideBar color*/
#sidebar{
  background:#000;
}

/*Adjust the space of masonry post and single post container*/
.masonry-blog .tile .post_content{
  padding-left:0;
}
.standard-blog .post{
  margin-bottom:20px;
}
/*Standard Post background*/
.standard-blog .post .post_content{
  background:#fff;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
/*Remove the Post background*/
.standard-blog.single-post .post .post_content{
  background:none;	
  box-shadow:none;
  padding:30px 0;
  text-align:left;
}
/*Adjust the content area of single post*/
.standard-blog.single-post .post .post_excerpt{
  border:none;
  width:90%;
  padding:0;
  margin:auto;
  float:none;
}
/*Change the font of post text in single post*/
.standard-blog.single-post .post .post_excerpt .entry{
  font-size:18px;
  line-height:1.6em;
  font-family:Georgia,Cambria,"Times New Roman",Times,serif;
}
.standard-blog.single-post .post .post_excerpt .entry blockquote{
  padding-left:60px;
  margin-bottom:20px;
}
.standard-blog.single-post .post .post_excerpt .entry blockquote:after{
  bottom:-35px;
}


/*Change the font of post title*/
.standard-blog .post .post_excerpt h2{
  font-size:40px;
  line-height:42px;
}
/*Change the opacity of the post container's shadow*/
.standard-blog .post .post_shadow{
  opacity:0.2;
}
.standard-blog.single-post .post .post_shadow{
  opacity:0;
}

/*Timeline*/
.timeline-blog .timeline-mid{
  background:#aaa;
}
.timeline-blog .rightCorner{
  border-left: 7px solid #ccc;
}
.timeline-blog .leftCorner {
  border-right: 7px solid #ccc;
}

/*The post header*/
#top.post_header{
  background-repeat:no-repeat;
  height:300px;
  max-height:100%;
  overflow:hidden;
  background:#000;
  position:relative;
  padding-top:20%;
  margin-bottom:-40px;
}

#top.post_header.blur{
  filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
  -webkit-filter: blur(3px); /* Chrome, Opera */
       -moz-filter: blur(3px);
        -ms-filter: blur(3px);    
            filter: blur(3px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=false); /* IE6~IE9 */
}
.post_header h1#post_title{
  color:#fff;
  font-size:48px;
  line-height:48px;
  text-align:left;
  letter-spacing:-2px;
  position:relative;
  z-index:1;
}
@media only screen and (max-width: 767px) {
	#top.post_header{
	  padding-top:50%;
	}
	.post_header h1#post_title{
	  font-size:30px;
	  line-height:30px;
	}
}

/*Contact Form*/
.contact-form input,
.contact-form textarea{
   border-bottom:1px solid #ccc;
   color:#000;
   padding-left:0;
}
.contact-form input:focus,
.contact-form textarea:focus{
   background:#FDF5E8;
}
.contact-form input[type="submit"]{
   background:#000;
   color:#fff;
}
.contact-form input[type="submit"]:hover{
  background:#666;
}

/*Change the border color, text color and link hover color for footer*/
#footer{
	border-top:1px solid #ddd;
	color:#aaa;
}
#footer a:hover{
    color:#333;
}

/*Tabs*/
.van_tab_box .van_tab_items li a{
    border-color:#aaa;
	color:#aaa;
}
.van_tab_box .van_tab_items li.van_cur a,
.van_tab_box .van_tab_content{
    border-color:#666;
	color:#666;
}

/*Social Icons*/
.social-icons.big-size a{color:#000;}