/*
Theme Name: Newspaperly Child
Theme URI: https://www.linkedin.com/in/martindeangelis/
Description: Tema hijo de Newspaperly
Author: Martín De Angelis
Template: newspaperly
Version: 1.0
Text Domain: newspaperly-child
*/

html {
  scroll-behavior: smooth;
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
	font-family: Montserrat, lato, 'helvetica neue', helvetica, arial;
}

.site-branding .site-title {
	font-family: Montserrat, lato, 'helvetica neue', helvetica, arial;
}

h1.entry-title, h2.entry-title, h2.entry-title a:hover, h2.entry-title a:active {
	font-family: Montserrat;
}

.search-no-results h1, .error404 h1 {
	font-family: Montserrat, lato, 'helvetica neue', helvetica, arial;
}
.search-results h1.page-title,
.archive .page-header h1 {
	font-family: Montserrat, lato, 'helvetica neue', helvetica, arial;
}

.comments-area .comments-title {
	font-family: Montserrat, lato, 'helvetica neue', helvetica, arial;
}

#comments h3#reply-title {
	font-family: Montserrat, lato, 'helvetica neue', helvetica, arial;
}

.header-widgets-three h3 {
	font-family: Montserrat;
}

.header-widget a {
	height:100px !important;
}

.tag-grid {
    margin-top: 2rem;
}

.tags-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
}

.tag-item {
    display: inline-block;
    padding: 0.3rem 1rem;
    background-color: #cd3333;
    color: #f0f0f0;
    text-decoration: none;
    border-radius: 6px;
    transition: background-color 0.3s, color 0.3s;
    margin: 0.5rem;
}

.tag-item:hover {
    background-color: #333;
    color: #fff;
}

.my-3 {
    margin: 1rem 0 1rem;
}

.w-100 {
    width: 100%;
}

.search-submit {
    background-color: #cd3333 !important;
    color: #fff !important;
    border: none !important;
}

.search-no-results #main .search-form label {
    border: inherit !important;
}


footer {
    background-color: #cd3333 !important;
}

footer p {
    color: #fff !important;
}

/* ===============================
   DISPLAY UTILITIES - Gerontología
   =============================== */

/* Mobile-first (por defecto) */
.d-none { display: none !important; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }

/* SM ≥576px */
@media (min-width: 576px) {
	.d-sm-none { display: none !important; }
	.d-sm-block { display: block !important; }
	.d-sm-flex { display: flex !important; }
}

/* MD ≥768px */
@media (min-width: 768px) {
	.d-md-none { display: none !important; }
	.d-md-block { display: block !important; }
	.d-md-flex { display: flex !important; }
	.header-widget a {
	height:180px !important;
}
}

/* LG ≥992px */
@media (min-width: 992px) {
	.d-lg-none { display: none !important; }
	.d-lg-block { display: block !important; }
	.d-lg-flex { display: flex !important; }
}

/* XL ≥1200px */
@media (min-width: 1200px) {
	.d-xl-none { display: none !important; }
	.d-xl-block { display: block !important; }
	.d-xl-flex { display: flex !important; }
}