/*
 Theme Name:   Aema
 Theme URI:    http://www.faam.es
 Description:  Aema
 Author:       Gonzalo Castells Ortells
 Author URI:   http://www.faam.es
 Template:     vantage
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  aema
*/
@import url("../vantage/style.css");

html {
    scroll-behavior: smooth;
}

body {
    --background-color: #623f33;
    --highlight-color: #cb7952;
    --highlight-color2: #8d4d5d;
    --light-color: #faf2e9;
    --image-border-radius:1rem;
    scroll-behavior: smooth;
}
section {
	padding-block:3rem;
}
section.wp-block-group.has-background {
	padding-block:6rem;
}
a {
    color:var(--background-color);
}
/* Buttons */
a.wp-block-button__link,
body .nf-form-content button,
body .nf-form-content input[type=button],
body .nf-form-content input[type=submit],
.paging-navigation a.page-numbers {
    border-radius: 1rem;
    text-transform: uppercase;
    font-weight: bold;
	font-size:inherit;
	color:#000;
	background: var(--light-color);
	border-color: var(--light-color);
}
a.wp-block-button__link:is(:hover, :active, :focus, :focus-visible, :focus-within, :target),
body .nf-form-content button:is(:hover, :active, :focus, :focus-visible, :focus-within, :target),
body .nf-form-content input[type=button]:is(:hover, :active, :focus, :focus-visible, :focus-within, :target),
body .nf-form-content input[type=submit]:is(:hover, :active, :focus, :focus-visible, :focus-within, :target),
.paging-navigation .page-numbers.current {
    background:var(--highlight-color2);
	color:#fff;
	box-shadow:none;
}
/* End buttons */

mappress-map {
    border-radius:var(--image-border-radius);
    overflow:hidden;
}
.wp-block-details summary {
    cursor: pointer;
    font-family: Alegreya, serif;
    font-size: var(--wp--preset--font-size--medium) !important;
    margin-block-end:2rem;
}

#masthead {
	color:#fff;
}
#masthead .hgroup #header-sidebar .widget-title {
	text-transform: uppercase;
}

#main-hero-image h1,
#main-hero-image h3 {
	color:#fff;
	font-size:200%;
}
#main-hero-image h1 {
	font-size:300%;
	line-height:1;
}

#hero {
	min-height:calc(80vh - 100px);
	display:flex;
}
#hero h1.has-x-large-font-size {
	font-size:60px !important;
	margin-block:4rem;
}

#intro {
    text-align:center;
    font-size:125%;
}
#servicios .wp-block-cover{
    min-height: 12rem;
	
}
#servicios .wp-block-cover + .wp-block-cover {
    margin-top: 4rem;
}
#servicios .wp-block-cover,
#faq .wp-block-cover,
#formulario-contacto .wp-block-cover {
    border-radius: var(--image-border-radius);
    width:100%;
}
#faq .wp-block-column:first-child,
#formulario-contacto .wp-block-column:first-child {
    display:flex;
}
.vantage-grid-loop article .excerpt {
    font-size: 13px;
    color: #666;
    line-height: 1.6em;
}

.contact-row {
	text-align: center;
}
.contact-icons {
	margin-bottom: 0;
}
.contact-icons .fa {
	color: #3b0e9c;
    font-size: 5em;
    text-align: center;
	display:block;
	text-align:center;
	padding-bottom: 0.5em;
	border-bottom: .05em solid #3b0e9c;
}

#mapp2_layout {
	border:none;
	margin:0;
}

th {
	color: #ffffff;
    background: #2d555e;
	padding: 0.625em;
}
tr td {
	background: #fff;
	padding: 0.625em;
    border: 1px solid #b9b9b9;
}
tr td:nth-child(odd) {
    background: #F0F0F0;
}

/* Página de contacto */
.page-id-45 #hero {
    min-height: auto;
    display: flex;
}
.page-id-45 .wp-block-cover {
    min-height:auto;
}

.pagination, .entry-content .pagination {
    text-align:center;
}
.paging-navigation .page-numbers {
    padding:1em 1.25em;
    font-size:inherit;
}
.page-numbers.dots {
    border:none;
    background:none;
    box-shadow:none;
}


/* Asóciate */
#asociate  {
    padding-block:3rem;
}
.entry-content #asociate h2,
.entry-content #formulario-contacto h2
{
    margin-block-end: 0;
    margin-bottom: 0;
    color:#fff;
}
#asociate h2 + p {
    margin-bottom:2rem;
}

.entry-content #asociate .nf-form-fields-required {
    margin-bottom:1rem;
}

#colophon .logo img {
	max-height:33px;
	width:auto;
	margin-bottom:2rem;
}
#colophon .widget_nav_menu .menu-item a,
#colophon .widget_nav_menu .menu-item a:visited {
	border-bottom: none;
	padding-block: 5px;
	opacity:1;
	font-size:1.6rem;
	color:var(--background-color);
}

#colophon .widget_nav_menu .menu-item a:hover,
#colophon .widget_nav_menu .menu-item a:focus {
    text-decoration:underline;
}

@media (min-width: 481px) {
}

@media (min-width: 681px) {
	nf-field:nth-last-child(3) { /* Primera capa de la política de privacidad */
        font-size: 75%;
    }
    nf-field:nth-last-child(3) p:first-child {
        margin-top:0;
    }
    nf-fields-wrap {
        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-column-gap:2rem;
        grid-auto-rows: min-content;
    }
    nf-fields-wrap > * {
        grid-column:1;
    } 
    nf-fields-wrap :nth-last-child(3) {
        grid-row: 1 / 4;
        grid-column: 2;
    }
    nf-fields-wrap > :last-child {
        grid-column: 1 / -1;
        justify-self: center;
    }
    #asociate nf-fields-wrap {
        grid-auto-rows: min-content min-content 1fr;
    }
    /* Hazte colaborador */ 
    #listado-socio-colaborador .wp-block-columns {
        display:grid;
      grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1280px) {
	.layout-full.page-layout-no-sidebar .alignwide {
left: -10vw;
	}
}