/*!
Theme Name: Marketads
Theme URI: https://www.templatemonster.com/vendors/zemez
Author: Zemez
Author URI: https://zemez.io/
Description: Marketads theme.
Template: kava
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: marketads
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
DocumentationID: marketads
Template Id: prod-26640
*/

#toTop {
	cursor: pointer;
}

 .custom-posts-grid {
    margin: 40px auto;
    max-width: 1200px;
    padding: 0 20px;
}

.custom-posts-grid h2 {
	color: #000;
}
.top-block {
    display: flex;
    gap: 50px;
    margin-bottom: 40px;
}
.big-post {
    width: 50%;
	background-color: #F4F5F9;
	border-radius: 15px;
	overflow: hidden;
}
.big-post .meta{
	padding: 30px;
}

.side-posts {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.mini-post {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.mini-post h2 {
	font-size: 20px;
}
.divider-block {
    background: #f4f4f4;
    text-align: center;
    padding: 30px;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 40px;
}
.row-posts {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px;
}

.meta {
    padding-top: 10px;
}
.cat a{
    color: #4262FF;
    font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.author {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.author p {
	margin-bottom: 0;
	text-decoration: underline;
}
.author img {
	border-radius: 50%;
}
.author span {
	display: flex;
	gap: 5px;
}
.pagination {
    text-align: center;
    margin-top: 40px;
	border-top: none;
}

.excerpt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 15px;
}

.pagination a.page-numbers:hover, .pagination .page-numbers.current, .page-links > a:hover, .page-links > span {
	color: #4262FF !important;
}

.blog-middle-box {
    background-color: #000;
    color: #fff;
    padding: 50px 0;

}

.blog-middle-box .custom-posts-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 100px;
    align-items: center;
}

.blog-middle-box-btn {
        background-color: #FFF73B;
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 32px;
    fill: #000000;
    color: #000000;
    border-radius: 50px 50px 50px 50px;
    padding: 19px 48px 19px 48px;
}

.blog-middle-box-title {
    font-weight: bold;
    font-size: 35px;

}

.blog-middle-box-subtitle {
    font-size: 25px;
}

@media (max-width: 950px) {
    .top-block {
        flex-wrap: wrap;
        gap: 30px;
    }
    .big-post, .side-posts {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .row-posts {
        flex-wrap: wrap;
        gap: 20px;
    }
    .blog-middle-box {
        padding: 20px 0;
    }
    .blog-middle-box .custom-posts-grid {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .blog-middle-box-title {
        font-size: 25px;
        text-align: center;
    }
    .blog-middle-box-subtitle {
    font-size: 20px;
    text-align: center;
}
}