/*
Theme Name: News Talk
Theme URI: https://themeansar.com/free-themes/newstalk/
Author: Themeansar
Author URI: https://themeansar.com
Description: News Talk 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. News Talk 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. News Talk is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demo.themeansar.com/newsup and documentation at https://docs.themeansar.com/docs/newsup/
Version: 0.9
Requires PHP: 7.0
Tested up to: 6.5.5
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: newsup
Text Domain: news-talk
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

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

News Talk 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.
*/
span.time {
    margin-left: 5px;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
}
.mg-headwidget.center .heacent {
    margin-top: unset !important;
}
.mg-headwidget.center .logo-center, .mg-headwidget.center .navbar-header, .mg-headwidget.center .site-branding-text  {
    float: none;
    text-align: center;
}

.mg-headwidget.center .navbar-brand {
    float: none;
    display: inline-block;
    margin: 8px auto 0 auto;
    font-weight: bold;
}
.mg-headwidget.center .heacent {
    margin-top: 40px;
    color: #fff;
}
.navbar-wp .dropdown-menu.searchinner .btn {
    border: medium none;
    border-radius: 0 4px 4px 0;
    height: 40px;
    line-height: 25px;
    padding: 5px 15px;
}
.mg-search-box .dropdown-toggle::after {
	display: none;
}
.m-header {
	display: none;
}
.desk-header {
	display: flex;
}
.mobilehomebtn {
    width: 30px;
    text-align: center;
    line-height: 30px;
    height: 30px;
}
.mg-blog-post.md{
	width: 49.8%;
	float: left;
	height: 236px;
}
.mg-blog-post.md .bottom h4 {
    font-size: 26px;
}
.mb1px {
	margin-bottom: 1px;
}
.mg-blog-post.lg.mins {
	width: 100%;
	height: 222.5px;
	margin-bottom: 30px;
}
.mg-blog-post.lg.mins h4.title {
	font-size: 22px;
}

.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;
}
.wp-block-search .wp-block-search__label::before, .mg-widget .wp-block-group h2::before {
    width: 0;
    position: absolute;
    right: -30px;
    top: 0px;
    height: 0;
    border-style: solid;
    border-width: 40px 0 0px 30px;
    content: "";
}
/* ==================================== Responsive Part =================================== */

@media screen and (max-width: 767px) and (min-width: 240px) {
    .mg-headwidget .navbar-wp .navbar-nav > li> a {
        position: relative;
        border-bottom: 1px solid rgba(225,225,225,0.4);
    }
    .mg-fea-area .mr-bot60 {
        margin-bottom: 30px;
    }
    .mg-blog-post.lg {
        margin-bottom: 30px;
    }
    blockquote::before {
		margin: 6px 0;
	}
}

@media (max-width: 991px) {
	.navbar-wp .navbar-nav > li> a i {
    	display: none;
	}	
}

@media (min-width: 1200px) {
    .mg-blog-post.md .bottom h4 {
        max-height: 65px;
        overflow: hidden;
    }
}

@media (max-width: 991.98px) {
    #menu-primary li.active.home {
        display: none;
    }
    .m-header {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        display: flex;
        justify-content: space-between;
    }
    .desk-header {
        display: none;
    }
  
}

@media (min-width: 508px) and (max-width: 991px){
	blockquote::before {
		width: 10%;
	}
	blockquote p {
		width: 90%;
	}
    .mg-nav-widget-area .site-title a{
		font-size: 30px;
	}
}

@media only screen and (max-width: 640px) {
.site-branding-text .site-title a {
    font-size: 33px;
}
}

@media screen and (max-width:991.98px ) and (min-width:767px){
    .wp-block-search__inside-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .pulse.animated .mg-blog-meta .mg-blog-date {
        font-size: 11px;
        margin-right: 10px;
    }
    .pulse.animated .mg-blog-meta a {
        font-size: 11px;
    }
    .pulse.animated .post-edit-link i {
        margin-left: 10px;
    }
}

@media screen and (max-width: 767px) and (min-width: 576px) {
    .mg-fea-area .col-sm-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mg-fea-area .col-md-3{
        display: flex;
    }
    .mg-fea-area .mg-blog-post.lg.mins{
        margin: 0 5px 30px 0;
    }
    .mg-fea-area .col-md-3.col-sm-6 {
     display: block;
    }
}

/* CRM ACCESS Button Styling */
/* Contenedor del botón en el menú */
.crm-btn-container {
    display: flex;
    align-items: center;
    padding: 0 10px;
}

/* Estilo base del botón */
.crm-custom-button {
    background: linear-gradient(135deg, #143745 0%, #0a1f29 100%);
    color: #ffffff !important;
    padding: 10px 24px !important;
    border-radius: 50px; /* Bordes totalmente redondeados */
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 2px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease-in-out; /* Animación suave */
    text-decoration: none;
    display: inline-block;
}

/* Efecto al pasar el mouse (Hover) */
.crm-custom-button:hover {
    background: #c5a059; /* Cambia a tu color dorado Bogran's CRM */
    color: #1a222d !important;
    transform: translateY(-3px); /* Se eleva un poco */
    box-shadow: 0 6px 20px rgba(197, 160, 89, 0.4);
    border-color: #c5a059;
}

/* Efecto al hacer clic */
.crm-custom-button:active {
    transform: translateY(-1px);
}

/* Ajuste para móviles */
@media (max-width: 768px) {
    .crm-btn-container {
        padding: 15px 20px;
        justify-content: center;
    }
    .crm-custom-button {
        width: 100%;
        text-align: center;
    }
}