/* =================================================================== 
 *
 *  Abstract v1.0 Main Stylesheet
 *  url: www.styleshout.com
 *  09-06-2016
 *  ------------------------------------------------------------------

 * =================================================================== */

/* ------------------------------------------------------------------- 
 * floated image - (_document-setup)  
 * ------------------------------------------------------------------- */
img.pull-right {
	margin: 0.9rem 0 0 2.4rem;
}

img.pull-left {
	margin: 0.9rem 2.4rem 0 0;
}




/* masonry entries - (_common-styles.scss) 
 * ------------------------------------------------------------------- */
.bricks-wrapper .entry {
	margin-bottom: 25px;
}

.bricks-wrapper .entry-thumb {
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}

.bricks-wrapper .entry-thumb {
	position: relative;
	/*overflow: hidden;
	border-top-left-radius: 8px;
	border-top-right-radius:8px;*/
}

.bricks-wrapper .entry-thumb img {
	width:100%;
	vertical-align: bottom;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	/* border-radius:6px; */
}

.bricks-wrapper .resize-height,
.bricks-wrapper .resize-width {
	background: #eee;
}
.bricks-wrapper .resize-height img {
	padding: 25px 25%;
}
.bricks-wrapper .resize-width img {
	padding: 25px 0;
}

.bricks-wrapper .entry-thumb .thumb-link::before {
	content: "";
	display: block;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 1;
}

.thumb-div:hover span, .thumb-div:hover .entry-title{
	opacity: 1;
	visibility: visible;
}
.thumb-div span,
.bricks-wrapper .entry-thumb .thumb-link::after {
	content: "";
	z-index: 1;
	display: block;
	height: 40px;
	width: 40px;
	position: absolute;
	right: 15px;
	top: 15px;
	opacity: 0;
	background:url(/assets/img/pencil.svg) no-repeat;
	visibility: hidden;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor:pointer;
}
.template_img{cursor: pointer;}

.bricks-wrapper .entry-wrap:hover .thumb-link::before {
	opacity: 1;
	visibility: visible;
}

.bricks-wrapper .entry-wrap:hover .thumb-link::after {
	opacity: 1;
	visibility: visible;
}

.bricks-wrapper .entry-text {
	/*background-color: white;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius:8px;*/
}

.bricks-wrapper .entry-header{padding: 15px;display:none;visibility:none;}

.bricks-wrapper .entry-header .entry-title a{font-size:14px;font-weight:500;}
.bricks-wrapper .entry-header .entry-title a,
.bricks-wrapper .entry-header .entry-title a:visited {
	color: #fff;
}

.bricks-wrapper .entry-header .entry-tag {
	/*font-size: 2.5rem;*/
	line-height: 1.2;display:none;
}
.bricks-wrapper .entry-header .entry-tag a{font-size:13px;}
.bricks-wrapper .entry-header .entry-tag a,
.bricks-wrapper .entry-header .entry-tag a:visited {
	color: #717174;
}

.bricks-wrapper .entry-footer {
	padding-top: 10px;
	height:54px;
	line-height: 1.5rem;
	color: #717174;
}

.entry-divider{position:relative;width:100%;height:1px;background:#f2f3f6;display:none;}

.footer-info{width:100%;display: -ms-flexbox;display: flex;justify-content: space-between;}
.f-info-title{width: 100%;}
.f-info-title .f-info-name{font-size: 15px;font-weight: 700 !important;}
.f-info-left{height:22px;line-height: 22px;/*position: absolute;*/left: 0px;display: inline-block;width:100%;overflow:hidden;}
.f-info-right{height:22px;line-height: 22px;/*position: absolute;*/right: 0px;display: inline-block;/*overflow:hidden;*/}

.f-info-profile{width:20px;height:20px;border-radius:20px;background:gray;background-size: cover;opacity:1;display: inline-block;float: left;background-position: center;}
.f-info-name{padding-left: 0px;font-size: 11px;color: #fff;float: left;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:100%;font-weight:500;}
.f-info-like{color:#717174;height:20px;-webkit-transition: opacity .2s;transition: opacity .2s;opacity: .8;display: inline-block;float: left;font-size:11px;font-weight:500;}
.f-info-like:hover{opacity:1;color:#afafaf;}
.f-info-like i{margin-right:2px;font-size:10px;}
.f-info-comment{color:#717174;height:20px;-webkit-transition: opacity .2s;transition: opacity .2s;opacity: .8;margin-left:10px;display: inline-block;float: right;font-size:11px;font-weight:500;}
.f-info-comment:hover{opacity:1;color:#afafaf;}
.f-info-comment i{margin-right:2px;font-size:10px;}
.f-info-like span, .f-info-comment span {font-size:10px; }

.theme-light .f-info-name{color: #242939;font-weight:400;}
.theme-light .f-info-like{color: #bbbbbb;}
.theme-light .f-info-comment{color: #bbbbbb;}

.entry-like-hover{position:absolute;right:10px;bottom:10px;display:inline-block;cursor:pointer;text-align:center;transform:translateX(100%);opacity:0;visibility: hidden;transition:.3s;will-change: color,transform,opacity;}
.entry-like-hover .like-icon{background: rgba(0,0,0,.5);border-radius:18px;line-height:18px;width:19px;height:18px;-webkit-box-shadow: 0px 10px 50px rgb(0 0 0 / 60%);
    box-shadow: 0px 10px 50px rgb(0 0 0 / 60%);}
.entry-like-hover .like-icon span:before {font-family: "fontello";content: '\e89f';color: rgba(255, 255, 255,.7);font-size: 10px;font-weight: bold;}
.entry-like-hover .like-icon:hover span:before{color:#dc3545;}
.entry-like-hover .like-icon.active{background:#dc3545;border-radius:18px;}
.entry-like-hover .like-icon.active span:before {font-family: "fontello";content: '\e89e';color: rgba(255, 255, 255,1);}

.thumb-div:hover ~ .entry-like-hover, .entry-like-hover:hover {visibility: visible;transform: translateX(0); opacity: 1; }

.template-screening-box {position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:60%;}
.template-screening-box .template-screening-box-span {display: block;text-align:center;font-size:14px;color:#fff;margin-bottom:10px;}


.bricks-wrapper{margin-left:-8px;margin-right:-8px;/*margin-top:5px;padding-top:5px;*/}

/*@media screen and (max-width: 767px) {
    .bricks-wrapper{margin-left:0;margin-right:0;}
}*/

.bricks-wrapper:before,
.bricks-wrapper:after {
	content: "";
	display: table;
}

.bricks-wrapper:after {
	clear: both;
}

.bricks-wrapper .grid-sizer,
.bricks-wrapper .brick {
	width: 16.66666%;
}

.bricks-wrapper .grid-sizer-tiny,
.bricks-wrapper .brick-tiny {
	width: 10%;
}

.bricks-wrapper .grid-sizer-small,
.bricks-wrapper .brick-small {
	width: 12.5% !important;
}

.bricks-wrapper .grid-sizer-medium,
.bricks-wrapper .brick-medium {
	width: 16.66666%;
}

.bricks-wrapper .grid-sizer-big,
.bricks-wrapper .brick-big {
	width: 25% !important;
}

.bricks-wrapper .grid-sizer-large,
.bricks-wrapper .brick-large {
	width: 20%;
	padding: 0 8px !important;
    margin-bottom: 16px !important;
}

.bricks-wrapper .grid-sizer-xlarge,
.bricks-wrapper .brick-xlarge {
	width: 25%;
	padding: 0 8px !important;
    margin-bottom: 16px !important;
}

.bricks-wrapper .grid-sizer-xxlarge,
.bricks-wrapper .brick-xxlarge {
	width: 33.3333%;
	padding: 0 8px !important;
    margin-bottom: 16px !important;
}

.bricks-wrapper .grid-sizer-xxxlarge,
.bricks-wrapper .brick-xxxlarge {
	width: 50%;
	padding: 0 8px !important;
    margin-bottom: 16px !important;
}

.bricks-wrapper .grid-sizer-padding-small{
	padding: 0 5px !important;
}
.bricks-wrapper .brick-padding-small {
	margin-bottom: 10px !important;
	padding: 0 5px !important;
}
.bricks-wrapper .grid-sizer-medium{
	width: 16.6%;
	padding: 0 5px !important;
}
.bricks-wrapper .brick-medium {
	width: 16.6%;
	margin-bottom: 16px !important;
	padding: 0 8px !important;
}
.bricks-wrapper .grid-sizer-tiny{
	width: 10%;
	padding: 0 5px !important;
}
.bricks-wrapper .grid-sizer-small{
	width: 12.5%;
	padding: 0 5px !important;
}
/* .bricks-wrapper .grid-sizer-large{
	width: 20%;
	padding: 0 8px !important;
    margin-bottom: 25px !important;
} */
.bricks-wrapper .grid-sizer-xlarge{
	width: 25%;
	padding: 0 8px !important;
    margin-bottom: 16px !important;
}
.bricks-wrapper .grid-sizer-xxlarge{
	width: 33.3333%;
	padding: 0 8px !important;
    margin-bottom: 16px !important;
}
.bricks-wrapper .grid-sizer-xxxlarge{
	width: 50%;
	padding: 0 8px !important;
    margin-bottom: 16px !important;
}
.bricks-wrapper .brick-tiny {
	width: 10%;
	margin-bottom: 16px !important;
	padding: 0 8px !important;
}
.bricks-wrapper .brick-small {
	width: 12.5% !important;
	margin-bottom: 16px !important;
	padding: 0 8px !important;
}
.bricks-wrapper .brick-big {
	margin-bottom: 16px !important;
	padding: 0 8px !important;}
.bricks-wrapper .brick,
.bricks-wrapper .brick-template {
	float: left;
	padding: 0 8px;
	border-radius:6px;
	margin-bottom:16px;
	
}
.creator_channel .bricks-wrapper .brick-template{padding: 0 8px;}
.bricks-wrapper .brick .entry-thumb,
.bricks-wrapper .brick-template .entry-thumb {
	overflow:hidden;/*background-color: #2c3035;*/
    box-shadow: 0 2px 25px rgba(23,25,29,.02);
    -webkit-transform: translateY(0); 
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
	border-radius: 6px;
	border: .0625rem solid #f0f0f0;}

.bricks-wrapper .brick .entry-thumb:hover,
.bricks-wrapper .brick-template .entry-thumb:hover {
	cursor:pointer;
    /* box-shadow: 0 0px 25px rgba(23,25,29,.15); */
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);}

.theme-light .bricks-wrapper .brick .entry-thumb,
.theme-light .bricks-wrapper .brick-template .entry-thumb { box-shadow:0 6px 12px rgb(0 0 0 / 0%);}
.theme-light .bricks-wrapper .brick .entry-thumb:hover,
.theme-light .bricks-wrapper .brick-template .entry-thumb:hover {box-shadow:0 6px 12px rgb(0 0 0 / 10%);}

.theme-light .bricks-wrapper .brick-template .entry-thumb:hover img {opacity:0.5;}
/*.theme-light .bricks-wrapper .brick-template .entry-thumb:hover .thumb-div {background-color:rgb(0, 0, 0);}*/

.theme-light .bricks-wrapper .brick .entry-thumb .thumb-div,
.theme-light .bricks-wrapper .brick-template .entry-thumb .thumb-div {width: 100%;overflow:hidden;}


.theme-light .bricks-wrapper .brick .entry-thumb label.checkcheck,
.theme-light .bricks-wrapper .brick-template .entry-thumb label.checkcheck {  display: flex;}

.theme-light .bricks-wrapper .brick .entry-thumb label.checkcheck input[type="checkbox"],
.theme-light .bricks-wrapper .brick-template .entry-thumb label.checkcheck input[type="checkbox"] {  display: none;}
.theme-light .bricks-wrapper .brick .entry-thumb label.checkcheck input[type="checkbox"]:checked ~ .thumb-div,
.theme-light .bricks-wrapper .brick-template .entry-thumb label.checkcheck input[type="checkbox"]:checked ~ .thumb-div{ border: 2px solid #00a3ff; border-radius: 6px; background: #00a3ff;}
.theme-light .bricks-wrapper .brick .entry-thumb label.checkcheck input[type="checkbox"]:checked ~ .thumb-div img,
.theme-light .bricks-wrapper .brick-template .entry-thumb label.checkcheck input[type="checkbox"]:checked ~ .thumb-div img{ opacity: .85;}

.entry-thumb .checkcheck {position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;transition:.3s;}
.entry-thumb .checkcheck input {position: absolute;opacity: 0;cursor: pointer;}
.entry-thumb .checkround2 {position: absolute;top: 8px;left: 8px;height: 16px;width: 16px;border-radius: 50%;transition: 0.3s;}
.entry-thumb .checkround2 {height: 22px;font-size: 14px;font-weight: 500;display: block;}
.entry-thumb .checkround2:before, .entry-thumb .checkround2:after{content: "";display: block;left: 0;top: 0;position: absolute;}
.entry-thumb .checkround2:before{height: 20px;/*border: 1px solid #d6dbeb;*/background: #fff;transition: 0.3s ease;opacity: 0;}
.entry-thumb .checkround2:after {transition: transform 0.3s ease, opacity 0.2s ease, background 0.2s ease;}
.entry-thumb input:checked ~ .checkround2:before{background: #00a3ff;border-color:  #00a3ff;opacity: 1;}
.entry-thumb input:checked ~ .checkround2:after{transition: opacity 0.3s ease, background 0.3s ease, transform 0.6s cubic-bezier(0.175, 0.88, 0.32, 1.2);}
.entry-thumb .checkcheck:hover input:not(:checked) + .checkround2:before{border-color: rgba(49, 108, 249, .7);}
.entry-thumb .checkround2:before{width: 20px;}
.entry-thumb .checkround2:after {opacity: 0;}
.entry-thumb input:checked ~ .checkround2:after{opacity: 1;}
.entry-thumb .checkround2:before {border-radius: 50%;}
.entry-thumb .checkround2:after {width: 5px;height: 9px;border: 2px solid #fff;border-top: 0;border-left: 0;left: 7px;top: 4px;transform: rotate(45deg);}
.entry-thumb input:checked + .checkround2:after {transform: rotate(43deg) translate(1px, 0);}

.bricks-wrapper .featured-grid {
	width: 50%;
}

.bricks-wrapper .featured-grid .entry-content {
	width: 100%;
	background: #151515;
}

/* responsive: 
/* bricks masonry
 * ------------------------------------------------------------------- */
@media only screen and (max-width:1400px) {
	.bricks-wrapper .grid-sizer,
	.bricks-wrapper .brick {
		width: 20%;
	}

	.bricks-wrapper .grid-sizer-big,
	.bricks-wrapper .brick-big {
		width: 25% !important;
	}

	.bricks-wrapper .grid-sizer-medium,
	.bricks-wrapper .brick-medium {
		width: 16.6%;
	}
	
	.bricks-wrapper .grid-sizer-tiny,
	.bricks-wrapper .brick-tiny {
		width: 12.5%;
	}

	.bricks-wrapper .grid-sizer-small,
	.bricks-wrapper .brick-small {
		width: 16.6% !important;
	}

	.bricks-wrapper .featured-grid {
		width: 50%;
	}

	.bricks-wrapper .grid-sizer-large,
	.bricks-wrapper .brick-large {
		width: 25%;
	}

	.bricks-wrapper .grid-sizer-xlarge,
	.bricks-wrapper .brick-xlarge {
		width: 33.33333%;
	}

	.bricks-wrapper .grid-sizer-xxlarge,
	.bricks-wrapper .brick-xxlarge {
		width: 33.33333%;
	}

	.bricks-wrapper .grid-sizer-xxxlarge,
	.bricks-wrapper .brick-xxdxlarge {
		width: 50%;
	}
}

@media only screen and (max-width:1280px) {
	.bricks-wrapper .grid-sizer,
	.bricks-wrapper .brick {
		width: 25%;
	}

	.bricks-wrapper .grid-sizer-big,
	.bricks-wrapper .brick-big {
		width: 33.3% !important;
	}

	.bricks-wrapper .grid-sizer-medium,
	.bricks-wrapper .brick-medium {
		width: 20%;
	}

	.bricks-wrapper .grid-sizer-tiny,
	.bricks-wrapper .brick-tiny {
		width: 12.5%;
	}

	.bricks-wrapper .grid-sizer-small,
	.bricks-wrapper .brick-small {
		width: 16.6% !important;
	}

	.bricks-wrapper .grid-sizer-large,
	.bricks-wrapper .brick-large {
		width: 33.33333%;
	}

	.bricks-wrapper .grid-sizer-xlarge,
	.bricks-wrapper .brick-xlarge {
		width: 33.33333%;
	}

	.bricks-wrapper .grid-sizer-xxlarge,
	.bricks-wrapper .brick-xxlarge {
		width: 33.33333%;
	}

	.bricks-wrapper .grid-sizer-xxxlarge,
	.bricks-wrapper .brick-xxxlarge {
		width: 50%;
	}

	.bricks-wrapper .featured-grid {
		width: 50%;
	}
}
@media only screen and (max-width:1024px) {
	.bricks-wrapper .brick {
		padding: 0 18px;
	}
	.bricks-wrapper .grid-sizer,
	.bricks-wrapper .brick {
		width: 33.33333%;
	}

	.bricks-wrapper .grid-sizer-big,
	.bricks-wrapper .brick-big {
		width: 33.3% !important;
	}

	.bricks-wrapper .grid-sizer-medium,
	.bricks-wrapper .brick-medium {
		width: 25%;
	}

	.bricks-wrapper .grid-sizer-tiny,
	.bricks-wrapper .brick-tiny {
		width: 12.5%;
	}

	.bricks-wrapper .grid-sizer-small,
	.bricks-wrapper .brick-small {
		width: 16.6% !important;
	}

	.bricks-wrapper .grid-sizer-large,
	.bricks-wrapper .brick-large {
		width: 50%;
	}

	.bricks-wrapper .grid-sizer-xlarge,
	.bricks-wrapper .brick-xlarge {
		width: 50%;
	}

	.bricks-wrapper .grid-sizer-xxlarge,
	.bricks-wrapper .brick-xxlarge {
		width: 50%;
	}

	.bricks-wrapper .grid-sizer-xxxlarge,
	.bricks-wrapper .brick-xxxlarge {
		width: 50%;
	}

	.bricks-wrapper .featured-grid {
		width: 66.66667%;
	}

}
@media only screen and (max-width:960px) {
	.bricks-wrapper .grid-sizer,
	.bricks-wrapper .brick {
		width: 50%;
	}

	.bricks-wrapper .grid-sizer-big,
	.bricks-wrapper .brick-big {
		width: 33.3% !important;
	}
	.bricks-wrapper .grid-sizer-medium,
	.bricks-wrapper .brick-medium {
		width: 25%;
	}

	.bricks-wrapper .grid-sizer-tiny,
	.bricks-wrapper .brick-tiny {
		width: 16.6%;
	}

	.bricks-wrapper .grid-sizer-small,
	.bricks-wrapper .brick-small {
		width: 20% !important;
	}

	.bricks-wrapper .featured-grid {
		width: 100%;
	}
}
@media only screen and (max-width:768px) {
	.bricks-wrapper .brick {
		padding: 0 15px;
	}
	.bricks-wrapper .grid-sizer,
	.bricks-wrapper .brick {
		width: 50%;
		padding: 0 15px;
	}
	.bricks-wrapper .grid-sizer-big,
	.bricks-wrapper .brick-big {
		width: 33.3% !important;
	}
	.bricks-wrapper .grid-sizer-medium,
	.bricks-wrapper .brick-medium {
		width: 33.3%;
	}

	.bricks-wrapper .grid-sizer-tiny,
	.bricks-wrapper .brick-tiny {
		width: 20%;
	}

	.bricks-wrapper .grid-sizer-small,
	.bricks-wrapper .brick-small {
		width: 20% !important;
	}

	.bricks-wrapper .grid-sizer-xlarge,
	.bricks-wrapper .brick-xlarge {
		width: 100%;
	}

	.bricks-wrapper .featured-grid {
		width: 100%;
	}
}

@media only screen and (max-width:600px) {
	#bricks .row {
		max-width: 460px;
	}

	.bricks-wrapper .grid-sizer,
	.bricks-wrapper .brick {
		width: 50%;
		padding: 0 15px;
		clear: both;
	}
	.bricks-wrapper .grid-sizer-big,
	.bricks-wrapper .brick-big {
		width: 50% !important;
	}
	.bricks-wrapper .grid-sizer-medium,
	.bricks-wrapper .brick-medium {
		width: 50%;
	}

	.bricks-wrapper .grid-sizer-tiny,
	.bricks-wrapper .brick-tiny {
		width: 33.3%;
	}

	.bricks-wrapper .grid-sizer-small,
	.bricks-wrapper .brick-small {
		width: 33.3% !important;
	}
}
@media only screen and (max-width:400px) {
	.bricks-wrapper .brick {
		width: 100% !important;
		float: none !important;
		clear: both !important;
		margin-left: 0;
		margin-right: 0;
		/*padding: 0;*/
	}
}