/*
Theme Name: Orange Qatar Blog
Theme URI: https://orangeqatar.com/
Author: Orange Qatar
Description: Blog theme using the existing Orange Qatar HTML website header, footer, CSS and JavaScript.
Version: 1.0
Text Domain: orange-qatar-blog
*/

/* The main website CSS remains outside WordPress and is loaded from /css/style.css. */

.blog-content-area { padding: 70px 0; }

.blog-content-area .news-block { margin-bottom: 40px; }

.blog-content-area .news-block .image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.blog-content-area .news-block .content-box {
    min-height: 260px;
}

.blog-content-area .news-block .title {
    margin-top: 15px;
}

.blog-content-area .news-block .title a {
    text-decoration: none;
}

.blog-content-area .blog-excerpt {
    margin-top: 15px;
    line-height: 1.7;
}

.blog-pagination {
    margin-top: 30px;
    text-align: center;
}

.blog-pagination .page-numbers {
    display: inline-block;
    padding: 8px 13px;
    margin: 0 3px;
    border: 1px solid #ddd;
    text-decoration: none;
}

.blog-pagination .page-numbers.current {
    background: #f58220;
    color: #fff;
    border-color: #f58220;
}

.single-blog-content { padding: 70px 0; }
.single-blog-content .featured-image { margin-bottom: 30px; }
.single-blog-content .featured-image img { width: 100%; height: auto; }
.single-blog-content .entry-content { line-height: 1.8; }
.single-blog-content .entry-content img { max-width: 100%; height: auto; }