/**
 * partials/sidebar
 * ---
 */

 @import '../modules/variables';

.sidebar {
    padding-top: 77px;
    padding-bottom: 133px;
    .search-form {
        margin-bottom: 48px;
    }
    .wp-block-columns {
        margin-bottom: 0;
    }
    .sidebar-widget:not(:last-child) {
        margin-bottom: 90px;
    }
    .widget_block {
        &:not(:last-child) {
            margin-bottom: 90px;
        }
        h3 {
            font-size: 28px;
            color: $orange;
            font-family: $gotham-bold;
            margin-bottom: 20px;
        }
        .wp-block-categories {
            list-style: none;
            padding: 0;
            margin: 0;
            li {
                padding: 15px 0;
                &:not(:last-child) {
                    border-bottom: 1px solid rgba($color: $black, $alpha: 0.3);
                }
                a {
                    font-size: 16px;
                    color: $black;
                    font-family: $gotham-medium;
                }
            }
        }
        &.widget-posts {
            .post {
                display: flex;
                padding: 19px 0 24px;
                &:not(:last-child) {
                    border-bottom: 1px solid rgba($color: $black, $alpha: 0.3);
                }
                .thumb {
                    max-width: 120px;
                    width: 100%;
                    height: 120px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    overflow: hidden;
                    margin-right: 17px;
                    img {
                        max-width: unset;
                        max-height: 100%;
                    }
                }
                .content {
                    padding-top: 14px;
                    h4 {
                        font-size: 18px;
                        font-family: $gotham-bold;
                    }
                    a {
                        font-size: 18px;
                        font-family: $gotham-bold;
                        line-height: 175%;
                        display: flex;
                        align-items: center;
                        color: $green;
                        svg {
                            margin-left: 30px;
                        }
                    }
                }
            }
        }
        &.widget-social {
            h3 {
                margin-bottom: 36px;
            }
            .content {
                display: flex;
                justify-content: space-between;
                padding: 0 11px;
                a {
                    display: block;
                }
            }
        }
        .wp-block-tag-cloud {
            display: flex;
            flex-wrap: wrap;
            a {
                display: flex;
                align-items: center;
                width: fit-content;
                height: fit-content;
                padding: 12px 35px;
                font-size: 18px !important;
                color: $black;
                border-radius: 100px;
                text-transform: uppercase;
                margin: 7px;
                border: 1px solid $black;
                &:hover {
                    transform: scale(1.1);
                }
            }
        }
    }
    @media (min-width: 768px) {
        padding-top: 61px;
        padding-bottom: 48px;
        .sidebar-widget:not(:last-child) {
            margin-bottom: 60px;
        }
        .widget_block {
            &:not(:last-child) {
                margin-bottom: 60px;
            }
            &.widget-posts {
                .post {
                    .content {
                        padding-top: 0;
                        h4 {
                            font-size: 18px;
                        }
                    }
                }
            }
            .wp-block-tag-cloud {
                a {
                    padding: 12px 25px;
                }
            }
        }
    }
}
