.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 .block-image {
width: 100%;
position: relative
}
.slz-block-item-06 .block-image:before {
content: "";
padding-top: 66%
}
.slz-block-item-06 .block-image .link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden
}
.slz-block-item-06 .block-image .link .img-full {
position: absolute;
height: 100%;
width: auto;
left: 50%;
top: 0;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%)
}
.slz-block-item-06 .block-image .link .cate-text {
position: absolute;
color: #FFFFFF;
top: 50%;
left: 0%;
z-index: 5;
text-align: center;
width:100%;
opacity: 0;
-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;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);
}
.slz-block-item-06 .block-image .link .cate-text:before {
content: "\f067";
font-family: 'FontAwesome';
width: 38px;
height: 38px;
line-height: 38px;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
z-index: 5;
opacity: 0;
-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;
border:1px solid #F13E4B;
color: #F13E4B;
}
.slz-block-item-06 .block-image:hover .link .cate-text:before,
.slz-block-item-06 .block-image:hover .link .cate-text {
opacity: 1;
}
.slz-block-item-06 .block-content {
padding: 30px
}
.slz-block-item-06 .block-content .block-title {
font-weight: 900;
font-size: 24px;
text-transform: capitalize;
margin-bottom: 20px
}
.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 {
margin-bottom: 20px
line-height: 24px;
}
.slz-block-item-06 .block-info {
font-style: normal;
font-weight: normal;
margin-bottom: 25px
}
.slz-block-item-06 .block-info li {
padding-left: 10px;
padding-right: 10px
}
.slz-block-item-06 .block-info li:last-child {
padding-right: 0
}
.slz-block-item-06 .block-info li:first-child {
padding-left: 0
}
.slz-block-item-06 .block-info li + li:before {
content: "|"
}
.slz-block-item-06 .block-info li .link {
color: #333
}
.slz-block-item-06 .block-info li .link:hover {
color: #337ab7
}
.slz-block-item-06 .block-info li .link > .title {
color: #666c72;
margin-right: 5px
}
.slz-block-item-06 .block-info li .link .text {
font-weight: 600
}
.slz-block-item-06 .location-item .title {
display: inline-block;
margin-right: 5px;
color: #666c72
}
.slz-block-item-06 .location-item .text {
font-weight: 600;
color: #333
}
.slz-block-item-06 .donate-bar {
position: relative;
width: 100%;
margin-bottom: 10px;
padding: 20px;
border-radius: 50px;
-webkit-border-radius: 50px;
background-color: #fff;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15)
}
.slz-block-item-06 .donate-bar .progress-title {
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%)
}
.slz-block-item-06 .donate-bar .progress {
width: calc(100% - 50px);
height: 10px
}
.slz-block-item-06 .donate-bar + .raise-goal-block {
margin-top: 15px
}
.slz-block-item-06 .raise-goal-block {
width: 100%
}
.slz-block-item-06 .raise-goal-block > div {
display: inline-block
}
.slz-block-item-06 .raise-goal-block > div + div:before {
display: inline-block;
content: "/";
color: #666c72;
padding: 0 10px
}
.slz-block-item-06 .raise-goal-block > div > .title {
display: inline-block;
margin-right: 5px;
color: #242021;
}
.slz-block-item-06 .raise-goal-block > div .text {
color: #F13E4B;
font-weight: 600
}
.slz-block-item-06 .raise-goal-block + .btn-block-donate {
margin-top: 30px
}
.slz-block-item-06 .btn-block-donate {
display: inline-block;
padding: 0px 20px;
font-weight: 700;
color: #fff;
line-height: 40px;
background-color: #F13E4B;
border-color: #F13E4B;
text-transform: uppercase
}
.slz-block-item-06 .btn-block-donate:after {
display: inline-block;
font-weight: normal;
content: "\f004";
font-family: 'FontAwesome';
margin-left: 10px
}
.slz-block-item-06 .btn-block-donate:hover {
background-color: #F13E4B;
border-color: #D93844;
}
.slz-block-item-06 .btn-block-donate + .social {
margin-top: 30px
}
.slz-block-item-06 .btn-buy-ticket {
display: inline-block;
padding: 15px 20px;
font-weight: 700;
color: #fff;
background-color: #337ab7;
text-transform: uppercase
}
.slz-block-item-06 .btn-buy-ticket:after {
display: inline-block;
font-weight: normal;
content: "\f105";
font-family: 'FontAwesome';
margin-left: 10px
}
.slz-block-item-06 .btn-buy-ticket:hover {
background-color: #285f8f
}
.slz-block-item-06 .slz-social-share {
float: right
}
.slz-block-item-06 .block-image:hover .link:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);  
}
.slz-block-item-06 .slz-social-share {
margin-top: 30px;
} .slz-block-item-06.style-1 {
display: table;
width: 100%
}
.slz-block-item-06.style-1 .block-image {
display: table-cell;
vertical-align: top;
width: 40%
}
.slz-block-item-06.style-1 .block-image:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease
}
.slz-block-item-06.style-1 .block-image .cate-text {
position: absolute;
opacity: 0;
top: 50%;
width: 100%;
text-align: center;
color: #fff;
z-index: 3;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease
}
.slz-block-item-06.style-1 .block-image:hover:after {
opacity: 1
}
.slz-block-item-06.style-1 .block-image:hover .cate-text {
opacity: 1
} .slz-block-item-06.style-2 .block-content {
text-align: center;
position: relative
}
.slz-block-item-06.style-2 .donate-bar {
position: absolute;
left: 30px;
right: 30px;
width: auto;
top: -30px;
z-index: 10
}
.slz-block-item-06.style-2 .raise-goal-block + .block-content-wrapper {
margin-top: 30px
}
.slz-block-item-06.style-2 .btn-block-donate + .slz-social-share {
margin-top: 20px
}
.slz-block-item-06.style-2 .slz-social-share {
float: none
}
.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;
}
.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.style-3 .block-image:before {
padding-top: 58%
}
.slz-block-item-06.style-3 .col-left {
width: 60%;
float: left;
padding-right: 15px;
padding-left: 15px
}
.slz-block-item-06.style-3 .col-right {
width: 40%;
float: left;
padding-left: 15px;
padding-right: 15px;
text-align: right
}
.slz-block-item-06.style-3 .block-info {
margin-bottom: 5px
}
.slz-block-item-06.style-3 .location-item {
margin-bottom: 25px
}
.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;
} .slz-block-item-06.style-4 {
position: relative;
padding: 0 20px 20px
}
.slz-block-item-06.style-4 .block-image:before {
padding-top: 56%
}
.slz-block-item-06.style-4 .block-info {
width: calc(100% - 135px);
float: left;
padding-right: 20px;
margin-bottom: 0
}
.slz-block-item-06.style-4 .block-info li {
display: block;
padding: 0
}
.slz-block-item-06.style-4 .block-info li + li {
margin-top: 10px
}
.slz-block-item-06.style-4 .block-info li + li:before {
content: none
}
.slz-block-item-06.style-4 .block-info li .link {
display: block;
position: relative;
padding-left: 20px
}
.slz-block-item-06.style-4 .block-info li .link:before {
position: absolute;
top: 0;
left: 0;
font-family: 'FontAwesome';
color: #337ab7
}
.slz-block-item-06.style-4 .block-info li .link .title {
display: block
}
.slz-block-item-06.style-4 .block-info li .link.date:before {
content: "\f073"
}
.slz-block-item-06.style-4 .block-info li .link.duration-time:before {
content: "\f017"
}
.slz-block-item-06.style-4 .block-info li .link.location:before {
content: "\f041"
}
.slz-block-item-06.style-4 .block-content {
padding: 30px 0
} .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;
pointer-events: none;
}
.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;
} .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-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;
} @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;
}
}