/* Empty. Add your own CSS if you like */
.custom-icon .icon-badge {
  position: absolute;
  top: 3px;
  right: 0px;
  font-size: 8px;
  padding: 2px 6px;
}
ion-content iframe {
    width:100%;
}
.facebook {
    background-color:#3b5998;
    color:#fff;
}
.social-button:hover {
    color:#fff;
}
.ig {
    background-color:#517fa4;
    color:#fff;
}
.center-block {
    display:block;
    margin:0 auto;

    width:100%;
}
.center-block img {
}
.lively-bg {
    background: url("./lively-bg.png") no-repeat top left;
    background-size:cover;
}
.lively-bg .input-label {
    color:#fff;
    font-weight:bold;
}
.lively-bg .item-input {
    background:none;
    color:#fff;
    border-top:none;
}
.img-padding {
    padding:10px 20px;
}
.lively-bg .item-input input[type=text],
.lively-bg .item-input input[type=password] 
{
    color:#fff;

}
.lively-bg .item {
    background:none;
}
.label-content {
    color:#fff;
    font-size:larger;
    font-weight:bold;
}
.borderless {
    border:none;
}
.no-padding a.item-content {
    padding: 0px;
    border: none;
}

ion-item.no-padding.item {
    border: none;
}

.list.card {
    box-shadow: none;
	margin-right:0px;
	margin-left:0px;
}
.category {
	background-color:#000;
	color:#fff;
	display:inline-block;
	padding:5px 10px;
}
h2.title {
    margin-top: 10px;
    font-size: larger;
}
ion-content.lively.scroll-content.ionic-scroll.has-header {
    top: 20px;
}
ion-list#lively-menu {}

#lively-menu ion-item.item {
    color: #fff;
    background-color: #343434;
    border-color: #565656;
}

#lively-menu a.item-content {
    background-color: #343434;
}
i.icon-perspective {
	background: url('../img/perspective.png') no-repeat center left;
	background-size: contain;
	width: 33px;	
}
hr.zig, hr.zag {
  border: none;
  height: 30px;
  margin: 0 0px;
}

hr.zig{
  background: linear-gradient(-135deg, #FFF 20px, rgba(0, 0, 0, 0) 0) 0 5px, linear-gradient(135deg, #FFF 20px, rgba(0, 0, 0, 0) 0) 0 5px;
  background-color: rgba(0, 0, 0, 0);
  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: 20px 40px;
  z-index: 100;
  position: relative;
}

hr.zag {
  background: linear-gradient(-135deg, #eee 20px, rgba(0, 0, 0, 0) 0) 0 5px, linear-gradient(135deg, #eee 20px, #FFF 0) 0 5px;
  background-color: rgba(0, 0, 0, 0);
  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: 20px 40px;
  z-index: 50;
  margin-top: -28px;
}
.author-avatar {
    width:60px;
    height:60px;
    border-radius: 50%;
}
.post-body { font-size:120%; }
img { max-width:100%; }
