/**
Theme Name: Natural Maga
Author: Laia Jutglà / misefectos
Author URI: https://misefectos.com
Description: Tema para Natural Maga. Basado en Astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: natural-maga
Template: astra
*/

.sr-only{
	position: absolute;
	width: 1px; height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

.site-content{
	padding-bottom: 60px
}
footer.site-footer .colophon .container{
	max-width: 1200px;
}

.home.ast-hfb-header .site-header{
	margin-bottom: 0;
}

footer .menu a{
	color:#402b1b;
}
footer .menu{
	list-style-type:none;
	padding:0; margin-left:0;
}
footer.site-footer{
background-color: var(--ast-global-color-1);
	padding:20px;
}
footer.site-footer .container{
	max-width: 1024px;
	width:100%;
	margin: 0 auto;
	display:flex;
	flex-direction: column;
}



footer .zona-menu{
    margin-top: 20px;
}





.site-footer .container{
	padding-top: 30px;
}
.site-footer img{
	mix-blend-mode: darken;
}

.zona-otrosite a.naturalmaga-logo-link{
	display:block; position: relative;
}
.zona-otrosite a.naturalmaga-logo-link img{
	width: 100%
}
.naturalmaga-logo-link img{
	max-width: 50vw;
}

footer .zona-site{
		order: 2;
		text-align: center;
	}
	footer .zona-otrosite{
		order: 1;
		border-bottom: 1px solid #402b1b;
		margin-bottom: 40px;
		padding-bottom: 30px;
	}
@media all and (max-width: 1023px){
h1.header-title{
	font-size: 60px!important;
}
}
@media all and (min-width: 1024px){
	footer .zona-logo{
	background-color: #fef4e6;
	text-align: center;
	padding: 30px;
	margin-right: 40px;
}
	footer.site-footer .container{
	flex-direction:row;
	justify-content:space-between;
}
	.site-footer .zona-menu ul{
		display:flex;
		gap: 20px;
		/* padding-left: 30px */
	}
	
		.naturalmaga-logo-link img{
		
		margin-left: -30px;
		max-width: 220px;
	}

	footer .zona-site{
		flex: 0 1 60%;
		order: 1;
		text-align: left;
	}
	footer .zona-otrosite{
		flex: 0 1 calc(40% - 20px);
		order: 2;
		border: none;
		margin: 0;
		padding: 0;
	}

	footer .zona-logo img{
		max-width:275px;
	}
}

/* Estilos para single post */

.single-post .site-content .ast-container{
	
	margin: 0 auto;
	padding: 0 20px;
	display: block;
}

.articulos-relacionados{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	gap: 5px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding: 1rem 0;
}
.articulos-relacionados .articulo-relacionado{
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 calc(50% - 10px);
	        flex: 0 1 calc(50% - 10px);
	background-color: var(--ast-global-color-1);
	padding: 0.5rem;
}
@media all and (min-width: 1023px){
	.ast-page-builder-template.single-post .site-content > .ast-container,
	.single-post .site-content .ast-container{
		max-width: 1240px;
	}
.articulos-relacionados{
gap: 20px;
padding: 2rem 0;
}
	.articulos-relacionados .articulo-relacionado{
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 calc(33% - 10px);
		        flex: 0 1 calc(33% - 10px);
		padding: 1.5rem;

	}
}
	
.articulos-relacionados .articulo-relacionado h2{
	font-size: 1rem;
	line-height: 1.15em;
	margin-bottom: 0.5em;
}
.articulos-relacionados .articulo-relacionado p{		
	font-size: .75rem;
	line-height: 1.4em;
	margin-bottom: 0;
}
.single-post .sidebar-filosofia blockquote p{
  font-size: 1rem;
  line-height: 1.4em;
  padding: 0 0 1em;
   margin-bottom: 3rem;

}
.single-post h1.entry-title{
  font-size: 2rem;
  font-weight: bold;
}
@media all and (min-width: 1023px){
	.single-post h1.entry-title{
  font-size: 2.25rem;
}
	.single-post .sidebar-filosofia blockquote p{
  font-size: 2.2rem;
	}
	.single-post .post-content{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	gap: 40px;
	}
	.single-post .post-content .content-area{
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 70%;
		        flex: 0 1 70%;
	}
	.single-post .post-content .widget-area{
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 30%;
		        flex: 0 1 30%;
	}
	.articulos-relacionados .articulo-relacionado h2{
		font-size: 1.4rem;
	}
	.articulos-relacionados .articulo-relacionado p{		
		font-size: 1rem;
	}
}

.ast-page-builder-template .comments-area{
	margin:0 0 2rem;
	padding: 1em 0;
}


.single-post .content-area .page-header,
.single-post .content-area .entry-meta{
	margin-bottom: 2rem;
}

.single-post h2.wp-block-heading{
  font-size: 1.75rem;
}
.single-post .entry-content p{
  margin-bottom: 1em;
}


.single-post .entry-content p:first-child{
  font-size: 1.2rem;
  line-height: 1.6em;
  margin-bottom: 1em;
}
.single-post .entry-content .wp-block-image{
	margin-bottom: 2rem;
}
.sidebar-filosofia{
	padding: 3rem 0;
}
.sidebar-filosofia .cta-escuela{
	background-color: var(--ast-global-color-1);
	padding: 2rem;
}

.single-post .sidebar-filosofia blockquote{
    margin: 0 0 1em;
  display: block;
  padding:0;
  border:none!important;
  text-align: center;
  max-width: 60vw;
}




.sidebar-filosofia .wp-block-buttons{
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 3rem;
}

.single-post .breadcrumb_last{
display: none;
}