/*
Theme Name: My Twenty Twenty One Child Theme
Theme URI: https://example.com
Description: A child theme for Twenty Twenty One.
Author: Your Name
Author URI: https://example.com/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --global--font-primary: var(--font-headings, beaufort-pro, serif);
	--global--font-secondary: var(--font-base, beaufort-pro, serif);

  --global--font-size-base: 1.25rem;
	--global--font-size-xs: 1rem;
	--global--font-size-sm: 1.125rem;
	--global--font-size-md: 1.25rem;
	--global--font-size-lg: 1.5rem;
	--global--font-size-xl: 2.25rem;
	--global--font-size-xxl: 3rem;
	--global--font-size-xxxl: 5rem;
	--global--font-size-page-title: var(--global--font-size-xxl);
	--global--letter-spacing: normal;

	/* Line Height */
	--global--line-height-body: 1.3;
	--global--line-height-heading: 1.3;
	--global--line-height-page-title: 1.1;

	/* Headings */
	--heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
	--heading--font-size-h2: var(--global--font-size-xl);
	--heading--font-size-h1: var(--global--font-size-page-title);
	--heading--font-weight: normal;
	--heading--font-weight-page-title: 300;
	--heading--font-weight-strong: 700;

  --form--border-width: 1.5px;
  --form--border-color: #BB5555;

  --button--padding-vertical: 0.5em;
  --button--padding-horizontal: 0.5em;

  --footer--color-text: white;
  --footer--color-link: white;
  --footer--color-link-hover: white;

  --widget--line-height-list: 1.5;

}



/*HEADER*/


.site-header {
	padding-top: calc(0.1 * var(--global--spacing-vertical));
  padding-bottom: calc(0.1 * var(--global--spacing-vertical));
  }

.singular .entry-header {
	border-bottom: none;
	padding-bottom: calc(0.25 * var(--global--spacing-vertical));
	margin-bottom: calc(0.25 * var(--global--spacing-vertical));
  }

.site-header, .site-main, .widget-area, .site-footer {
	padding-bottom: calc(-1 * var(--global--spacing-vertical));
  }


@media (max-width: 481px) {

.site-header {
  padding-bottom: calc(1.25 * var(--global--spacing-vertical));
  }

  .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
	max-height: calc(var(--button--padding-vertical) - 0 * var(--global--spacing-unit) + 1.7em);
  }

}





/*PORTADA*/

.wp-block-cover {
  align-items: flex-start;
}

h2.alignwide {
  line-height: 1.1;
  font-size: var(--global--font-size-xxl)!important;
}

h3.alignwide {
  margin-bottom: 0.5rem!important;
}

h4.alignwide {
  margin-top: 0!important;
}

/*CONTIDO*/



.entry-content {
  padding-bottom: 6rem;
}

.home .entry-content {
  padding-bottom: 0rem!important;
}

.entry-content p {
	margin-bottom: 1rem;
}

.lead {
  font-size: var(--global--font-size-lg);
  font-weight: 500;
  line-height: 1.2;
  padding-right: 1em;
}

.wp-block-columns .wp-block-column > * {
	margin-top: calc(0.5 * var(--global--spacing-vertical));
	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}

.wp-block-column {
	padding-right: 1em;
}

.page-id-24 .wp-block-column, .page-id-583 .wp-block-column, .page-id-585 .wp-block-column {
	padding-right: 0em!important;
}

.wp-block-image figcaption {
	font-size: var(--global--font-size-xs);
  text-align: left;
}

.post-24 .wp-block-image figcaption {
	font-size: calc(0.55 * var(--global--spacing-vertical));
	line-height: calc(0.9 * var(--global--line-height-body));
	margin-top: calc(0.5 * var(--global--spacing-unit));
	margin-bottom: var(--global--spacing-unit);
  padding-right: 1em;
}

.post-24 .wp-block-columns, .post-583 .wp-block-columns, .post-585 .wp-block-columns {
  margin-top: calc(0.25 * var(--global--spacing-unit));
  margin-bottom: calc(0.25 * var(--global--spacing-unit));
}

p.has-text-color {
  margin-top: -10px!important;
}

p.has-text-color a {
  color: #bb5555!important;	
}


/*FORMULARIOS*/

.wpcf7-form-control {
  border-top: 0!important;
  border-right: 0!important;
  border-left: 0!important;
  padding-left: 0!important;
}

.wpcf7-form-control:focus {
  outline: 0!important;
}

.wpcf7-list-item {
  margin-left:0!important;
}

.wpcf7-submit {
  width: 100%;
  background-color: #BB5555!important;
  border: none!important;
}

.wpcf7-submit:hover {
  color: #BB5555!important;
  background-color: #DCAAAA!important;
  border: none!important;
}

label {
	margin-bottom: calc(var(--global--spacing-vertical) / 5);
}






/*FOOTER*/

.footer {
  background-color: #BB5555;
}

.widget-area {
	margin-top: calc(-1 * var(--global--spacing-vertical));
  grid-template-columns: repeat(2, 1fr);
}

.site-footer > .site-info {
	padding-top: calc(var(--global--spacing-vertical) / 2);
	color: var(--footer--color-text);
	border-top: 0!important;
}

.footer p {
  line-height: 1.15;
}


/* MOBILE MENU */
@media only screen and (max-width: 1024px) {
.primary-navigation-open .primary-navigation > .primary-menu-container {
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
border: 2px solid transparent;
}
.primary-navigation > div > .menu-wrapper {
padding-bottom: 100px;
padding-left: 0;
}
.primary-navigation-open .primary-navigation {
width: 100%;
position: fixed;
}
.menu-button-container {
display: block;
}
.primary-navigation > .primary-menu-container {
visibility: hidden;
opacity: 0;
position: fixed;
padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
padding-bottom: var(--global--spacing-horizontal);
background-color: var(--global--color-background);
transition: all 0.15s ease-in-out;
transform: translateY(var(--global--spacing-vertical));
}
.primary-navigation > div > .menu-wrapper li {
display: block;
position: relative;
width: 100%;
}
}


/* NOVAS */
.wp-block-latest-posts__list{
	margin-bottom: 3rem!important;
}

.wp-block-latest-posts__list > li{
	margin-bottom: 2rem!important;
}


.is-frontpage {
  margin-bottom: -5px!important;
}