/**
 *
 * 0. General
 *
 *	1. Causes layout 01
 *
 *	2. Causes layout 02
 *
 *	3. Causes layout 03
 *
 *	RESPONISVE
 *
 */

/*----------  0. General  ----------*/
	.slz-block-item-06 .donate-bar,
	.slz-block-item-06 .btn-block-donate {
		margin-top: 20px;
	}
	.slz-form-event-donate .gdlr-head,
	.slz-form-donate .gdlr-head {
	    font-size: 15px;
	    font-weight: bold;
	    display: block;
	    margin-bottom: 25px;
	}
	.sc_causes_block_layout_1 ~ .text-c .slz-btn > .btn-text + .btn-icon {
	    color: #242021;
	    margin-left: 10px;
	}

	.sc_causes_block_layout_1 ~ .text-c .slz-btn:hover > .btn-text + .btn-icon,
	.sc_causes_block_layout_1 ~ .text-c .slz-btn:focus > .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% - 45px);
	}
	.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-header-topbar .btn-block-donate,
	.slz-block-item-06 .btn-block-donate{
		background-color: #F13E4B;
		border-color: #F13E4B;
		line-height: 1.4;
		padding: 12px 20px 10px 20px;
		margin-left: 0;
	}
	.slz-header-topbar .slz-topbar-list>.btn-block-donate {
	    padding: 0 15px;
	    min-width: 1px;
	    line-height: 51px;
	    border-radius: 0;
	    -webkit-border-radius: 0;
	}
	.slz-header-topbar .btn-block-donate:hover,
	.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;
	}
	.slz-block-item-06 .donate-bar .progress-title{
		right: 0px;
	}
	.slz-causes .slz-block-item-06 .donate-bar .progress-title,
	.sc_causes .slz-block-item-06 .donate-bar .progress-title{
		right: 20px;
	}
	/*----------  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;
	}
	.sc_causes_block_layout_2 .slz-block-item-06 .donate-bar {
		margin-top: 20px;
	}
	.slz-block-item-06.style-2 .donate-bar {
	    top: 0;
	    margin: 0;
	    transform: translate(0,-50%);
	    -webkit-transform: translate(0,-50%);
	}

/*----------  3. Causes layout 03  ----------*/
	.sc_causes_block_layout_3 .slz-block-item-06 {
	    padding: 55px 70px;
	    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;
	}
	.sc_causes_block_layout_3 .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);
	}
	.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-block;
		font-size: 30px;
		line-height: 1.2;
		margin-right: 5px;
		margin-bottom: 10px;
		text-transform: uppercase;
	}
	.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{
	    width: 100%;
	    padding: 20px;
	    border-radius: 50px;
	    -webkit-border-radius: 50px;
	    background-color: #fff;
	    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
	    margin-top: 0;
	}
	.sc_causes_block_layout_3 .slz-block-item-06 .block-content{
		padding:0;
	}
	.sc_causes_block_layout_3 .slz-block-item-06 .block-content:before,
	.sc_causes_block_layout_3 .slz-block-item-06 .block-content:after {
		content: '';
		display: table;
		clear: both;
	}
	.sc_causes_block_layout_3 .slz-block-item-06 .block-main,
	.sc_causes_block_layout_3 .slz-block-item-06 .block-content-wrapper {
		width: calc(50% - 15px);
		float: left;
	}
	.sc_causes_block_layout_3 .slz-block-item-06 .block-content-wrapper {
		margin-left: 30px;
	}

/*----------  4. Cause single  ----------*/
.slz-header-topbar  .btn-block-donate:after {
	font-family: 'FontAwesome';
	margin-left: 10px;
}
.slz-header-topbar  .btn-block-donate:after,
.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-header-topbar  .btn-block-donate:hover:after,
.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        =
==================================*/
	.slz-donate-submit .radio .donate-item,
	.donation-button-segment-group .radio .donate-item {
		vertical-align: top;
		padding-left: 0;
		padding-right: 15px;
		display: inline-block;
		padding-bottom: 15px;
		cursor: pointer;
	}
	.slz-donate-submit .radio .donate-item:last-child,
	.donation-button-segment-group .radio .donate-item:last-child {
		padding-right: 0;
	}
	.slz-donate-submit .radio,
	.donation-button-segment-group .radio {
		margin: 0 0 10px;
	}
	.slz-donate-submit .radio input[type="radio"],
	.donation-button-segment-group .radio input[type="radio"] {
		display: none;
	}
	.slz-donate-submit .radio .label-check span,
	.donation-button-segment-group .radio .label-check span {
		font-weight: 700;
		color: #242021;
	}
	.slz-donate-submit .radio .label-check.slz-btn,
	.donation-button-segment-group .radio .label-check.slz-btn {
		border-color: #b8b8b8;
		color: #242021;
		background-color: transparent;
	}
	.slz-donate-submit .radio .label-check.slz-btn:hover,
	.donation-button-segment-group .radio .label-check.slz-btn:hover,
	.slz-donate-submit .radio input[type="radio"]:checked + .label-check.slz-btn,
	.donation-button-segment-group .radio input[type="radio"]:checked + .label-check.slz-btn {
		background-color: #f13e4b;
		border-color: #f13e4b;
		color: #ffffff;
	}
	.slz-donate-submit .donation-item {
		margin-top: 15px;
		float: left;
		width: calc(50% - 15px);
	}
	.slz-donate-submit .donation-item:nth-child(even) {
		margin-left: 30px;
	}
	.slz-donate-submit .donation-item>span {
	    display: block;
	    font-size: 16px;
	    font-weight: 600;
	}
	.slz-donate-submit .radio .form-control,
	.slz-donate-submit .donation-item>input,
	.slz-donate-submit .donation-item>textarea,
	.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: 190px;
	    display: inline-block;
	}
	.slz-donate-submit .radio .form-control:focus,
	.slz-donate-submit .donation-item>input:focus,
	.donation-button-segment-group .radio .form-control:focus {
	    border-color: #f13e4b;
	    box-shadow: none;
	}
	.slz-donate-submit .donation-item>input,
	.slz-donate-submit .donation-item>textarea {
		display: block;
		width: 100%;
		pointer-events: auto;
		resize: none;
	}
	// .slz-donate-submit .donation-item.donation-firstname,
	// .slz-donate-submit .donation-item.donation-lastname {
	// 	width: calc(50% - 17px);
	// 	display: inline-block;
	// }
	.slz-donate-submit .donation-item.donation-lastname {
		margin-left: 30px;
	}
	.slz-donate-submit .btn-block-donate {
		margin: 30px 0 0;
	}
	.slz-event-donate + .modal .slz-donate-submit .modal-body,
	.btn-block-donate + .modal .slz-donate-submit .modal-body {
		padding-bottom: 30px;
	}
	.slz-donate-submit .radio input[type="radio"]:checked + .label-check .form-control,
	.donation-button-segment-group .radio input[type="radio"]:checked + .label-check .form-control {
		pointer-events: auto;
	}
	.slz-donate-submit .radio .label-check.slz-btn,
	.donation-button-segment-group .radio .label-check.slz-btn {
		min-width: 60px;
		padding: 14px 20px 10px;
		margin-left: 0;
		line-height: 1.3;
	}
	.slz-block-item-06.style-3 .col-right .btn-block-donate + .modal {
		text-align: left;
	}
	.slz-event-donate + .modal .modal-title,
	.btn-block-donate + .modal .modal-title {
	    color: #202427;
	    text-transform: capitalize;
	    font-family: 'Khula', sans-serif;
	    font-weight: 900;
        font-size: 24px;
	}
	.slz-event-donate + .modal .modal-header,
	.btn-block-donate + .modal .modal-header {
		border-bottom: 0;
		padding: 15px 30px;
	}
	.slz-event-donate + .modal .modal-header .close,
	.btn-block-donate + .modal .modal-header .close {
		margin-right: -15px;
	}
	.slz-event-donate + .modal .modal-body,
	.btn-block-donate + .modal .modal-body {
		padding: 0 30px;
	}
	.slz-event-donate + .modal .modal-footer,
	.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;
	}

	.btn-block-donate + .modal .slz-form-donate .form-group > .row {
		margin-right: 0;
		margin-left: 0;
	}
	.slz-donate-submit .radio input[type="radio"] {
		display: none;
	}
	.slz-event-donate + .modal .modal-title,
	.slz-event-donate + .modal .modal-body {
		text-align: left;
	}
	.slz-event-donate {
		color: #ffffff;
	    margin: 15px 15px 0;
	    display: inline-block;
	}

/*==================================
=            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;
	}
	.slz-header-topbar .slz-topbar-list>.btn-block-donate {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.slz-donate-submit .donation-item {
		width: 100%;
		display: block;
	}
	.slz-donate-submit .donation-item:nth-child(even) {
		margin-left: 0;
	}
	// .slz-donate-submit .donation-item.donation-firstname,
	// .slz-donate-submit .donation-item.donation-lastname {
	// 	width: 100%;
	// 	display: block;
	// }
	.slz-donate-submit .donation-item.donation-lastname {
		margin-left: 0;
	}
}


@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;
	}
	.slz-donate-submit .radio .form-control,
	.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;
	}
	.slz-donate-submit .radio .form-control,
	.donation-button-segment-group .radio .form-control {
        width: calc(100% - 12px);
	}
	.slz-donate-submit .radio label,
	.donation-button-segment-group .radio label {
	    vertical-align: top;
	    width: 100%;
	    padding-right: 0;
	}
	.slz-donate-submit .radio .label-check.slz-btn,
	.donation-button-segment-group .radio .label-check.slz-btn {
	    min-width: 1px;
	    width: 100%;
	}
	.slz-donate-submit .radio .label-check.slz-btn:before,
	.donation-button-segment-group .radio .label-check.slz-btn:before {
		content: none;
	}
	.slz-donate-submit,
	.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  ======*/


