/*!
Theme Name: HealthyVibras
Theme URI: https://healthyvibras.com/
Author: Walter Caballero
Description: Child theme de Digital Newspaper Pro para el sitio Healthy Vibras.
Template: digital-newspaper-pro
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: healthyvibras
Tags: child-theme, blog, news

This is a child theme of Digital Newspaper Pro.
*/



/* Ads */

.ads-banner img {
    width: auto !important;
    margin: 0 auto !important;
}

.digital-newspaper-advertisement-block img {
	width: auto !important;
    margin: 0 auto !important;
}

.ad {
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0 auto;
    flex-direction: column;
	background: #f0f0f0;
}

body.digital_newspaper_dark_mode .ad {
    background: #000;
}

.ad.ad728x90 {
	width: 728px;
}

.ad.ad970x250 {
	width: 970px;
}

.ad.ad300x250 {
	width: 300px;
}

.ad.ad150x50 {
	width: 150px;
}

.ad.ad300x600 {
	width: 300px;
}

.inner-ad-block:before,
.ad:before {
	content: 'Advertisement';
	display: block;
    position: relative;
	text-transform: uppercase;
    width: 100%;
    height: 14px;
    line-height: 14px;
    /*background: #978FFF;*/
	background: transparent;
    font-family: 'Helvetica', sans-serif !important;
    font-size: 10px !important;
	font-weight: 400;
    color: #8a8a8c;
    /*padding: 0 10px;*/
	text-align: center;
}



@media (max-width: 799px) {
    .ad.ad728x90 {
		display: none;
	}
}

@media (max-width: 1019px) {
	.ad.ad970x250 {
		display: none;
	}
}



/* Ads Baackground */

.ad150x50 > div { 
	width: 100% !important;
	height: 50px !important;
	/*background: transparent url('') no-repeat center;*/
	background-size: contain;
}

.ad728x90 > div { 
	width: 100% !important;
	height: 90px !important;
	background: transparent url('https://healthyvibras.mystagingwebsite.com/wp-content/uploads/2025/10/relevant_728x90AdBanner.jpg') no-repeat center;
	background-size: contain;
}

.ad320x50 > div { 
	width: 100% !important;
	height: 50px important;
	/*background: transparent url('') no-repeat center;*/
	background-size: contain;
}
/*
.ad160x600 > div {
	width: 100% !important;
	height: 600px !important;
	background: transparent url('') no-repeat center;
	background-size: contain;
}
*/
.ad300x250 > div { 
	width: 100% !important;
	height: 250px !important;
	background: transparent url('https://healthyvibras.mystagingwebsite.com/wp-content/uploads/2025/10/relevant_300x250AdBanner.jpg') no-repeat center;
	background-size: contain;
}

.ad300x600 > div { 
	width: 100% !important;
	height: 600px !important;
	background: transparent url('https://healthyvibras.mystagingwebsite.com/wp-content/uploads/2025/06/300x600_Ad_1.png') no-repeat center;
	background-size: contain;
}

.ad970x250 > div { 
	width: 100% !important;
	height: 250px !important;
	background: transparent url('https://healthyvibras.mystagingwebsite.com/wp-content/uploads/2025/10/relevant_970x250AdBanner.jpg') no-repeat center;
	background-size: contain;
}





.sponsorship-container {
	display: flex;
	position: relative;
	width: 100%;
}

.ad-sponsorship-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	position: absolute;
	left: 50%;
    transform: translateX(-50%);
	bottom: 50px;
	width: 100px !important;
}			

@media screen and (min-width: 48.1em) {
	.ad-sponsorship-logo {
		left: -300px;
		bottom: -50px;
	}
}

.sponsor-logo {
	display: block;
	width: 100px !important;
}

.sponsor-logo-light {
	display: none;
}

.sponsor-logo-dark {
	display: block;
}

body.digital_newspaper_dark_mode .sponsor-logo-light {
	display: block;
}

body.digital_newspaper_dark_mode .sponsor-logo-dark {
	display: none;
}




/* Menu */



/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 48.1em) and (max-width: 1199px) {

	.menu-toggle {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}

	.site-header.layout--one .main-navigation ul {
		justify-content: center;
	}
	
	#digital_newspaper_menu_burger {
		  display:flex;
		  align-items:center;
		  flex-direction:column;
		  cursor:pointer;
		}

		#digital_newspaper_menu_burger span {
		  width: 1.5em;
		  height: .15em;
		  margin: 0.2em 0;
		  display: block;
		  transition: all .4s ease;
		  transform-origin: 0 0;
		}

		.main-navigation.toggled #digital_newspaper_menu_burger span:nth-child(1) {
		  transform: rotate(45deg) translate(1px, -1px);
		}

		.main-navigation.toggled #digital_newspaper_menu_burger span:nth-child(2) {
		  Transform: scaleX(0);
		}

		.main-navigation.toggled #digital_newspaper_menu_burger span:nth-child(3) {
		  transform: rotate(-45deg) translate(1px, 0);
		}

		.sidebar-toggle-wrap {
			display: none;
			flex: 0;
		}

		button.menu-toggle {
			background-color: transparent;
			display: flex;
			align-items: center;
			border: none;
			border-radius: 3px;
			background: transparent;
			color: rgba(0, 0, 0, 0.8);
			line-height: 1;
			padding: 0.3em 0.5em 0.3em 0;
		}

		.menu_txt {
			display: block;
			color: var(--theme-color-red);
			padding-left: 10px;
			float: none;
			font-weight: 600;
			font-size: 18px;
			text-transform: uppercase;
		}

		nav.main-navigation ul.menu,
		nav.main-navigation ul.nav-menu {
			background-color: var(--mobile-menu-bk-color);
			z-index: 10;
			position: absolute;
			width: 100%;
			left: 0;
			padding: 10px 30px;
		}

		nav.main-navigation ul.menu li,
		nav.main-navigation ul.nav-menu li {
			float: none;
			border-top: 0;
			position: relative;
			border-bottom: 1px solid var(--mobile-menu-border-btm-color);
		}

		nav.main-navigation ul li.menu-item-has-children {
		    display: inline-block;
		    width: 100%;
		}

		nav.main-navigation ul.menu li:last-child,
		nav.main-navigation ul.nav-menu li:last-child {
			border-bottom: none;
		}

		nav.main-navigation ul.menu li a,
		nav.main-navigation ul.nav-menu li a{
			font-size: var(--menu-size-mobile);
			font-weight: var(--menu-weight);
			letter-spacing: var(--menu-letterspacing-mobile);
			color: var(--menu-color);
			font-family: var(--menu-family);
			float: none;
			display: block;
			padding: 9px 0;
			text-decoration: var(--menu-textdecoration-mobile);
		}

		nav.main-navigation.toggled ul>li .children, nav.main-navigation.toggled ul>li .sub-menu {
			display: none;
		}

		nav.main-navigation .toggle-sub-menu, 
		nav.main-navigation ul.menu .toggle-sub-menu,
		nav.main-navigation ul.nav-menu .toggle-sub-menu { 
			display: inline-block;
			width: 15px;
		}

		nav.main-navigation .toggle-sub-menu {
			display: inline-block;
			position: absolute;
			top: 5px;
			right: 2px;
		}

		nav.main-navigation ul>li > .sub-menu.isShow,
		nav.main-navigation ul>li > .children.isShow {
			display: block;
			position: relative;
			width: 100%;
			border-top: none;
			padding-left: 20px;
		}

		nav.main-navigation .toggle-sub-menu {
			padding-right: 20px;
			display: inline-block;
			text-align: right;
		}

		.main-navigation .menu li a,
		.main-navigation .nav.menu li a{
			font-size: var(--menu-size-mobile);
			line-height: var(--menu-lineheight-mobile);
			letter-spacing: var(--menu-letterspacing-mobile);
		}

		.main-navigation ul.menu ul li a,
		.main-navigation ul.nav-menu ul li a  {
			font-size: var(--submenu-size-mobile);
			line-height: var(--submenu-lineheight-mobile);
			letter-spacing: var(--submenu-letterspacing-mobile);
		}

		.main-navigation .menu li a,
		.main-navigation .nav.menu li a{
			font-size: var(--menu-size-mobile);
			line-height: var(--menu-lineheight-mobile);
			letter-spacing: var(--menu-letterspacing-mobile);
		}
}


@media screen and (min-width: 1280px) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
		flex-wrap: wrap;
	}

	.site-header.layout--one .main-navigation ul {
		justify-content: center;
	}
}


@media screen and (min-width: 1280px) {
    .main-navigation ul {
        flex-wrap: nowrap;
    }
	
	.main-navigation .menu li a, 
	.main-navigation .nav.menu li a {
		white-space: nowrap;
	}
}




/* Widgets */

.widget.widget_block {
	transition: none !important;
    box-shadow: none !important;
    transform: none !important;
}




#sb_instagram:before {
	content: '';
	width: 100%;
	height: 50px;
	background: transparent url('https://healthyvibras.mystagingwebsite.com/wp-content/uploads/2025/08/logo-Instagram.png') no-repeat center center;
	background-size: 125px;
	display: block;
	position: relative;
}

body.digital_newspaper_dark_mode #sb_instagram:before {
    background-color: #8a8a8c;
}


#one-article.news-grid .news-grid-post-wrap article {
    flex: 0 1 100% !important;
}

#one-article.news-grid .news-grid-post-wrap article .post-excerpt {
	text-align: left !important;
}





/* Main Banner */

.banner-layout--four .main-banner-block-posts.banner-trailing-posts img {
    border-radius: 6px !important;
}

.banner-layout--four .banner-trailing-posts .post-element {
    background: #ffffff97 !important;
    border-radius: 0 0 6px 6px !important;
}

.banner-layout--four .banner-trailing-posts .post-title {
    color: #000 !important;
}

.banner-layout--four .banner-trailing-posts .post-meta .post-categories li a {
    /*color: #000 !important;*/
	color: #fff !important;
}

.banner-layout--four .banner-trailing-posts .post-meta .post-categories li:hover a {
    color: #fff !important;
}




.news-grid.layout--three .post-categories li a {
    /*color: #000 !important;*/
	color: #fff !important;
}

.news-grid.layout--three .post-categories li a:hover {
    color: #fff !important;
}



.news-grid.layout--three .post-thumb-wrap {
    overflow: visible !important;
}

.news-grid.layout--three .post-categories {
    bottom: -40px !important;
}

.news-grid .news-grid-post-wrap article .post-element {
    padding-top: 50px !important;
}


.digital-newspaper-block-title {
	display: flex !important;
    height: 49px;
    align-items: center;
}

.digital-newspaper-block-title img.sponsor {
	height: 47px;
    width: auto;
}

/* Grid */

.leftc-rights-section .primary-content {
    flex: 0 1 75% !important;
}

.leftc-rights-section .secondary-sidebar {
    flex: 0 1 25% !important;
}


.lefts-rightc-section .row {
    flex-direction: row-reverse;
}



.lefts-rightc-section .primary-content {
    flex: 0 1 75% !important;
}

.lefts-rightc-section .secondary-sidebar {
    flex: 0 1 25% !important;
    margin-right: 0 !important;
	margin-left: 0 !important;
}

@media (min-width: 941px) {
    .lefts-rightc-section .secondary-sidebar {
        margin-left: 20px !important;
    }
}

.three-column-section .row .section-column-wrap > div {
    flex: 0 1 37.5% !important;
}

.three-column-section .row .section-column-wrap > div.column-third {
    flex: 0 1 25% !important;
}


/* single */


@media (min-width: 941px) {
	body.right-sidebar #theme-content .row .secondary-left-sidebar, 
	body.left-sidebar #theme-content .row .secondary-left-sidebar {
		flex: 0 1 25% !important;
	}

	body.right-sidebar #theme-content .row .primary-content, 
	body.left-sidebar #theme-content .row .primary-content {
		max-width: 75% !important;
		flex: 0 1 75% !important;
	}

	body.right-sidebar #theme-content .row .secondary-sidebar {
		flex: 0 1 25% !important;
	}
}


@media (max-width: 610px) {
	body.single #theme-content .single-related-posts-wrap {
		flex-direction: column;
	}
}


body.single.both-sidebar #theme-content .secondary-content .single-related-posts-wrap article{
	flex: 0 1 50%;
}

body.single #theme-content .secondary-content .single-related-posts-wrap article{
	flex: 0 1 25%;
	padding: 0 10px;
	display: flex;
	flex-direction: column;
	border-bottom: none;
	margin-bottom: 20px;
}

body.single #theme-content .secondary-content .single-related-posts-wrap article figure{
	margin-right: 0px;
}

body.single #theme-content .secondary-content .single-related-posts-wrap article figure.no-feat-img {
	position: relative;
	padding-bottom: 60%;
	background: var(--noimg-bk-color);
	background-position: center;
	background-size: cover;
	overflow: hidden;
	width: 100%;
}



/* Category Tab */

.block-title--layout-one h2.digital-newspaper-block-title, 
.block-title--layout-one h2.digital-newspaper-widget-title, 
.block-title--layout-one h2.widget-title {
    border-bottom: 2px solid #FFBE71 !important;
}

h2.digital-newspaper-block-title span, 
h2.digital-newspaper-widget-title span, 
h2.widget-title span, 
.archive .page-title, 
.search .page-title {
    background: #978FFF !important;
	font-family: "CooperBT", Sans-serif !important;
	font-size: 16px !important;
    padding: 0 8px !important;
	line-height: 47px !important;
	color: #F9FF88 !important;
	margin-bottom: 0 !important;
}

@media (min-width: 768px) {
	h2.digital-newspaper-block-title span, 
	h2.digital-newspaper-widget-title span, 
	h2.widget-title span, 
	.archive .page-title, 
	.search .page-title {
		font-size: 24px !important;
		padding: 0 12px !important;
	}
	}

.top-ticker-news {
	opacity: 0;
	visibility: hidden;
}


a.view-all-button {
    width: 100% !important;
    height: 49px !important;
    top: 0 !important;
    background: transparent !important;
}

a.view-all-button i {
	background: #ffbe71 !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 100% !important;
    margin-top: 6px !important;
    float: right !important;
}


/* Breadbrumb */

.digital-newspaper-breadcrumb-wrap {
    margin-bottom: 0;
    padding: 15px;	
	box-shadow: none;
	-webkit-box-shadow: none
}

.digital-newspaper-breadcrumb-wrap ul li.trail-item.trail-end {
	display: none !important;
}

/*
.digital-newspaper-breadcrumb-wrap ul {
	text-align: center;
}
*/
.digital-newspaper-breadcrumb-wrap ul li,
.digital-newspaper-breadcrumb-wrap ul li a,
.digital-newspaper-breadcrumb-wrap ul li a span {
	font-family: "CooperBT", Sans-serif;
	font-size: 15px;
}


/* Post item */

article .blaze_box_wrap {
	padding: 0 !important;
    box-shadow: none !important;
}

article .blaze_box_wrap .post-thumb-wrap img {
	border-radius: 6px !important;
}

article .blaze_box_wrap .post-categories {
    text-align: left !important;
}

article .blaze_box_wrap .post-categories .cat-item {
    background-color: #000;
}

.news-grid .news-grid-post-wrap article .post-element {
    padding: 50px 0 15px !important;
}

.news-grid .news-grid-post-wrap article .post-element .post-title {
	font-family: 'Open Sans', Sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #000;
	text-align: left;
}

.news-grid .news-grid-post-wrap article .post-element .post-meta {
	font-family: 'Open Sans', Sans-serif;
	font-weight: 600;
	font-size: 11px;
	text-align: left;
}

.news-grid .news-grid-post-wrap article .post-element .post-meta span,
.news-grid .news-grid-post-wrap article .post-element .post-meta time {
	color: #C4C4C4;
}









/* Archive */

#category-header {
	margin-bottom: 60px;
}

@media (min-width: 611px) {
	#category-header {
		height: 560px;
	}
}

#category-header .row {
	height: 100%;
}

#category-header .row .section-column-wrap {
	height: 100%;
    width: 100%;
    padding: 20px;
    display: flex;
	flex-direction: row;
    justify-content: center;
    margin: 0;
    align-content: center;
    align-items: center;
}

#category-header .row .section-column-wrap h1 {
	font-family: "CooperBT", Sans-serif;
	font-size: 64px;
	line-height: 70px;
    font-weight: 500;
    color: #FFFFFF;
	text-align: center;
}

@media (max-width: 610px) {
	#category-header .row .section-column-wrap h1 {
		font-size: 32px;
		line-height: 40px;
	}
}

#category-header .row .section-column-wrap .section-column.column-first > div {
	height: 500px;
	background-size: cover;
}

@media (max-width: 610px) {
	#category-header .row .section-column-wrap .section-column.column-first > div {
		height: 300px;
	}
}

#category-header .row .section-column-wrap .section-column.column-first {
    flex: 0 1 60%;
}

#category-header .row .section-column-wrap .section-column.column-second {
    flex: 0 1 40%;
}

#category-header .section-column-wrap .section-column.column-second .news-list-post-wrap .list-item figure.post-thumb-wrap {
    flex: 0 1 25%;
}

#category-header .section-column-wrap .section-column.column-second .news-list-post-wrap .list-item .post-element {
    flex: 0 1 75%;
}


@media (max-width: 610px) {
    #category-header .section-column-wrap .section-column.column-second .news-list-post-wrap .blaze_box_wrap {
        flex-direction: column;
    }
}



@media (max-width: 610px) {
	#category-header > .digital-newspaper-container {
		padding: 0;
	}
	
	#category-header > .digital-newspaper-container .section-column-wrap {
		padding: 0;
		flex-direction: column;
	}

	#category-header .row .section-column-wrap .section-column.column-first,
	#category-header .row .section-column-wrap .section-column.column-second {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	#category-header .row .section-column-wrap .section-column.column-first {
	    padding: 0;
		width: 100%;
	}
	
	#category-header .row .section-column-wrap .section-column.column-second {
		padding: 0 20px;
	}
}









/* Contact Form */

.formulario-custom {
  max-width: 800px;
  margin: 0 auto;
  font-family: 'Helvetica', sans-serif;
  color: #fff;
}

.formulario-custom .fila {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}

.formulario-custom .col {
  flex: 1 1 45%;
  min-width: 200px;
}

.formulario-custom input[type="text"],
.formulario-custom input[type="email"] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #f0e68c;
  border-radius: 4px;
  background: transparent;
  color: #fff;
  font-size: 14px;
}

.formulario-custom input::placeholder {
  color: #eee;
}

.formulario-custom .titulo-checks {
  font-weight: bold;
  margin-bottom: 10px;
  color: #f0e68c;
}

.formulario-custom .checks {
  display: flex;
  gap: 40px;
}

.formulario-custom .checks .col {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.formulario-custom input[type="checkbox"] {
  margin-right: 8px;
}

.formulario-custom input[type="submit"] {
  background: #ffff80;
  color: #000;
  font-weight: bold;
  border: none;
  border-radius: 30px;
  padding: 10px 30px;
  cursor: pointer;
  transition: background 0.3s;
}

.formulario-custom input[type="submit"]:hover {
  background: #f0e68c;
}

/* Responsive: en mobile una columna */
@media (max-width: 600px) {
  .formulario-custom .fila {
    flex-direction: column;
  }
}



















/* ----------------------------------------------------------------- */
/* DARK MODE */
/* ----------------------------------------------------------------- */

body.digital_newspaper_dark_mode article .blaze_box_wrap {
    background: transparent !important;
}

body.digital_newspaper_dark_mode .news-grid .news-grid-post-wrap article .post-element .post-title {
	color: #fff;
}

body.digital_newspaper_dark_mode .site-header.layout--default .site-branding-section {
    background: transparent !important;
}
















