/**
 *
 *  1.0. widget global
 *  1.1. widget about us
 *  1.2. widget banner
 *  1.3. widget categories
 *  1.4. widget contact
 *  1.5. widget image silder
 *  1.6. widget newsletter
 *  1.7. widget post block
 *  1.8. widget post slider
 *  1.9. widget recent post
 *  1.10. widget tags
 *  1.11. widget taxonomy
 *  1.12. Widget gallery
 *
 *
 *
 */


/*----------  1.0. widget global  -----------------*/

    .slz-widget {
        margin-top: 50px;
    }

    .slz-widget .widget-title {
        display: block;
        font-size: 16px;
        font-weight: 700;
        min-height: 24px;
        margin: 0 0 30px 0;
        position: relative;
        color: #213047;
        text-transform: uppercase;
    }

    .slz-widget .widget-content {
        display: block;
    }

    .slz-widget:first-child {
        margin-top: 0;
    }

/*----------  1.1. widget about us  ---------------*/

    .slz-widget-about-us .slz-logo {
        left: 0;
        top: 50%;
        margin-bottom: 0;
        position: absolute;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .slz-widget-about-us p {
        margin: 0 0 25px 0;
    }

    .slz-widget-about-us p br {
        content: '';
        height: 15px;
        display: block;
    }

    .slz-widget-about-us p:last-child {
        margin: 0;
    }
    .social a {
        display: inline-block;
        vertical-align: top;
        margin: 0 12px;
        font-size: 14px;
        color: #213047;
    }

    .social a:hover {
        color: #337ab7;
    }

    .social a:first-child {
        margin-left: 0;
    }

    .social a:last-child {
        margin-right: 0;
    }

/*----------  1.2. widget banner  -----------------*/

    .slz-banner-image a {
        display: block;
    }

    .slz-banner-image img {
        margin: 0 auto;
    }

/*----------  1.3. widget categories  -------------*/

    .slz-categories .link {
        display: block;
        line-height: 30px;
        color: #666c72;
    }

    .slz-categories .link > .icons {
        width: 18px;
        line-height: inherit;
        text-align: left;
        display: inline-block;
        vertical-align: top;
    }

    .slz-categories .link > .text {
        display: inline;
        line-height: inherit;
        vertical-align: top;
    }

    .slz-categories .link > .badge {
        margin-left: 5px;
    }

    .slz-categories .link:hover {
        color: #337ab7;
    }

    .slz-categories .two-column {
        margin: 0 -5px;
    }

    .slz-categories .two-column .link {
        width: 50%;
        float: left;
        padding: 0 5px;
    }

    .slz-categories2 .link {
        display: block;
        padding: 12px 0;
        color: #666c72;
    }

    .slz-categories2 .link > .icons {
        width: 15px;
        line-height: inherit;
        text-align: left;
        display: inline-block;
        vertical-align: top;
    }

    .slz-categories2 .link > .text {
        display: inline;
        line-height: inherit;
        vertical-align: top;
    }

    .slz-categories2 .link > .label-right {
        float: right;
        line-height: inherit;
    }

    .slz-categories2 .link:first-child {
        padding-top: 0;
        border-top: none;
    }

    .slz-categories2 .link:last-child {
        padding-bottom: 0;
    }

    .slz-categories2 .link:hover {
        color: #337ab7;
    }

    .slz-widget-category a {
        color: #636363;
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 10px;
        border-bottom: 1px solid #f4f5f7;
        margin-bottom: 15px;
    }

    .slz-widget-category a:last-child {
        padding-bottom: 0;
        border: none;
        margin-bottom: 0;
    }

    .slz-categories .link > .icons {
        display: none;
    }

    .slz-categories .link > .text {
        line-height: inherit;
    }

    .slz-categories .link > .badge {
        float: right;
        background-color: transparent;
        color: inherit;
        font-size: 14px;
        position: relative;
        font-weight: 500;
    }

    .slz-categories .link > .badge:before {
        content: '(';
    }

    .slz-categories .link > .badge:after {
        content: ')';
    }

/*----------  1.4. widget contact  ----------------*/

    .slz-widget-contact-info .item {
        display: table;
        position: relative;
    }

    .slz-widget-contact-info .item > .icons {
        display: table-cell;
        width: 30px;
        text-align: left;
    }

    .slz-widget-contact-info .item > .contact-info {
        display: table-cell;
    }

    .slz-widget-contact-info .item > .text {
        display: block;
        margin: 0;
    }

    .slz-widget-contact-info .item:first-child {
        margin-top: 0;
    }

    .slz-widget-contact-info .item + .item {
        margin-top: 10px;
    }

    .slz-widget-contact-info .item .icons {
        position: relative;
        line-height: 24px;
        left: 0;
    }

/*----------  1.5. widget image silder  -----------*/

    .slz-carousel-photos .heading .title {
        padding: 40px 0;
        margin: 0;
        text-align: center;
        font-size: 16px;
        text-transform: uppercase;
        color: #213047;
        background-color: #f8f8f8;
        font-weight: 600;
        line-height: 1;
    }

    .slz-carousel-photos .slz-carousel .item {
        border-left: 1px solid #fff;
    }

    .slz-carousel-photos .slz-carousel .thumb {
        position: relative;
        display: block;
    }

    .slz-carousel-photos .slz-carousel .thumb img {
        width: 100%;
    }

/*----------  1.6. widget newsletter  -------------*/

    .slz-widget-send-mail > p {
        margin: 0 0 25px 0;
    }

    .slz-widget-send-mail > p:last-child {
        margin: 0;
    }

    .slz-widget-send-mail .widget-content .form-control {
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin-bottom: 20px;
        padding: 0 12px 0 0;
        resize: none;
        border: none;
        color: #61728d;
        border-bottom: 1px solid #e9ebef;
        border-radius: 0;
        background-color: transparent;
        box-shadow: none !important;
    }

    .slz-widget-send-mail .widget-content .btn {
        border-radius: 0;
    }

    .slz-widget-send-mail2 .description {
        margin: 0 0 20px 0;
    }

    .slz-widget-send-mail2 .slz-input-group {
        position: relative;
        padding: 3px;
        margin: 0 0 20px 0;
        display: table;
        border-collapse: separate;
        border: 1px solid #e9ebef;
    }

    .slz-widget-send-mail2 .slz-input-group .form-control {
        display: table-cell;
        width: 100%;
        height: 40px;
        //line-height: 40px;
        border-color: transparent;
        background-color: transparent;
        box-shadow: none !important;
        position: relative;
        z-index: 2;
        float: left;
        margin-bottom: 0;
    }

    .slz-widget-send-mail2 .slz-input-group .form-control:focus {
        border-color: transparent;
    }

    .slz-widget-send-mail2 .slz-input-group .input-group-button {
        display: table-cell;
        position: relative;
        font-size: 0;
        white-space: nowrap;
        width: 1%;
        vertical-align: middle;
    }

    .slz-widget-send-mail2 .slz-input-group .input-group-button > * {
        font-size: 14px;
    }

    .slz-widget-send-mail2 .slz-input-group .input-group-button > .btn {
        position: relative;
        height: 40px;
    }

    .slz-widget-send-mail2 .slz-input-group .input-group-button > .btn > .btn-text + .btn-icon {
        margin: 0 0 0 10px;
    }

    .slz-widget-send-mail2 .slz-input-group .input-group-button > .btn:last-child > .btn {
        z-index: 2;
    }

/*----------  1.7. widget post block  -------------*/

/*----------  1.8. widget post slider  ------------*/

/*----------  1.9. widget recent post  ------------*/

    .slz-widget-recent-post .media {
        border-top: 1px solid #e9ebef;
        padding-top: 15px;
        margin-top: 15px;
    }

    .slz-widget-recent-post .media:first-child {
        padding-top: 0;
        border-top: none;
        margin-top: 0;
    }

    .slz-widget-recent-post .media-left {
        padding-right: 15px;
    }

    .slz-widget-recent-post .media-right {
        padding-left: 0;
    }

    .slz-widget-recent-post .wrapper-image {
        position: relative;
        width: 80px;
        display: block;
        overflow: hidden;
    }

    .slz-widget-recent-post .wrapper-image:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

    .slz-widget-recent-post .wrapper-image img {
        height: 100%;
        width: auto;
        max-width: none;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .slz-widget-recent-post .media-heading {
        font-size: 15px;
        color: #213047;
        display: block;
        text-transform: capitalize;
    }

    .slz-widget-recent-post .media-heading:hover {
        color: #337ab7;
    }

    .slz-widget-recent-post .meta {
        margin: 0 -12px;
        line-height: 18px;
    }

    .slz-widget-recent-post .meta > .icons {
        margin: 0 0 0 12px;
        color: #666c72;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    .slz-widget-recent-post .meta-info {
        font-size: 12px;
        color: #9aa7bc;
        display: inline-block;
        margin: 0 12px;
        text-transform: capitalize;
    }

    .slz-widget-recent-post .meta-info .link {
        color: #9aa7bc;
        padding-left: 5px;
    }

    .slz-widget-recent-post .meta-info .link:hover,
    .slz-widget-recent-post .meta-info .link:focus {
        color: #337ab7;
    }

    .slz-widget-recent-post .icon-meta {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .slz-widget-recent-post .view .icon-meta:before {
        content: "\f06e";
    }

    .slz-widget-recent-post .comment .icon-meta:before {
        content: "\f086";
    }

/*----------  1.11. widget taxonomy  --------------*/

    .slz-widget-categories .link {
        display: block;
        line-height: 30px;
        color: #666c72;
    }

    .slz-widget-categories .link > .icons {
        width: 18px;
        line-height: inherit;
        text-align: left;
        display: inline-block;
        vertical-align: top;
    }

    .slz-widget-categories .link > .text {
        display: inline;
        line-height: inherit;
        vertical-align: top;
    }

    .slz-widget-categories .link > .badge {
        margin-left: 5px;
    }

    .slz-widget-categories .link:hover {
        color: #337ab7;
    }

    .slz-widget-categories .two-column {
        margin: 0 -5px;
    }

    .slz-widget-categories .two-column .link {
        width: 50%;
        float: left;
        padding: 0 5px;
    }

    .slz-widget-categories2 .link {
        display: block;
        padding: 12px 0;
        color: #666c72;
        border-top: 1px solid #e9ebef;
    }

    .slz-widget-categories2 .link > .icons {
        width: 25px;
        line-height: inherit;
        text-align: left;
        display: inline-block;
        vertical-align: top;
    }

    .slz-widget-categories2 .link > .text {
        display: inline;
        line-height: inherit;
        vertical-align: top;
    }

    .slz-widget-categories2 .link > .label-right {
        float: right;
        line-height: inherit;
    }

    .slz-widget-categories2 .link:first-child {
        padding-top: 0;
        border-top: none;
    }

    .slz-widget-categories2 .link:last-child {
        padding-bottom: 0;
    }

    .slz-widget-categories2 .link:hover {
        color: #337ab7;
    }

/*----------  1.12. Widget gallery  ---------------*/

    .slz-widget-gallery ul,
    .slz-gallery ul {
        margin: 0 -5px;
        padding: 0;
        font-size: 0;
    }

    .slz-widget-gallery ul li,
    .slz-gallery ul li {
        padding: 5px;
        width: 25%;
        display: inline-block;
        vertical-align: top;
    }

    .slz-widget-gallery ul.three-column li,
    .slz-gallery ul.three-column li {
        width: 33.333%;
    }

    .slz-widget-gallery .thumb,
    .slz-gallery .thumb {
        width: 100%;
        display: block;
        overflow: hidden;
        position: relative;
    }

    .slz-widget-gallery .thumb:before,
    .slz-gallery .thumb:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

    .slz-widget-gallery .thumb:after,
    .slz-gallery .thumb:after {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        opacity: 0;
        position: absolute;
        content: "";
        background-color: rgba(0, 0, 0, 0.4);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    .slz-widget-gallery .thumb img,
    .slz-gallery .thumb img {
        height: 100%;
        width: auto;
        max-width: none;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .slz-widget-gallery ul:hover .thumb:after,
    .slz-gallery ul:hover .thumb:after {
        opacity: 1;
    }

    .slz-widget-gallery ul:hover .thumb:hover:after,
    .slz-gallery ul:hover .thumb:hover:after {
        opacity: 0;
    }

    .slz-widget .slick-dots li {
        width: 20px;
        margin: 0;
    }



/*----------  1.12. Continue ----------*/


/*==================================
=            Responsive            =
==================================*/


/*=====================================
=            Footer Widget            =
=====================================*/

    .slz-wrapper-footer .text-c .slz-widget .widget-title, 
    .slz-wrapper-footer .text-c .slz-widget  .title-widget{
        text-align: center;
    }
    .slz-wrapper-footer .text-l .slz-widget .widget-title, 
    .slz-wrapper-footer .text-l .slz-widget  .title-widget{
        text-align: left;
    }
    .slz-wrapper-footer .text-r .slz-widget .widget-title, 
    .slz-wrapper-footer .text-r .slz-widget  .title-widget{
        text-align: right;
    }

    .slz-wrapper-footer .text-c .slz-widget-contact-info .item {
        margin-left: auto;
        margin-right: auto;
    }

    .slz-wrapper-footer .text-r .slz-widget-contact-info .item {
        margin-left: auto;
        margin-right: 0;
    }

/*=====  End of Footer Widget  ======*/