/*
Theme Name:  Astra child theme
Description: Tema hijo para hacer personalizaciones de código
Author:      María
Author URL:  https://mariayedgard.es
Template:    astra
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
*/

@font-face {
    font-family: 'Brittany Signature';
    src: url('/wp-content/themes/astra-child/assets/fonts/BrittanySignature.woff2') format('woff2');;
    font-weight: normal;
    font-style: normal;
}

.brittany * {
    font-family: 'Brittany Signature', cursive !important;
}

.azul {
    color: var(--ast-global-color-2);
}

.titulo_pagina * {
    text-transform: none;
    font-weight: 400;
    color: #d6dce3 !important;
}

.ast-theme-transparent-header #masthead {
    position: fixed;
    background-color: var(--ast-global-color-4);
}

.ast-scroll-to-top-right {
    right: 105px !important;
}

.site-header {
    z-index: 1000;
}

#ast-mobile-header .ast-mobile-header-content {
    height: 100vh;
    background-color: #00000082;
}

#ast-mobile-header .ast-header-button-1 {
    background-color: var(--ast-global-color-4);
}

/* .ast-header-break-point #ast-mobile-header {
    background-color: var(--ast-global-color-4);
} */

[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-outline {
    border-color: var(--ast-global-color-0);
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: var(--ast-global-color-0);
}

/* .titulo-mariaedgard p {
    margin-bottom: 1rem;
}

.hero-date {
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(63, 74, 99, 0.75);

    p {
        margin: 0;
    }
} */

.texto-mantenimiento p {
    margin: 0;
    text-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

.fecha * {
    color: #f0d7bd;
}

.home .countdown-number {
    color: var(--e-global-color-astglobalcolor0);
}

.home .countdown-label {
    color: var(--ast-global-color-3);
}

.page-id-1199 #comments {
    background-color: #DDF2FD;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 2em;
    padding-bottom: 2em;
}

.guestbook-header {
	margin-bottom: 20px;
}

.guestbook-header h5 {
	margin-bottom: 12px;
}

.guestbook-header p {
	margin: 0 auto;
	line-height: 1.8;
}

.comment-respond {
    padding-top: 0;
}

.comment-respond .comment-reply-title {
    display: none;
}

.gallery-preview {
    position: relative;
    overflow: hidden;
}

.gallery-preview::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -32px;

    height: 180px;

    background: linear-gradient(
        to bottom,
        rgba(220, 241, 255, 0) 0%,
        rgba(220, 241, 255, 0.35) 35%,
        rgba(220, 241, 255, 0.75) 70%,
        #DCF1FF 100%
    );

    pointer-events: none;
}

/* .home .ast-container {
    max-width: 100%;
    padding: 0;
}

.main-header-menu > .menu-item > .menu-link {
    text-transform: uppercase;
}

.main-header-menu > .current-menu-item > .menu-link {
    text-decoration: underline;
    text-underline-offset: 8px;
} */

.whatsapp {
    background: #314C74;
    display: flex;
    position: fixed;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(49, 76, 116, 0.25);
    width: 50px;
    height: 50px;
}

.whatsapp:hover {
    background: #AFC8E6;
    transform: translateY(-2px);
}

.whatsapp img {
    width: 30px;
    height: 30px;
}

.ast-scroll-to-top-right {
    right: 85px;
    bottom: 20px;
}

.whatsapp span {
    position: absolute;
    background: rgba(255,255,255,0.95);
    color: #314C74;
    box-shadow: 0 4px 15px rgba(49,76,116,0.15);
    padding: 3px 6px;
    border-radius: 20px;
    font-size: 12px;
    transition: all 0.3s ease;
}

.whatsapp:hover span {
    background: #ffffff;
    box-shadow: 0 6px 20px rgba(49,76,116,0.20);
}

.whatsapp_edgard {
    bottom: 8px;
    left: 8px;
}

.whatsapp_edgard span {
    bottom: 13px;
    left: 44px;
}

.whatsapp_maria {
    bottom: 8px;
    right: 8px;
}

.whatsapp_maria span {
    bottom: 13px;
    right: 44px;
}

/* 
@media screen and (max-width: 767px) {
    .whatsapp {
        width: 60px;
        height: 60px;
    }

    .whatsapp_edgard {
        bottom: 20px;
        left: 20px;
    }

    .whatsapp_edgard span {
        bottom: -16px;
        left: -14px;
    }

    .whatsapp_maria {
        bottom: 20px;
        right: 10px;
    }

    .whatsapp_maria span {
        bottom: -16px;
        left: -10px;
    }

    .whatsapp img {
        width: 35px;
        height: 35px;
    }

    .ast-scroll-to-top-right {
        right: 85px;
        bottom: 20px;
    }
}

@media screen and (min-width: 768px) {
    .whatsapp {
        width: 70px;
        height: 70px;
    }

    .whatsapp_edgard {
        bottom: 20px;
        left: 20px;
    }

    .whatsapp_edgard span {
        bottom: -16px;
        left: -14px;
    }

    .whatsapp_maria {
        bottom: 25px;
        right: 20px;
    }

    .whatsapp_maria span {
        bottom: -16px;
        left: -10px;
    }

    .whatsapp img {
        width: 45px;
        height: 45px;
    }

    .ast-scroll-to-top-right {
        right: 110px;
    }
} */