#{$prefix}-widget-wrapper,
.widget {
    ul {
        padding: 0;
        margin: 0;
        list-style: none;
        li {
            font-size: 14px;
            line-height: 25px;
            margin-bottom: 5px;
            a {
                color: #000;
                text-decoration: none;
                transition: all .3s;
                &:hover {
                    color: $color-primary;
                }

                // &:before {
                //     content: "\f105";
                //     font-family: 'Font Awesome 5 Free';
                //     font-weight: 600;
                //     margin-right: 10px;
                //     line-height: 1;
                //     color: #a0a0a0;
                // }
            }
        }
    }

    p,div {
        font-size: 14px;
        line-height: 25px;
    }
}

.widget-area {
    .search-form {
        position: relative;
        display: flex;
        label {
            margin: 0;
            width: 100%;
            max-width: calc(100% - 40px);
            input {
                border: 1px solid #e0e0e0;
                height: 40px;
                padding: 10px;
                width: 100%;
                border-radius: 3px 0 0 3px;
            }
        }

        button.search-submit {
            background: $color-primary;
            border: none;
            height: 40px;
            width: 40px;
            line-height: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            border-radius: 0 3px 3px 0;
        }
        
    }
}

.widget {
    figure.gallery-item {
       margin: 0; 
    }

    .gallery {
        grid-gap: 5px;
    }

    .tagcloud {
        a {
            background: $color-primary;
            font-size: 11px !important;
            padding: 6px;
            word-break: break-word;
            display: inline-block;
            margin-bottom: 5px;
            color: #fff;
            border-radius: 3px;
            transition: all .3s;

            &:hover {
                background: crimson;
                color: #fff;
                text-decoration: none;
            }
        }
    }
}

.calendar_wrap {
    tbody {
        tr {
            td {
                text-align: center;
                margin: 10px;
                border-radius: 3px;
               &#today {
                   background-color: $color-primary;
                   color: #fff;
               }
            }
           
        }
    }

    span.wp-calendar-nav-prev {
        a {
            color: $color-primary;
        }
    }
}