/*
Theme Name: NewsCrest
Theme URI:
Author: Themeansar
Author URI: https://themeansar.com
Description: NewsCrest is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. NewsCrest is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. NewsCrest is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://newsup.themeansar.com/newscrest/ and documentation at https://docs.themeansar.com/docs/newsup/
Version: 0.1
Requires PHP: 7.4
Requires at least: 6.6
Tested up to: 7.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: newsup
Text Domain: newscrest
Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks

NewsCrest WordPress Theme is child theme of Newsup, Copyright 2020 Themeansar
NewsCrest is distributed under the terms of the GNU General Public License v3

NewsCrest is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
:root{
	--headFont: "Bricolage Grotesque", Sans-serif;
	--bodyFont: "Manrope", Sans-serif;
    --radius: 6px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
    letter-spacing: 0;
}
body{
    font-weight: 500;
}
.post-items ul:not(.post-categories) li a,.post-items ol:not(.post-categories) li a, .post-items table a, strong a, blockquote a, code a, p a, span:not(.author-name):not(.comments-link):not(.posted-on):not(.post-list) a, .navigation.posts-navigation .nav-links a:hover,
.navigation.posts-navigation .nav-links a:hover, #cancel-comment-reply-link, .comment-reply-link {
    text-decoration: underline;
}
.mg-blog-post .bottom h4{
    margin: 0 0 10px 0;
}
.mg-posts-sec-post {
    padding: 10px;
    box-shadow: none;
    margin-bottom: clamp(30px, 30px + ((1vw - 0.2rem) * 2.007), 50px);
    gap: 10px;
    border-radius: var(--radius);
}
.mg-posts-sec-post .col-12.col-md-6 {
    padding: 0;
}
.mg-posts-modul-6 .mg-post-thumb{
    margin-right: 0;
    border-radius: var(--radius);
}
.mg-blog-category a{
    border-radius: calc( var(--radius)/2);
    text-transform: capitalize;
    font-size: 12px;
}
.mg-sidebar .mg-widget{
    border-radius: var(--radius);
    padding: 20px 10px 10px;
    margin-bottom: 40px;
}
.mg-sidebar .mg-widget:last-child {
    margin-bottom: 0;
}
.wp-block-search .wp-block-search__label, .mg-widget .wp-block-group h2{
    margin-left: 0;
}
.padding-20, .mg-info-author-block, .mg-blog-post-box .small.single, .mg-blog-post-box:has(.single-featured-image) .mg-header, .mg-blog-post-box .mg-header{
    padding: 0;
}
.mg-blog-post-box:has(.single-featured-image) .mg-header{
    padding: 20px;
}
.mg-blog-post-box .mg-header{
    padding-bottom: 20px;
}
.single-featured-image{
    margin-bottom: 20px;
    border-radius: var(--radius);
}
.mg-info-author-block{
    margin-top: 0;
    margin-bottom: 50px;
}
.comments-area.mg-card-box{
    margin-top: 50px;
}
.mg-card-box, .mg-info-author-block, .mg-blog-post-box, .mg-featured-slider{
    box-shadow: none;
    padding: 10px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
}
.mg-featured-slider{
    padding: 10px !important;
}
.mg-posts-modul-6 .col-12.col-md-6 + .mg-sec-top-post{
    padding: 20px clamp(0px, (100vw - 776px) * 999, 20px) clamp(0px, (100vw - 776px) * 999, 18px) !important;
}
.missed-inner{
    border: 1px solid;
    border-radius: var(--radius);
    padding: 10px;
}
.mg-blog-post-3.minh{
    border-radius: var(--radius);
}
.homemain .mg-blog-post.lg{
    height: clamp(325px, (100vw - 776px) * 999, 515px);
    border-radius: var(--radius);
}
.homemain {
    border-radius: var(--radius);
}
.mg-headwidget .navbar-wp .navbar-nav>li>a{
    border-radius: calc( var(--radius)/2);
    text-transform: capitalize;
}
.btn-bell, .mg-latest-news .bn_title{
    border-radius: calc( var(--radius)/2);
}
/* Editor Post */
.mg-editor-posts {
	padding: 0 12px;
}
.mg-editor-featured-post {
	margin-bottom: 30px;
}
.mg-editor-featured-post .title {
	margin: 0 0 10px;
	font-size: clamp(24px, 26px + ((1vw - 0.2rem) * 2.007), 32px);
}
.mg-blog-post-box .mg-header h1{
    font-size: clamp(24px, 26px + ((1vw - 0.2rem) * 2.007), 46px);
}
.mg-editor-featured-post .title, .mg-latest-post-item .title, .mg-editor-post .title {   
    display: block;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mg-editor-post .title{
    -webkit-line-clamp: 1;
}
.newscrest-post-excerpt {
	/* font-size: 15px; */
	line-height: 1.45;
}
.mg-editor-post {
	margin-bottom: 15px;
}
.mg-editor-post .title {
	margin: 0 0 7px;
	font-size: 17px;
}

/* Latest Posts */
.mg-latest-post{
    display: flex;
    gap: 30px;
    flex-direction: column;
}
.mg-latest-post-image {
	margin-bottom: 12px;
    background-color: #333;
    height: 165px;
    border-radius: var(--radius);
}
.mg-latest-post-image img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: var(--radius);
    object-fit: cover;
}
.mg-latest-post-item .title  {
	margin: 0;
	font-size: 18px;
}
.widget-area .mg-sidebar {
  padding-left: clamp(0px, (100vw - 776px) * 999, 20px);
}

.container-fluid {
	padding-inline: 100px
}
@media screen and (max-width: 1200px) and (min-width: 991px) {
	.container-fluid {
		padding-inline: 70px;
	}
}
@media (max-width: 991.98px) {
	.container-fluid {
		padding-inline: 30px;
	}
}
@media screen and (max-width: 767px) and (min-width: 576px) {
	.container-fluid {
		padding-inline: 20px;
	}
}
@media screen and (max-width: 576px){
	.container-fluid {
		padding-inline: 15px;
	}
}