/*
 *
 *    [Table of contents]
 *
 *    Summary: Style Theme Widgets
 *
 *    1. Categories
 *    2. Recent Post
 *    3. New Tweet
 *    4. Newsletter
 *    5. Tags
 *    6. Gallery
 *    7. About Us
 *    8. Contact Us
 *    9. Top Events
 *    10. Lastest Causes
 *    11. Contact form
 *
 *
 *
 */

/*----------  1. Categories  ----------*/
    .slz-new-tweet .list-news-tweet .recent-post + .recent-post {
        margin-top: 30px;
    }
    .slz-new-tweet .list-news-tweet .re-tweeet {
        margin-bottom: 30px;
    }
    .slz-new-tweet .list-news-tweet .re-tweeet .recent-post .thumb {
        display: none;
    }
    .slz-new-tweet .list-news-tweet .recent-post .post-info .title .right-text {
        float: left;
    }
    .slz-new-tweet .list-news-tweet .re-tweeet .recent-post,
    .slz-new-tweet .list-news-tweet .re-tweeet .recent-post .post-info {
        display: block;
    }
    .slz-widget-category .widget-content .link,
    .slz-categories .link,
    .slz-categories2 .link {
        color: #202427;
        font-weight: 600;
        font-size: 14px;
        border: none;
        padding-bottom: 10px;
        margin-bottom: 0;
    }
    .slz-widget-category .widget-content .link:first-child,
    .slz-categories .link:first-child,
    .slz-categories2 .link:first-child {
        padding-top: 0;
    }
    .slz-widget-category .slz-categories .link > .text,
    .slz-categories .link > .text {
        margin-right: 5px;
    }
    .slz-widget-category .widget-content .link:hover,
    .slz-categories .link:hover,
    .slz-categories2 .link:hover {
        color: #f13e4b;
    }

    .slz-widget-category .slz-categories .link > .icons,
    .slz-categories .link > .icons {
        display: none;
        float: right;
        font-size: 16px;
    }
    .slz-widget-category .slz-categories .link > .text,
    .slz-categories .link > .text {
        font-size: inherit;
    }
    .slz-widget-category .slz-categories .link > .badge,
    .slz-categories .link > .badge {
        float: none;
        color: #9c9c9c;
        line-height: inherit;
        padding: 0;
        vertical-align: inherit;
    }

    .slz-categories .link > .badge {
        background-color: transparent;
    }

    .slz-categories .link > .badge:before {
        content: "(";
        color: inherit;
    }

    .slz-categories .link > .badge:after {
        content: ")";
        color: inherit;
    }

    .slz-categories2 .link > .icons {
        font-size: 16px;
        line-height: 30px;
    }
    .slz-categories .link > .icons {
        font-size: 16px;
        line-height: 26px;
    }

    .slz-categories2 .link {
        line-height: 30px;
        padding: 0 0 11px;
    }

    .slz-categories2 .link i:before {
        font-family: "FontAwesome";
        content: "\f0da";
        padding-right: 10px;
        color: inherit;
        position: relative;
        top: -2px;
    }

/*----------  2. Recent Post  ----------*/
    .slz-widget-recent-post .media {
        border: none;
    }
    
    .slz-widget-recent-post .icon-meta {
        display: inline-block;
    }

    .slz-widget-recent-post .wrapper-image {
        width: 140px;
        border-radius: 2px;
        -webkit-border-radius: 2px;
    }
    .slz-widget-recent-post .wrapper-image:before {
        padding-top: 65%;
    }
    
    .slz-widget-recent-post .meta-info:before {
        content: none;
    }

    .slz-widget-recent-post .media-heading {
        color: #202427;
        font-size: 16px;
        font-weight: 700;
        display: inline-block;
        margin-bottom: 15px;
    }
    .slz-widget-recent-post .media-heading:hover {
        color: #f13e4b;
    }
    .slz-widget-recent-post .meta {
        margin: 0;
    }
    .slz-widget-recent-post .meta-info {
        margin: 0 8px 5px;
        font-size: 14px;
        line-height: 24px;
    }
    .slz-widget-recent-post .meta-info.time {
        background-color: #f13e4b;
        padding: 2px 15px;
    }
    .slz-widget-recent-post .meta-info:first-child {
        display: none;
    }
    .slz-widget-recent-post .meta-info:nth-child(-n + 2) {
        margin-left: 0;
    }
    .slz-widget-recent-post .meta-info .link:hover,
    .slz-widget-recent-post .meta-info .link:focus {
        color: #f13e4b;
    }
    .slz-widget-recent-post .meta-info .link {
        font-weight: 600;
        padding-left: 0;
        line-height: inherit;
    }
    .slz-widget-recent-post .meta-info .link.date {
        color: #fff;
        font-style: normal;
    }
    .slz-widget-recent-post .meta-info .icon-meta + .link {
        padding-left: 5px;
    }

/*----------  3. New Tweet  ----------*/
    .slz-widget-new-tweet .slz-new-tweet .list-news-tweet .recent-post {
        padding: 10px 0;
    }
    .slz-widget-new-tweet .slz-new-tweet .list-news-tweet .recent-post .post-info .title .left-text .strongtext {
        padding-right: 5px;
    }
    .slz-widget-new-tweet .slz-new-tweet .list-news-tweet .recent-post .post-info .description .text {
        color: #494647;
    }
    .slz-widget-new-tweet .slz-new-tweet .list-news-tweet .recent-post .post-info .link {
        color: #2aa9e0;
    }
    .slz-widget-new-tweet .slz-new-tweet .list-news-tweet .recent-post .post-info .link:hover,
    .slz-widget-new-tweet .slz-new-tweet .list-news-tweet .recent-post .post-info .link:focus {
        color: #f13e4b;
    }

/*----------  4. Newsletter  ----------*/
    .slz-widget-send-mail .widget-content .description {
        margin-bottom: 20px;
    }
    .slz-widget-send-mail form {
        font-size: 0;
    }
    .slz-widget-send-mail .widget-content .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;
    }
    .slz-widget-send-mail .widget-content .form-control:focus {
        // border-color: #f13e4b;
        -webkit-box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1) !important;
        -moz-box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1) !important;
        box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1) !important;
    }
    .slz-widget-send-mail .slz-btn {
        padding: 0 30px;
        border: none;
        margin-left: 20px;
        padding: 0px 20px;
        font-size: 14px;
        width: 140px;
        height: 45px;
        line-height: 45px;
        text-transform: uppercase;
        float: right;
    }
    .slz-widget-send-mail .slz-btn:hover,
    .slz-widget-send-mail .slz-btn:focus {
        border: none;
    }
    .slz-widget-send-mail .slz-btn:after {
        content: '\f105';
        font-family: 'FontAwesome';
        padding-left: 10px;
        font-size: 15px;
        display: inline-block;
        transition: transform 0.4s ease;
        -webkit-: transform 0.4s ease;
        -moz-transition: transform 0.4s ease;
        -o-transition: transform 0.4s ease;
        -ms-transition: transform 0.4s ease;
    }
    .slz-widget-send-mail .slz-btn:hover:after {
        transform: translateX(10px);
        -webkit-transform: translateX(10px);
    }
    .slz-widget-send-mail .form-control + .form-control + .slz-btn {
        margin-left: 0;
        float: none;
    }
    .slz-widget-send-mail .widget-content .form-control:only-of-type {
        display: inline-block;
        width: calc( 100% - 180px);
        vertical-align: top;
        margin-bottom: 0;
    }

/*----------  5. Tags  ----------*/
    .slz-widget-tags .tags-links {
        padding-left: 0;
    }
    .slz-widget-tags .tags-links:before {
        content: none;
    }
    .slz-widget.slz-widget-tags ul li {
        display: inline-block;
        margin-right: 10px;
    }
    .slz-widget-tags ul li:first-child {
        padding-left: 0;
    }
    .slz-widget-tags ul li:last-child {
        padding-right: 0;
    }

    .slz-widget-tags ul li .tag {
        display: block;
        padding: 3px 20px 1px;
        border:1px solid #D8D8D8;
        border-radius: 30px;
        color: #242021;
        -webkit-border-radius: 30px;
        -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-widget-tags ul li .tag:hover{
        color: #f13e4b;
        border-color:#FFFFFF;
        -webkit-box-shadow: 2px 3px 9px 1px rgba( 0, 0, 0, 0.07);
        box-shadow: 2px 3px 9px 1px rgba( 0, 0, 0, 0.07);

    }
    

    .slz-widget-tags .tags-links a {
        color: #242021;
        padding: 0 15px;
        border: 1px solid #d8d8d8;
        border-radius: 50px;
        -webkit-border-radius: 50px;
    }
    
/*----------  6. Gallery  ----------*/
    .slz-widget.slz-widget-gallery ul {
        margin: 0 -8px;
    }
    .slz-widget.slz-widget-gallery ul li {
        padding: 8px;
    }

/*----------  7. About Us  ----------*/
    .slz-widget.slz-widget-about-us .logo-title {
        border: none;
    }
    .slz-widget.slz-widget-about-us .logo-title:before,
    .slz-widget.slz-widget-about-us .logo-title:after {
        content: none;
    }
    .slz-widget-about-us .social {
        margin-top: 25px;
    }
    .slz-widget-about-us .social .link {
        font-size: 14px;
        width: 30px;
        height: 30px;
        line-height: 28px;
        text-align: center;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 50%;
        -webkit-border-radius: 50%;
        color: #999999;
        margin: 0 5px;
    }
    .slz-widget-about-us .social .link:first-child {
        margin-left: 0;
    }
    .slz-widget-about-us .social .link:last-child {
        margin-right: 0;
    }
    .slz-widget-about-us .social .link .icons {
        line-height: inherit;
    }
    .slz-dark .slz-widget-about-us .social .link:hover{
        background-color: #FFFFFF;
        border-color: #FFFFFF;
    }

/*----------  8. Contact Us  ----------*/
    .slz-widget-contact .slz-widget-contact-info .item .icons {
        width: 30px;
        height: 30px;
        line-height: 28px;
        text-align: center;
        border: 1px solid #494647;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        position: relative;
        display: inline-block;
    }
    .slz-widget-contact .slz-widget-contact-info .item .contact-info {
        padding-left: 15px;
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 30px);
    }
    .slz-widget-contact .slz-widget-contact-info .item .contact-title {
        font-size: 16px;
        font-weight: 600;
        color: #f13e4b;
        text-transform: capitalize;
    }
    .slz-widget-contact .slz-widget-contact-info .item .text {
        padding-left: 0;
        display: inline-block;
    }
    .slz-widget-contact .slz-widget-contact-info .item + .item {
        padding-top: 25px;
        margin-top: 25px;
        border-top: 1px solid #f3f3f3;
    }

/*----------  9. Top Events  ----------*/
    .slz-widget-events {
        padding-bottom: 10px;
    }
    .slz-event-countdown-01 .block-image:before {
        // content: none;
    }
    .slz-widget-events .widget-content {
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        -webkit-border-radius: 6px;
    }
    .slz-widget-events .slz-event-countdown-01 .block-image .event-desc {
        padding: 50px 5px;
        text-align: center;
        // position: relative;
        // top: auto;
        // right: auto;
    }
    .slz-event-countdown-01 .coming-soon {
        padding: 15px 0 10px;
    }
    .slz-widget-events .slick-dots {
        bottom: -45px;
    }
    .slz-widget-events .slz-event-countdown-01 .block-image {
        border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        min-width: 100px;
    }
    .slz-widget-events .slz-event-countdown-01 .block-image .event-desc .date {
        font-size: 18px;
        font-weight: 800;
        color: #f13e4b;
        margin-bottom: 5px;
    }
    .slz-widget-events .slz-event-countdown-01 .block-image .event-desc .title {
        font-size: 18px;
        font-weight: 700;
        margin: 0;
        text-transform: uppercase;
    }
    .slz-widget-events .slz-event-countdown-01 .coming-soon .main-count-wrapper:after {
        top: 50%;
        height: 50%;
        transform: translateY(-50%);
    }
    .slz-widget-events .slz-event-countdown-01 .coming-soon .main-count-wrapper .main-count .count {
        color: #202427;
        font-weight: 800;
    }
    .slz-widget-events .slz-event-countdown-01 .coming-soon .main-count-wrapper .main-count .stat-label {
        text-transform: uppercase;
    }

/*----------  10. Lastest Causes  ----------*/
    .slz-widget-causes .item + .item {
        margin-top: 30px;
    }
    .slz-blog-detail.slz-causes .slz-widget-causes .slz-block-item-06{
        margin-bottom: 0px;
    }
    .slz-widget-causes .slz-block-item-06 {
        box-shadow: none;
        -webkit-box-shadow: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        margin-bottom: 0px;
    }
    .slz-widget-causes .slz-block-item-06 .block-label{
        display: none;
    }
    .slz-widget-causes .slz-block-item-06.style-1 .block-image {
        display: inline-block;
        width: 140px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0) scale(1.0, 1.0);
    }
    .slz-widget-causes .slz-block-item-06.style-1 .block-content {
        display: inline-block;
        padding: 0 0 0 15px;
        width: calc(100% - 155px);
    }
    .slz-widget-causes .slz-block-item-06.style-1 .block-content .block-title {
        font-size: 14px;
        font-weight: 700;
        display: inline-block;
        margin-bottom: 0px;
    }
    .slz-widget-causes .slz-block-item-06.style-1 .block-content .remain_time {
        color: #9c9c9c;
    }
    .slz-widget-causes .slz-block-item-06.style-1 .donate-bar {
        background-color: transparent;
        box-shadow: none;
        padding: 0;
        margin: 15px 0 0;
    }