/*

Default CSS Styles for the Category Posts Widget plugin

Version: 4.6.2

*/



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

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

1.0 Normalise

2.0 General

3.0 CSS cropping

4.0 Thumbnail hover effects

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



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

1.0 Normalise

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

.cat-post-item span.cat-post-css-cropping img {

	max-width: initial;

	max-height: initial;

}

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

2.0 General

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

.cat-post-title {

	display: inline-block;

	font-size: 15px;

}

.cat-post-current .cat-post-title {

	font-weight: bold;

	text-transform: uppercase;

}

.cat-post-date,

.cat-post-comment-num {

	font-size: 12px;

	line-height: 18px;

}

.cat-post-date {

	font-style: italic;

	margin-bottom: 10px;

}

.cat-post-author {

	margin-bottom: 0;

}

.cat-post-thumbnail {

	display: block;

}

.cat-post-thumbnail img {

	margin: 5px 10px 5px 0;

	float: left;

}

.cat-post-item {

	/*border-bottom: 1px solid #ccc;*/

	list-style: none;

	list-style-type: none;

	margin: 3px 0;

	padding: 3px 0;
	width: 25%;
  float: left;
  display: block;

}

.cat-post-item .post-date {
  margin: 1px 0;
}

.cat-post-item:before, 

.cat-post-item:after {

	content: "";

	display: table;

	clear: both;

}

.cat-post-item:last-child {

	border-bottom: none;

}

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

3.0 CSS cropping

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

.cat-post-item .cat-post-css-cropping span {

	float: left;

	margin: 5px 10px 5px 0;	

}

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

4.0 Thumbnail hover effects

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

/* For White, Dark, Scale */

li a.cat-post-white,

li a.cat-post-dark,

li a.cat-post-scale,

li a.cat-post-blur {

  display: inline-block;

  float: left;

  margin: 5px 10px 5px 0;

}

li.cat-post-item a.cat-post-white span,

li.cat-post-item a.cat-post-dark span,

li.cat-post-item a.cat-post-scale span,

li.cat-post-item a.cat-post-blur span {

    margin: 0;

}

li a.cat-post-white img,

li a.cat-post-dark img,

li a.cat-post-scale img,

li a.cat-post-blur img {

  margin: 0;

  padding-bottom: 0 !important;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

/* Only for White */

li a.cat-post-white {

  background-color: white;

}

li a.cat-post-white img:hover {

  opacity: 0.8;

}

/* Only for Dark */

li a.cat-post-dark img:hover {

  -webkit-filter: brightness(75%);

  -moz-filter: brightness(75%);

  -ms-filter: brightness(75%);

  -o-filter: brightness(75%);

  filter: brightness(75%);

}

/* Only for Scale */

li a.cat-post-scale {

  overflow: hidden;

}

li a.cat-post-scale.cat-post-css-cropping span {

  margin: 0;

  overflow: initial;

}

li a.cat-post-scale img {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

li a.cat-post-scale img:hover {

  -webkit-transform: scale(1.1, 1.1);

  -ms-transform: scale(1.1, 1.1);

  transform: scale(1.1, 1.1);

}

/* Only for Blur */

li a.cat-post-blur {

  overflow: hidden;

}

li a.cat-post-blur img:hover {

  -webkit-filter: blur(2px);

  -moz-filter: blur(2px);

  -o-filter: blur(2px);

  -ms-filter: blur(2px);

  filter: blur(2px);

}

/*
Default CSS Styles for the Category Posts Widget plugin
Version: 4.0
*/
.cat-post-widget * {
  margin: 0;
  padding:0;
}
.cat-post-widget {
  font-size: 12px;  
  line-height: 18px;
}
.cat-post-widget p {
  margin-bottom: 0;
}
.cat-post-widget .post-title {
  font-size: 15px;  
  font-weight: bold;
}
.cat-post-widget .post-date {
  font-style: normal;
  margin-bottom: 5px;
  color: #999;
  margin-top: 5px;
  font-size: 13px; 
}
.cat-post-widget img {
  float: left;
  margin: 5px 10px 0 0;
}
.cat-post-widget ul li {
  list-style: none;
  list-style-type: none;
  margin: 3px 20px 0 0;
  padding: 3px 0;
  border-bottom: 0px solid #ccc;
  display: inline-block;
  width: 23%;
  vertical-align: top;
  min-height: 220px;
}
.cat-post-widget ul li:last-child {
  border-bottom: none;
  margin-right: 0px;
}
.cat-post-widget .more-link {
  display: none;
}
.cat-post-widget .post-entry { 
   padding: 0 0 5px 0;
   overflow: hidden;
}
.cat-post-widget .comment-num {
}
.cat-post-widget .post-title {
  color: #000;
  font-size: 17px !important;
  font-weight: bold;
  text-transform: none;
}
.cat-post-widget .post-title:hover {
  color: #000;
}
.cat-post-widget p {
  font-size: 16px;
  margin-top: 5px;
}
.cat-post-widget a:hover {
  color: #000;
}