/**
    * Theme Name:   Magic Moment Project
    * Author:       422 Estudio Creativo
    * Author URI:   https://422.mx
    * Description:  Creamos momentos mágicos
    * Version:		2.0
    * License:      GNU General Public License v2 or later
    * License URI:  http://www.gnu.org/licenses/gpl-2.0.html
    * Text Domain:  magic
    * Template:     blocksy
**/

/* countdown */

.gs-countdown { flex-wrap: wrap; gap: 6vw; }

@media (max-width: 1024px) { .gs-countdown__item_wrap { flex: 1 1 calc(45% - 6vw); } }
@media (max-width: 690px) { .gs-countdown__item_wrap { flex: 1 1 100%; } }

.oculto { opacity: 0; margin: 0 auto 30px auto; padding: 0 40px; max-height: 1px; }
.visible { opacity: 1; margin: 30px auto 30px auto; padding: 40px 40px; max-height: 550px; }

.oculto, .visible { transition: 1s; pointer-events: none; box-sizing: border-box; overflow: hidden; }

/* form */

.confirmacion { overflow: visible !important; }

.confirmacion input[type="text"],
.confirmacion textarea,
#wpforms-submit-628.wpforms-submit {
    padding: 32px 20px 30px 20px !important;
    
    border: 0 !important;
    border-radius: 30px !important;
    box-shadow: 0 10px 20px 4px rgba(0, 0, 0, 0.1) !important;
    
    font-family: Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 1em;
    text-transform: uppercase;
}

#wpforms-submit-628.wpforms-submit {
    width: 100%;
    background-color: var(--theme-palette-color-1);
    
    font-weight: 400;
    letter-spacing: 4px;
}

#wpforms-submit-628.wpforms-submit:hover { background-color: var(--theme-palette-color-2); }

#wpforms-628-field_4 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

#wpforms-628-field_4 li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.confirmacion input[type="radio"] {
    filter: grayscale(100%);
}

#wpforms-628-field_4 label {
    display: flex;
    align-items: center;
    justify-content: center;
    
    padding: 3px 0 0 0;
    
    height: 30px;
    
    font-family: Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* galería */
#gspb_container-id-gsbp-255cdab > .wp-block-greenshift-blocks-container.gspb_container { cursor: pointer; transition: 0.5s; opacity: 1; }
#gspb_container-id-gsbp-255cdab > .wp-block-greenshift-blocks-container.gspb_container:hover { opacity:0.5; }

/* confirmacion */
.wpforms-confirmation-container-full {
    border: 0 !important;
    background: none !important;
}

.wpforms-confirmation-container-full h2 {
    text-align: center;
    text-transform: uppercase;
}