/**
 * Theme Name:     Cohete + Caramba Moreno - Twenty Twenty-Four Child
 * Author:         Caramba Moreno
 * Template:       twentytwentyfour
 * Text Domain:	   cohete-caramba-moreno-twenty-twenty-four-child
 * Description:    Hecho para Cohete por Caramba Moreno. Diseñado por Marié Sierra
 * Author URI:     https://www.carambamoreno.com
 * Version:        1.0
 */


/* ÁTOMOS */

/* MOLÉCULAS */
    
    /* MENU */
    .caramba-moreno--topbar--menu-open #menu--open { display: none; }
    .caramba-moreno--topbar--menu-closed #menu--close { display: none;}
    
    .caramba-moreno--main-menu {position: absolute; top: 100%; transform: translateY(-100%); /*transition: all 0.2s ease-in;*/ width: 100%;z-index:-1;}
    .caramba-moreno--main-menu .wp-block-button__link:not(:hover){background-color: var(--wp--preset--color--base) !important;}
    
    .caramba-moreno--topbar--menu-open .caramba-moreno--main-menu{transform: translateY(0%);}
    
    
    /* SLIDESHOW */
    .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom{gap:0;margin: 0 1rem;width: calc(100% - 2rem);}
    .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom .swiper-pagination-bullet{flex-grow:1; transform: scale(1);border-radius: 50rem;background: transparent;  border: 1px solid;}
    .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom .swiper-pagination-bullet-active{background-color: var(--wp--preset--color--contrast-1);}
    
    
/* ORGANISMOS */

    /* TOPBAR */
    .caramba-moreno--topbar{background: var(--wp--preset--color--base);}
    .caramba-moreno--topbar--menu-closed{}
    
    /* TARJETA */
    .caramba-moreno--proyecto{overflow:hidden;}
    .caramba-moreno--proyecto .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container.swiper-container{overflow:visible;}
    
    /* SLOT MACHINE */ 
    .caramba-moreno--slot-machine--slot{display:inline-block;}
    .caramba-moreno--slot-machine--slot:not(.caramba-moreno--slot-machine--horizontal) .caramba-moreno--slot-machine--column{max-height:50vh; overflow-y:scroll;}
    .caramba-moreno--slot-machine--horizontal .caramba-moreno--slot-machine--column{display:block; white-space:nowrap;overflow-x:scroll;}
    .caramba-moreno--slot-machine--horizontal .caramba-moreno--slot-machine--slot{max-width:30vw;}

/* PLANTILLAS */

    /* Small only */
    @media screen and (max-width: 39.9375em) {
        
        /* ÁTOMOS */
            /* HELPERS */
            .caramba-moreno--hide-for-small{display:none !important;}
        
    }
    
        /* Medium and up */
        @media screen and (min-width: 40em) {}
        
        /* Medium only */
        @media screen and (min-width: 40em) and (max-width: 63.9375em) {}
        
            /* Large and up */
            @media screen and (min-width: 64em) {
                
                /* ÁTOMOS */
                    /* HELPERS */
                    .caramba-moreno--hide-for-large{display:none !important;}
                
                /* ORGANISMOS */                    
                    /* SLOT MACHINE */ 
                    .caramba-moreno--slot-machine--column{max-height:75vh;}
                
            }
            
            /* Large only */
            @media screen and (min-width: 64em) and (max-width: 74.9375em) {}