/**
 *
 * 0. General
 *
 *	1. Causes layout 01
 *
 *	2. Causes layout 02
 *
 *	3. Causes layout 03
 *
 *	RESPONISVE
 *
 */

/*----------  0. General  ----------*/
.sc_causes_block_layout_1 ~ .text-c .slz-btn > .btn-text + .btn-icon {
    color: #242021;
}

.sc_causes_block_layout_1 ~ .text-c .slz-btn:hover > .btn-text + .btn-icon {
    color: #ffffff;
}
.slz-carousel-wrapper .carousel-overflow .slz-block-item-06 {
	margin-bottom: 15px;
}
.causes-slider .slz-carousel-wrapper .slick-list {
	min-height: 400px;
}
.slz-block-item-06{
	position: relative;
    -webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.1);
    border-radius: 4px;
    background-color: #FFFFFF;
    -webkit-border-radius: 4px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    
}
.slz-block-item-06:hover{
	-webkit-box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.05); 
}
.slz-block-item-06 .block-label{
	top: 25px;
	background-color: #fff;
	padding: 15px 15px 10px;	
	text-transform: uppercase;
	font-weight: 600;
	color: #202427;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.slz-block-item-06 .block-label .text:before {
    content: "\f0e7";
    font-family: "FontAwesome";
    margin-right: 5px;
    color: #F13E4B;
}

.slz-block-item-06 .slz-progress-bar-01.style-1  .progress{
	max-width: initial;
	width: calc(100% - 60px);
}
.slz-block-item-06 .progress-bar{
	background-color: #F13E4B;
}
.progress-bar-striped, 
.progress-striped .progress-bar{
	background-size: 6px 6px;
	background-image: -webkit-linear-gradient(-45deg,rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(-45deg,rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(0,0,0,0.08) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.08) 50%,rgba(0,0,0,0.08) 75%,transparent 75%,transparent);
}
.slz-progress-bar-01 .percent{
	color: #585858;
	font-weight: 600;
}
.slz-block-item-06 .raise-goal-block > div > .title{
	color: #242021;
}
.slz-block-item-06 .raise-goal-block > div .text{
	color: #F13E4B;
}
.slz-block-item-06 .btn-block-donate{
	background-color: #F13E4B;
	border-color: #F13E4B;
	line-height: 1.4;
	padding: 12px 20px 10px 20px;
}

.slz-block-item-06 .btn-block-donate:hover{
	background-color: #F13E4B;
	border-color: #D93844;
}

.slz-block-item-06 .block-image .link .cate-text{
	color: #FFFFFF;
}
.slz-block-item-06 .block-image .link .cate-text:before{
	border:1px solid #F13E4B;
	color: #F13E4B;
}

.slz-block-item-06.style-2 .block-content .block-title{
	margin-bottom: 0px;
	font-size: 20px;
}
.slz-block-item-06 .block-content .block-title + .btn-block-donate{
	margin-top: 30px;
}
.slz-progress-bar-01 .progress{
	box-shadow: none;
	-webkit-box-shadow: none;
	background-color: #EAEAEA;
}
.slz-block-item-06 .block-text {
	line-height: 24px;
}

/*----------  1. Causes layout 01  ----------*/
.slz-block-item-06.style-2  .block-image .link{
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	overflow: hidden;
	z-index: 1;
}

/*----------  2. Causes layout 02  ----------*/
.sc_causes_block_layout_2 .slz-block-item-06 .block-image{
	border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.slz-block-item-06 .slz-social-share{
	margin-top: 30px;
}

/*----------  3. Causes layout 03  ----------*/
.sc_causes_block_layout_3  .slz-block-item-06{
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
}
.sc_causes_block_layout_3  .slz-block-item-06:hover{
	box-shadow: none;
	-webkit-box-shadow: none;
}
.sc_causes_block_layout_3 .slz-block-item-06 .block-image {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.sc_causes_block_layout_3  .slz-block-item-06 .block-content .block-title{
	display: inline;
	margin-right: 5px;
}
.sc_causes_block_layout_3  .slz-block-item-06 .block-content .remain_time{
	display: inline;
	color: #9c9c9c;
}
.sc_causes_block_layout_3 .slz-block-item-06 .donate-bar{
	padding: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.sc_causes_block_layout_3 .donate-bar{
	margin-top: 20px;
}
.sc_causes_block_layout_3 .slz-block-item-06 .block-content{
	padding:0px 0px 0px 30px;
}

/*----------  4. Cause single  ----------*/
.slz-block-item-06.style-3  .btn-block-donate:after{
	content: "\f004";
	-webkit-transform: translate(0,-1px);
	-moz-transform: translate(0,-1px);
	-ms-transform: translate(0,-1px);
	-o-transform: translate(0,-1px);
	transform: translate(0,-1px);
	
}
.slz-block-item-06.style-3  .btn-block-donate:hover:after{
	-webkit-transform: translate(0,-1px);
	-moz-transform: translate(0,-1px);
	-ms-transform: translate(0,-1px);
	-o-transform: translate(0,-1px);
	transform: translate(0,-1px);
	
}
.slz-blog-detail.slz-causes .slz-block-item-06 .block-image:before{
	content: none;
}
.slz-blog-detail.slz-causes .slz-block-item-06 .block-image .link{
	position: relative;
	left: auto;
	top: auto;
	bottom: auto;
	right: auto;

}
.slz-blog-detail.slz-causes .slz-block-item-06 .block-image .link .img-full{
	position: relative;
	left: auto;
	top: auto;
	height: auto;
	width: 100%;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
}
.slz-blog-detail.slz-causes .slz-block-item-06{
	margin-bottom: 50px;
}
.slz-blog-detail.slz-causes .slz-block-item-06 .block-image .link{
	pointer-events: none;
}
.slz-blog-detail.slz-causes .slz-block-item-06 .block-image .link:after{
	content: none;
}
.slz-blog-detail.slz-causes .slz-block-item-06 .block-image .link .cate-text{
	display: none;
}
.slz-blog-detail.slz-causes .slz-block-item-06.style-3 .block-info{
	margin-top: 15px;
}
.slz-blog-detail.slz-causes  .slz-block-item-06 .block-info li{
	margin-right: 0px;
	position: relative;
}
.slz-blog-detail.slz-causes  .slz-block-item-06 .block-info li + li:before{
	position: absolute;
	right: 100%;
	top: 0;
	margin-right: -1px;
}
.slz-blog-detail.slz-causes  .slz-block-item-06 .block-info .link,
.slz-blog-detail.slz-causes  .slz-block-item-06 .block-info .link:hover{
	color: #494647;
}
.slz-blog-detail.slz-causes  .slz-block-item-06 .block-title{
	font-size: 24px;
}

/*----------  slz-nav-tabs  ----------*/
	.sc_causes_block_layout_1 .tab-list-wrapper .tab-list:last-child,
	.sc_causes_block_layout_1 .tab-list-wrapper .tab-list{
		display: block;
		margin-bottom: 40px;
		padding-left: 0px;
		border-bottom:1px solid #d8d8d8;
	}
	.tab-list-wrapper .tab-list >li{
		margin-bottom: -1px;
		border-bottom:1px solid transparent;
	}
	.tab-list-wrapper .tab-list >li.active {
		border-color: #F13E4B;
	}
	.tab-list-wrapper .tab-list >li:hover{
		background: transparent;
	}
	.tab-list-wrapper .tab-list>li.active>a:focus, 
	.tab-list-wrapper .tab-list>li.active>a:hover{
		background: transparent;
		border-width: 0;
		margin:0px;
	}
	.tab-list-wrapper .tab-list>li >a{
		margin:0px;
		font-weight: 600;
		border:none;
		border-bottom: 0;
	}
	.tab-list-wrapper .tab-list .open >a,
	.tab-list-wrapper .tab-list li.active a,
	.tab-list-wrapper .tab-list li a:hover{
		color: #F13E4B;
		background: transparent;
	}
	.tab-list-wrapper .tab-list .dropdown-menu{
		padding-left: 0px;
	}
	.tab-list-wrapper .tab-list .dropdown-menu li{
		margin: 0px;
		display: block;
	}
	.tab-list-wrapper .tab-list .dropdown-menu li a{
		display: block;
	}
/*----------  Donation slider   ----------*/
	.causes-slider .slick-track{
		font-size: 0px;
	}
	.causes-slider .slick-track:before,
	.causes-slider .slick-track:after{
		content: none;
	}
	.causes-slider .slick-track > .slick-slide{
		font-size: 14px;
	}
	.causes-slider .slick-arrow.btn-prev, 
	.causes-slider .slick-arrow.btn-next{
		width: 40px;
		height: 40px;
		line-height: 40px;
		opacity: 1;
		visibility: visible;
	}
	.causes-slider .slick-arrow.btn-prev:hover, 
	.causes-slider .slick-arrow.btn-next:hover{
		background: #FFFFFF;
	}
	.causes-slider .slick-arrow.btn-prev{
		left: -50px;
	}
	.causes-slider .slick-arrow.btn-next{
		right: -50px;
	}
	.causes-slider .slz-carousel-wrapper:hover .slick-arrow.btn-prev{
		left: -50px;
	} 
	.causes-slider .slz-carousel-wrapper:hover .slick-arrow.btn-next{
		right: -50px;
	}
	.causes-slider .slick-arrow.btn-prev:before{
		font-size: 20px;
		-webkit-transform: translate(-1px,-6px);
		-moz-transform: translate(-1px,-6px);
		-ms-transform: translate(-1px,-6px);
		-o-transform: translate(-1px,-6px);
		transform: translate(-1px,-6px);
	}
	.causes-slider .slick-arrow.btn-next:before{
		font-size: 20px;
		-webkit-transform: translate(0,-6px);
		-moz-transform: translate(0,-6px);
		-ms-transform: translate(0,-6px);
		-o-transform: translate(0,-6px);
		transform: translate(0,-6px);
		
	}

/*==================================
=        DONATION MODAL BOX        =
==================================*/
	.donation-button-segment-group .radio label {
		vertical-align: top;
		padding-left: 0;
		padding-right: 15px;
	}
	.donation-button-segment-group .radio label:last-child {
		padding-right: 0;
	}
	.donation-button-segment-group .radio {
		margin: 0;
	}
	.donation-button-segment-group .radio input[type="radio"] {
		display: none;
	}
	.donation-button-segment-group .radio .label-check span {
		font-weight: 700;
		color: #242021;
	}
	.donation-button-segment-group .radio .label-check.slz-btn {
		border-color: #b8b8b8;
		color: #242021;
		background-color: transparent;
	}
	.donation-button-segment-group .radio .label-check.slz-btn:hover,
	.donation-button-segment-group .radio input[type="radio"]:checked + .label-check.slz-btn {
		background-color: #f13e4b;
		border-color: #f13e4b;
		color: #ffffff;
	}

	.donation-button-segment-group .radio .form-control {
		border: 1px solid transparent;
	    background-color: #f3f3f3;
	    padding: 14px 20px 10px;
	    height: auto;
	    line-height: 1.4;
	    border-radius: 3px;
	    -webkit-border-radius: 3px;
	    font-size: 14px;
	    pointer-events: none;
	    width: 180px;
	    display: inline-block;
	    font-weight: 700;
	}
	.donation-button-segment-group .radio .form-control:focus {
	    border-color: #f13e4b;
	    box-shadow: none;
	}
	.donation-button-segment-group .radio input[type="radio"]:checked + .label-check .form-control {
		pointer-events: auto;
	}
	.donation-button-segment-group .radio .label-check.slz-btn {
		min-width: 60px;
		padding: 14px 20px 10px;
	}
	.slz-block-item-06.style-3 .col-right .btn-block-donate + .modal {
		text-align: left;
	}
	.btn-block-donate + .modal .modal-title {
	    color: #202427;
	    text-transform: capitalize;
	    font-family: 'Khula', sans-serif;
	    font-weight: 900;
        font-size: 24px;
	}
	.btn-block-donate + .modal .modal-header {
		border-bottom: 0;
		padding: 15px 30px;
	}
	.btn-block-donate + .modal .modal-header .close {
		margin-right: -15px;
	}
	.btn-block-donate + .modal .modal-body {
		padding: 0 30px;
	}
	.btn-block-donate + .modal .modal-footer {
		border-top: 0;
		padding: 15px 30px 30px;
		text-align: left;
	}
	.btn-block-donate + .modal .slz-form-donate .form-group {
		margin: 0;
	}

/*==================================
=            RESPONISVE            =
==================================*/

@media screen and (max-width: 1024px) {
	.causes-slider .slick-arrow{
		display: none!important;
	}
}

@media screen and (max-width: 768px) {
	.slz-block-item-06 .slz-social-share{
		float: none;
		text-align: left;
	}
	.causes-slider .slz-carousel-wrapper .slick-list {
		min-height: 1px;
	}
}

@media screen and (max-width: 767px) {
	
}


@media screen and (max-width: 600px) {
	.slz-block-item-06 .slz-social-share{
		float: none;
		text-align: left;
		margin-top: 20px;
	}
	.sc_causes_block_layout_2 .slz-block-item-06 .block-title + .block-text{
		margin-top: 10px;
	}
	.donation-button-segment-group .radio .form-control {
	    width: 135px;
	}
}

@media screen and (max-width: 480px) {
	.causes-slider .slz-block-item-06.style-1,
	.sc_causes_block_layout_3 .slz-block-item-06.style-1,
	.sc_causes_block_layout_2 .slz-block-item-06.style-1{
		display: block;
	}
	.causes-slider .slz-block-item-06.style-1 .block-image,
	.sc_causes_block_layout_3 .slz-block-item-06 .block-image,
	.sc_causes_block_layout_2 .slz-block-item-06.style-1 .block-image{
		width: 100%;
		display: block;
	}
	.sc_causes_block_layout_3 .slz-block-item-06 .block-content{
		padding: 30px 0px 0px;
	}
	.causes-slider .slz-block-item-06.style-1 .block-image,
	.sc_causes_block_layout_2 .slz-block-item-06 .block-image{
		border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;
	}
	.donation-button-segment-group .radio .form-control {
        width: calc(100% - 12px);
	}
	.donation-button-segment-group .radio label {
	    vertical-align: top;
	    width: 100%;
	    padding-right: 0;
	}
	.donation-button-segment-group .radio .label-check.slz-btn {
	    min-width: 1px;
	    width: 100%;
	}
	.donation-button-segment-group .radio .label-check.slz-btn:before {
		content: none;
	}
	.donation-button-segment-group {
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 380px) {
	.btn-block-donate + .modal .modal-title {
	    font-size: 20px;
	}
}

@media screen and (max-width: 320px) {
	.btn-block-donate + .modal .modal-title {
	    font-size: 16px;
	}
}

/*=====  End of RESPONISVE  ======*/