/*--------------------------------------------------------------
   Widgets
--------------------------------------------------------------*/
.toucan-sidebar{
    display: block;
    margin-top: 30px;
    @include mq('md') {
        margin-top: 40px;
    }
    @include mq('lg') {
        margin-top: 0;
    }
}

.widget-title {
    line-height: 1.4;
    margin-top: 0;
}
.toucan-sticky .widget:last-child{
    margin-bottom: 0;
}
.widget li a{
    transition: all .15s ease-in-out;
}

.toucan-sidebar:not(.toucan-sidebar-hidden) .widget:last-child{
    margin-bottom: 0;
}

.widget p{
    margin-bottom: get-gutter-width('xl') * 0.5;
    &:last-child {
        margin-bottom: 0;
    }
}


.widget ul{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.widget li {
    margin-bottom: 15px;
    line-height: 1.6;
    position: relative;
    &:last-child {
        margin-bottom: 0;
    }
}

/*Recent comments*/

.widget_recent_entries li,
.widget_recent_comments li{
    margin-bottom: 15px;
}

.widget a.rsswidget {
    font-weight: bold;
}
.widget_recent_comments .url{
    font-weight: bold;
}



/*Calendar Widget*/

.widget_calendar table {
    background: transparent;
    width: 100%;
    table-layout: fixed;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    position: relative;
    border-top: 0;
}
.widget_calendar #today{
    font-weight: bold;
}

.widget_calendar table {
    font-size: 1.2rem;
}

.widget_calendar table thead th {
    text-align: center;
    padding: 15px 0 5px;
}
.widget_calendar table tbody td {
    text-align: center;
    padding: 5px 0;
}

.widget_calendar tbody tr {
    border-bottom: none;
}

.widget_calendar table tfoot {
    background: transparent;
}

.widget_calendar table tfoot tr #next {
    text-align: right;
}

.widget_calendar table caption {
    font-size: 1rem;
    position: absolute;
    top: -25px;
    left: 0;
    text-transform: uppercase;
    opacity: .8;
}

.widget_calendar #today {
    position: relative;
}
.widget_calendar #prev,
.widget_calendar #next{
    padding: 0;
}
.widget_calendar a{
    background: rgba(0,0,0,0.05);
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0;
    opacity: .8;
    min-width: 25px;
    min-height: 25px;
    &:hover{
        opacity: 1;
    }
}
.widget_calendar #prev a,
.widget_calendar #next a{
    padding: 4px 15px;
    border: none;
    border-radius: 0;
}
.widget_calendar tfoot tr{
    border-bottom: none;
}
//RSS Widget
.rss-date {
    display: block;
    margin-bottom: 10px;
}

.widget cite,
.widget .post-date,
.rss-date {
    font-size: 90%;
}
.post-date{
    display: block;
}

.widget_rss ul li {
    margin-bottom: get-gutter-width('xl') * 0.5;
}

.widget a.rsswidget {
    font-size: inherit;
    line-height: inherit;
}

.rss-widget-icon {
    display: none;
}
.widget .wp-video{
    margin-bottom: 0;
}
.widget .gallery-item figcaption{
    display: none;
}

//Meks Flickr widget


ul.flickr {
    display: grid;
    grid-gap: 2px;
    margin: 0;
    grid-template-columns: 1fr 1fr 1fr;
}
body ul.flickr li, .widget ul.flickr li{
    margin: 0 !important;
}

ul.flickr:after {
    content: "";
    display: table;
    clear: both;
}
.widget .meks-widget-cta .fa{
    display: none;
}
.widget ul.flickr img,
.meks-instagram-widget a img {
    object-fit: cover;
    opacity: 1;
    transition: all .25s ease-out;
}

.widget.mks_flickr_widget ul.flickr li {
    overflow: hidden;
}

.widget ul.flickr li:hover img,
.meks-instagram-widget a:hover img {
    opacity: .8;
}

.meks-instagram-widget div>a {
    overflow: hidden;
}
.widget .meks-instagram-follow-link a:hover{
    text-decoration: none;
}
.meks-instagram-follow-link{
    text-align: center;
}
.widget .meks-instagram-follow-link a,
.widget .mks_read_more a{
    width: auto;
    min-width: 120px;
}
//Meks Ads widget
.widget.mks_ads_widget .widget-title {
    font-size: 70%;
    opacity: .5;
    margin-bottom: 10px;
}

.widget.mks_ads_widget .small li, .widget.mks_adswidget_ul.small li {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}
.widget.mks_ads_widget ul.custom li, 
.widget.mks_adswidget_ul.custom li{
    margin:0;
}
.mks_adswidget_ul li img,
.mks_adswidget_ul li >div{
    max-width: 100%;
}
.mks_adswidget_ul.custom li img, 
.mks_adswidget_ul.custom li>div {
    max-width: 100% !important;
    width: 100% !important;
}
.mks_adswidget_ul.small{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2px;
}

.widget ul.mks_social_widget_ul li:hover a {
    opacity: 1;
}
ul.mks_social_widget_ul li{
    margin-bottom: 0;
    margin-top: 5px;
}
.widget-inside ul.mks_social_widget_ul li a{
    margin-bottom: 0;
}
.widget.mks_ads_widget .toucan-bg-alt-2 li a,
.widget.mks_ads_widget .toucan-bg-alt-1 li a{
    background-color: initial;
    color: initial;    
}
p + .mks_social_widget_ul{
    margin-top: 16px;
}
//Widget Archive / Category
.widget_categories ul,
.widget_archive ul{
    margin: 0;
    padding: 0;
}
.widget_categories ul li,
.widget_archive ul li{
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}


.widget_categories ul li a,
.widget_archive ul li{
    position: relative;
    z-index: 1;
    align-items: center;

}


.widget .toucan-accordion-nav + .count{
    right: 20px;
}
.widget_categories ul li a,
.widget_archive ul li a{
    display: inline-flex;
}

//Aligns in widgets
.widget .alignnone {
    margin: 0 auto;
}
.widget .wp-caption{
    margin-bottom: 24px;
}

.section-description .search-form .h3,
.widget .search-form .h3 {
    display: none;
}
.mks_author_widget h3 a{
    transition: color .15s ease-in-out;
}
//Author widget
.mks_author_widget{
    text-align: center;
}
.mks_author_widget h3{
    margin: 10px 0;
}
.widget.mks_author_widget img{
    float:none;
    margin: 0 auto;
}
.mks_author_widget h3{
    display: block;
}
.widget.mks_author_widget .mks_autor_link_wrap{
    margin-top: 20px;
}
.widget.mks_author_widget .mks_autor_link_wrap a:hover{
    text-decoration: none;
}

//Themeforest widget
.mks_themeforest_widget_ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -5px;
}
.widget .mks_themeforest_widget_ul li{
    margin: 0 5px 10px 0;
}



//Ads widget
.toucan-sidebar .widget.mks_ads_widget .widget-inside{
    background: transparent;
    padding: 0;
    text-align: center;
}
.mks_adswidget_ul.large li > div{
    margin: 0 auto;
    max-width: 100%;
}
//Tagcloud widget
.tagcloud {
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px;
}

.tagcloud a {
    font-size: 1.2rem !important;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 2px;
    margin-right: 7px;
    margin-bottom: 11px;
    transition: background .15s ease-in-out;
}
.widget .tagcloud a:hover{
    text-decoration: none;
}


//Widget Search / Form elements
.widget.widget_search button[type=submit]{
    font-size: 0;
    border: none;
    padding: 0 10px;
    width: 40px;
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    height: 45px;
    opacity: .5;
}
.widget.widget_search button[type=submit]:hover{
    opacity: 1;
}
.widget.widget_search button[type=submit] .tk{
    font-size: 2.4rem;
    font-weight: bold;
}
.widget.widget_search .search-form{
    position: relative;
}

.widget_search .search-alt input[type=text]{
    height: 40px;
}

.widget{
    .wpforms-container input.wpforms-field-medium, 
    .wpforms-container select.wpforms-field-medium, 
    .wpforms-container .wpforms-field-row.wpforms-field-medium{
        width: 100%;
        max-width: 100%;
        padding: 0 20px;
    }
    button[type=submit],
    input[type=submit] {
        width: 100%;
    }
    .wpforms-container{
        margin-bottom: 0;
    }
    .wpforms-container .wpforms-submit-container{
        margin-top: 0;
    }
    .wpforms-container .wpforms-field{
        padding: 0;
    }

    .wpforms-container .wpforms-description {
        margin-bottom: 20px;
    }
} 
.reviews_tab{
    position: relative;
}
.widget li .count,
.reviews_tab .count{
    position: absolute;
    right: 0;
    top: 0;
    height: 24px;
    width: 24px;
    display: inline-flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    z-index: 2;
}
.reviews_tab .count{
    position: relative;
    margin-left: 8px;
}

/*Accordion Functionality Widget*/

.widget .sub-menu,
.widget .children{
  margin: 16px 0 16px 15px;
}

.widget_archive, 
.widget_categories{
    .sub-menu,
    .children{
        flex: 0 0 100%;
        margin: 16px 0 0 0;
        padding-left: 15px;
    }
}
.widget .menu-item-has-children,
.widget .page_item_has_children{
    .sub-menu,
    .children{
        display: none;
    }
}
.widget .menu-item-has-children .toucan-accordion-nav,
.widget .page_item_has_children .toucan-accordion-nav,
.widget .cat-parent .toucan-accordion-nav{
    position: absolute;
    right: -10px;
    height: 32px;
    width: 32px;
    cursor: pointer;
    display: flex;
    font-size: 3.6rem;
    top: -5px;
    text-align: center;
    line-height: 32px;
    align-items: center;
    justify-content: center;
    user-select: none;
    transition: all .15s ease;
}
.widget .cat-parent .toucan-accordion-nav{
    top: 0;
}
.accordion-active > .toucan-accordion-nav{
  transform: rotate(180deg);
}
.widget li.accordion-active > .toucan-accordion-nav{
  top: -5px;
}


//Posts Widget
.toucan_posts_widget .entry-header > a{
    transition: all .15s ease-in-out;   
    font-size: 1.8rem;
    line-height: 1.2; 
}
.toucan_posts_widget .entry-media a{
    position: relative;
}
.toucan_posts_widget .original-widget-post{
    margin-bottom: 24px;
}
.toucan_posts_widget .original-widget-post:last-child,
.toucan_posts_widget .toucan-widget-posts-small  .original-widget-post:last-child{
    margin-bottom: 0;
}
//Large
.toucan-widget-posts-large .entry-media{
    margin-bottom: 12px;
}
.toucan_posts_widget .toucan-widget-posts-small  .original-widget-post{
    margin-bottom: 20px;
}

//Small
.toucan_posts_widget .toucan-widget-posts-small .entry-header a{
    font-size: 1.6rem;
}
.toucan-widget-posts-small .original-widget-post{
    display: flex;
}
.toucan-widget-posts-small .entry-media {
    margin-bottom: 0;
    margin-right: 24px;
    flex: 0 0 70px;
}
.toucan-widget-posts-small .entry-header{
    margin-top: -5px;
}
.widget-inside iframe{
    max-width:100%;
    height: auto;
}

.toucan-menu-mobile{
    nav + ul,
    ul + ul,
    ul + nav,
    nav + nav,
    .toucan-date,
    .search-form,
    ul{
        margin-top: 20px;
    }
    .menu-social-container{
        margin-top: 0;
    }
    .toucan-menu-social li{
        margin-bottom: 0;
    }
    .sub-menu.toucan-menu-posts{
        width: 100%;
    }

    .toucan-menu-action a:hover{
        text-decoration: none;
    }
    .toucan-menu-action{
        display: inline-block;
    }
}

.toucan-menu-mobile .toucan-menu-social li,
.widget .toucan-cart li{
    margin-left: 0;
    margin-right: 15px;
}

//WooCommerce Widgets
.product_list_widget{
    display: flex;
    flex-wrap: wrap;
    li{
        flex: 0 0 100%;
    }

    .star-rating{
        font-size: 1.6rem;
        float: none;
    }
    a{
        display: block;
        font-size: 1.2rem;
    }
    a img{
        max-width: 80px;
        margin-right: 20px;
        border-radius: 2px;
        float: left;
    }
}

.product-categories,
.woocommerce-widget-layered-nav-list{
    li{

        a{
            position: relative;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            transition: all 0.2s;
            font-size: 1.4rem;
            min-height: 20px;
            &:hover{
                text-decoration: none;
            }
        }
        a:before{
            content: "";
            height: 18px;
            width: 18px;
            border-radius: 50%;
            display: inline-flex;
            margin-right: 7px;
        }
        a:after{
                transition: transform .2s ease-in-out;
                transform: scale(0);
                left: 5px;
                top: 7px;
                content: "";
                height: 8px;
                width: 8px;
                border-radius: 50%;
                line-height: 16px;
                text-align: center;
                justify-content: center;
                font-size: 2rem;
                align-items: center;
                position: absolute;
        }
        a:hover:after, 
        &.current-cat > a:after { 
            transform: scale(1);
            
        }
    }
}



.widget_product_search{

    button[type="submit"]{
        margin-top: 15px;
        i{
            display: none;
        }
    }
}


/**
    * Price filter widget
*/
.widget_price_filter {

    .price_slider {
        margin-bottom: 1em;
    }

    .price_slider_amount {
        text-align: right;
        line-height: 2.4;
        font-size: 0.8751em;

        .button {
            font-size: 1.15em;
            float: left;
        }
    }

    .ui-slider {
        position: relative;
        text-align: left;
        margin-left: 0;
        margin-right: 0;
    }

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 23px;
        height: 23px;
        border-radius: 1em;
        cursor: ew-resize;
        outline: none;
        top: -10px;

        /* rtl:ignore */
        margin-left: -0.5em;
        &:first-of-type{
            margin-left: 0;
        }
        &:last-child{
            margin-left: -23px;
        }
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: 0.7em;
        display: block;
        border: 0;
        border-radius: 1em;
    }

    .price_slider_wrapper .ui-widget-content {
        border-radius: 1em;
        border: 0;
    }

    .ui-slider-horizontal {
        height: 3px;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: -1px;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: -1px;
    }
}

.widget_price_filter .price_slider_amount .button,
.widget .woocommerce-widget-layered-nav-dropdown__submit,
.actions button[type="submit"] {
    @extend .toucan-button-small;
    max-width: 50%;
    margin-top: 10px;
    margin-right: 10px;
    &:after{
        display: none;
    }
}
.actions button[type="submit"]{
    margin-top: 0;
    margin-left: 10px;
    margin-right: 0;
}
.actions .coupon button[type="submit"]{
    max-width:initial;
}
.actions button[name="update_cart"]{
    float: right;
}
.widget_price_filter .price_label{
    padding: 13px 0 0;
    text-align: left;
    font-size: 1.4rem;
}
.widget_price_filter .price_label span{
    font-weight: bold;
}
.widget_price_filter button[type="submit"]{
    width: 100px;
}



.widget_layered_nav_filters ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none outside;
    overflow: hidden;
    zoom: 1;

    li {
        float: left;
        padding: 0 1em 1px 1px;
        list-style: none;

        a {
            text-decoration: none;
            background: rgba(0,0,0,0.05);
            padding: 8px 10px;
            border-radius: 40px;
            display: inline-flex;
            line-height: 1;
            align-items: center;
            &:hover{
                text-decoration: none;
                &::before{
                    background: rgba(0,0,0,0.2);
                }
            }
            &::before {
                font-family: 'toucan-font';
                content: "\e904";
                vertical-align: inherit;
                margin-right: 0.5em;
                font-weight: bold;
                background: rgba(0,0,0,0.1);
                border-radius: 50%;
                font-size: 1.2rem;
                padding: 4px;
                transition: background .15s ease-in-out;
            }
            span{
                margin-left: 2px;
            }
        }
    }
}


// Rating Filter Widget

    .widget_rating_filter ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none outside;

    li {
        list-style: none;

        a {
            padding: 0;
            text-decoration: none;
            display: flex;
            justify-content: space-between;
            > span:not(.star-rating){
                position: absolute;
                right: 0;
                top: 0;
                height: 24px;
                width: 24px;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                border-radius: 50%;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                font-size: 1.1rem;
                z-index: 2;               
            }
        }

        .star-rating {
            float: none;
            display: inline-block;
        }

    }

    li.chosen a::before {


    }
}

// YITH compare widget
.yith-woocompare-widget ul.products-list li:not( .list_empty ){
    border: none;
}
.yith-woocompare-widget ul.products-list li .remove{
    font-size: 0;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    background: inherit;
}
.yith-woocompare-widget ul.products-list li .remove:hover{
    color: inherit;
    background: inherit;   
}
.yith-woocompare-widget ul.products-list li .remove:before{
    font-family: 'toucan-font';
    content: "\e904";    
    font-size: 1.2rem;
    vertical-align: inherit;
    margin-right: 0.5em;
    font-weight: bold;
    background: rgba(0,0,0,0.1);
    border-radius: 50%;
    font-size: 1.2rem;
    padding: 4px;
    transition: background .15s ease-in-out;
}
.yith-woocompare-widget ul.products-list li .remove:hover:before{
    background: rgba(0,0,0,0.2);    
}
.yith-woocompare-widget ul.products-list li .title{
    text-transform: unset;
    font-size: inherit;
}
.widget.yith-woocompare-widget .clear-all,
.widget.yith-woocompare-widget a.compare{
    @extend .toucan-button;
    @extend .toucan-button-extra-small;
    font-size: 1rem;
}
.yith-woocompare-widget .clear-all:hover{
    text-decoration: none;
}


.select2-container{
    z-index: 999999;
}

.select2-container .select2-selection--single{
    height: 45px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 42px;
    padding: 0 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 44px;
    right: 10px;
}
.select2-selection__clear{
    font-size: 0;
    &:after{
        font-family: "toucan-font";
        content: "\e904";
        font-size: 1.8rem;
    }
}
.select2-container--default .select2-selection--single .select2-selection__clear{
    margin-right: 10px;
}


.widget.woocommerce{
    .product_list_widget{
        li{
            a{
                font-size: 1.4rem;
                line-height: 1.2;
                .product-title{
                    display: block;
                }
                .product-title + .woocommerce-Price-amount{
                    margin-top: 3px;
                    display: block;
                }
                &:hover{
                    text-decoration: none;
                    .product-title{
                        text-decoration: underline;
                    }
                }
                .star-rating{
                    margin: 3px 0 5px;
                }
                del{
                    opacity: .5;
                }
            }
        }
    }
}
.widget .wp-caption-text{
    position: relative;
    bottom: 0;
    padding: 0;
    right: 0;
    background: transparent;
    color: inherit;
    text-align: left;
}