/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive-child
Author: Sky Studio
Author URI: https://www.skystudio.com.br
Template: twentytwentyfive
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
Text Domain: twentytwentyfivechild
*/

:root {
	--scrollbarWidth: 0px;
}

h1,
.is-layout-constrained > h1 {
    margin-block-end: 3rem;
}

a:hover {
    color: #999;
}

.hidden {
    display: none!important;
}
.fullwidth {
	width: calc(100vw - var(--scrollbarWidth))!important;
	max-width: calc(100vw - var(--scrollbarWidth))!important;
	margin-left: calc(50% - 50vw + var(--scrollbarWidth)/2)!important;
	margin-right: calc(50% - 50vw + var(--scrollbarWidth)/2)!important;
}
.fullwidth-content {
	width: calc(100vw - var(--scrollbarWidth))!important;
    margin-left: calc(50% - 50vw + var(--scrollbarWidth)/2)!important;
    margin-right: calc(50% - 50vw + var(--scrollbarWidth)/2)!important;
    padding-left: calc(50vw - 50% - var(--scrollbarWidth)/2)!important;
    padding-right: calc(50vw - 50% - var(--scrollbarWidth)/2)!important;
}

/* Header */
header {
    -webkit-box-shadow: 0px 3px 20px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 3px 20px rgba(0,0,0,.3);
    -o-box-shadow: 0px 3px 20px rgba(0,0,0,.3);
    box-shadow: 0px 3px 20px rgba(0,0,0,.3);	
    border-top: 0px solid #ccc;
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
    text-decoration: none;
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover {
    color: #999;
}
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item {
    font-size: 1rem;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    padding: .3em 1em;
}
#nuestros-membros figure {
    transition: all ease 0.3s;
}
#nuestros-membros figure:hover {
    transform: translateY(-3px);
    transition: all ease 0.3s;
}
#nuestros-membros figcaption {
    margin: 2px 0 0;
    text-align: center;
    font-size: 0.6rem;
}

@media(max-width: 599px) {
    #header-line,
    #nuestros-membros,
    #menu-container {
        justify-content: center;
    }
    #nuestros-membros {
        row-gap: 0;
    }
    #menu-container {
        padding: 5px 0;
        background-color: #000;
        border-radius: 4px;
        color: #fff;
    }
    #menu-container .wp-block-navigation__responsive-container-open:before {
        content: "Menu ";
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Footer */
footer a:hover {
    color: #ddd;
}

@media(max-width: 599px) {
    #footer-line {
        justify-content: center;
    }
    #footer-inside-line > .wp-block-group {
        flex-basis: 100%;
    }
    #footer-inside-line p {
        text-align: center;
    }
    #footer-inside-line .wp-block-social-links {
        justify-content: center;
    }
    #copyright > .wp-block-group {
        justify-content: center;
    }
}

/* Home */
body.home main {
    margin-top: 0!important;
}

/* Galery */
.wp-block-gallery.has-nested-images {
    justify-content: flex-start !important;
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
    flex-grow: 0 !important;
    aspect-ratio: 3 / 2; /* quadrado */
    overflow: hidden;
}
.wp-block-gallery.has-nested-images figure.wp-block-image img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

/* WPCF7 */
.wpcf7 input,
.wpcf7 textarea {
    width: calc(100% - 6px);
    border: 1px solid #ccc;
    border-radius: 4px;
}
.wpcf7 input {
    height: 2rem;
}
.wpcf7 input[type="submit"] {
    width: 100%;
    cursor: pointer;
}
.wpcf7 input[type="submit"]:hover {
    background-color: #000;
    color: #fff;
}