/*
Theme Name: Clipartoons
Theme URI: http://clipartoons.com/
Description: Design by Materialize framework 
Author: Setyawan
Version: 0.1.1
*/
body{
	background-color: #eee;
}
h2,h1.h1,h2.h2{
    font-size: 1.4rem;
    line-height: 110%;
    margin: 0 0 5px 0;
    color:#333;
}
h3.h3{
    font-size: 1.2rem;
    line-height: 110%;
    margin: 0 0 10px 0;
    color:#333;
}

#content,#side{
    padding: 1rem 0 0 0;
    min-height: 500px;
}
.wrap-con.container {
    width: 82%;
}

nav, .navbar-fixed, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: 44px!important;
    line-height: 44px!important;
}
a.brand-logo {
    font-size: 1.5em;
}
i.material-icons.left {
    margin-right: 10px;
}
.nshad{
	box-shadow: none;
}
.box {
    box-shadow: 0px 0px 0px 1px #d5d5d5;
}
.thumb-title {
	opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    padding: 1px 5px;
    background-color: rgba(6, 6, 6, 0.56);
    color: #fff;
    font-size: 0.7rem;
    overflow: hidden;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
}
a.opa:hover .thumb-title{
	opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
ul.side-list {
    margin: 0;
}
ul.side-list li{
	margin:0 0 1.5rem;
}

.social{
	background-color: #eee;
	height: 200px
}
.blol{
    width: 100%;
    height: 165px;
    padding: 5px;
}
.boxs.card-image{
    width: 80%;
    height: 155px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.boxs.card-image img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 155px;
    vertical-align: middle;
    margin: 0 auto;
}
.meta,.meta a{
	font-size: 1em;
	color:#7f7f7f;
}
footer a{
    color:#fff;
}
p.category a{
    color:rgba(0,0,0,0.87);
}
.feat{
    width: 100%;
    height: 500px;
    margin: 10px auto;
}
.feat-box.card-image{
    width: 100%;
    height: 500px;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
    display:table-cell;
}
.feat-box.card-image img {
    height: auto;
    max-width: 100%;
    max-height: 480px;
    vertical-align: middle;
    margin: 0 auto;
}
ul.stats {
    margin: 0;
}
ul.stats li {
	color: #626262;
	font-size: 14px;
    padding: 3px;
display:inline-block;
}
.tabs .indicator{
	background-color: #00897b;
}
.thumb.card-image {
    width: 100%;
    height: 160px;
    padding: 5px;
    box-shadow: 0px 0px 0px 1px #d5d5d5;
}
.thumb-boc {
    width: 80%;
    height: 150px;
    display: table-cell;
    vertical-align: middle;
}
.nshad.card .thumb.card-image img {
    max-width: 80%;
    max-height: 150px;
    height: auto;
    vertical-align: middle;
    margin: 0 auto;
}
span.material-icons {
    margin: 0 auto;
    display: block;
    padding-bottom: 5px;
}
.follow{
    padding: 5px;
    border-radius: 4px;
}
.col.follow a:hover{
    background: #00709a;

}
.cd-top {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  opacity: 1;
}
.feat-blog.card-image img {
    height: auto;
}
.nshad .pb20{padding: 0 0 20px 0;}
span.card-title {
    background: rgba(0, 0, 0, 0.41);
    line-height: 110%;
}
.ads{
	text-align: center;
	margin: 10px auto 0;
}
.lead{}
.large-rec{}
.breadc{padding:10px 0;font-size: 12px;}
.breadc div{
    display: inline-block;
}
.wp-pagenavi{text-align:center;padding:15px}
.tro{
    position: fixed !important;
    right: 0;
    top: 5%;
    margin-bottom: 0;
    z-index: 998;
}
.mb0{margin-bottom:0}
.mt0{margin-top:0}
ul.cate {
    margin-left: 40px;
}
ul.cate li {
    margin: 0;
    padding: 5px;
}
.cate li {
    list-style-type: decimal;
}
li i.material-icons.left {
    margin-right: 2px;
}
ul.stats a {
    color: #444;
}
.mb15{margin-bottom:15px}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.boxs.card-image img,.feat-box.card-image img{width:auto;}
}
@media(max-width:480px){.wrap-con.container{width:90%}}