/* 
* home page 
* custom-1
*/

/* top */
.top-wrapper {
    background-image: linear-gradient(90deg, #097cff, #f0f4ff);
    color: var(--base-3);
}
.top-wrapper h1 {
    font-weight: 500;
}
.top-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.top-container .top-1-1 {
    flex: 0 0 50%;
}
.top-container .top-1-2 {
    flex: 0 0 50%;
}

/* team */
.team-container .team-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.team-container .team-info .avatar {
    flex: 1;
    padding: 5px;
}
.team-container .team-info .avatar img {
    border-radius: 50%;
    display: block;
    margin: auto;
}
.team-container .team-info .info {
    flex: 2;
}
.team-container .team-info .info .name {
    font-weight: 500;
}

/* search */
.search-container form {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.search-container .search-text {
    border: 1px solid var(--contrast-3);
    flex: 0 0 70%;
}
.search-container .search-btn {
    flex: 0 0 30%;
}

/* subscribe */
.subscribe-wrapper.post-subscribe {
    padding: 0;
}

/* relations */
.relations-wrapper {
    background-color: var(--contrast);
    color: var(--base-3);
}

/* posts */
.home-posts-wrapper {
    margin-bottom: 60px;
}
.home-posts-wrapper .category-info {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--contrast-3);
}
.home-posts-important, .home-posts-best, .home-posts-bg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.home-posts-important::after, .home-posts-best::after, .home-posts-bg::after {
    content: "";
    flex: auto;
}
.home-posts-important .home-post, .home-posts-best .home-post, .home-posts-bg .home-post {
    flex: 0 0 33.33%;
    margin-bottom: 20px;
    padding: 2px;
}
.home-posts-important .home-post .link, .home-posts-best .home-post .link, .home-posts-bg .home-post .link {
    display: block;
}
.home-posts-important .home-post img, .home-posts-best .home-post img, .home-posts-bg .home-post img {
    width: 100%;
}
.home-posts-important .home-post .tag, .home-posts-best .home-post .tag, .home-posts-bg .home-post .tag {
    position: relative;
    left: 0;
    bottom: -30px;
    background-color: var(--contrast);
    color: var(--base-3);
    opacity: 60%;
    padding: 2px 8px;
    text-transform: uppercase;
}
.home-posts-wrapper ul li {
    margin-bottom: 8px;
}

/* media */
@media (max-width: 768px) {
    /* home-posts */
    .home-posts-important .home-post, .home-posts-best .home-post, .home-posts-bg .home-post {
        flex: 0 0 100%;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    /* home-posts */
    .home-posts-important .home-post, .home-posts-best .home-post, .home-posts-bg .home-post {
        flex: 0 0 50%;
    }
}
@media (min-width: 1025px) {

}