/*
Theme Name: Cuba Libre
Template: twentytwentyfive
Description: A child theme of Twenty Twenty-Five with custom functionality including dual logo blocks, membership forms, and honeycomb gallery styles.
Version: 1.0
Author: Your Name
*/

/* 
This is the main style.css file for the Cuba Libre child theme.
Individual component styles are organized in the /css/ folder:
- css/honeycomb.css - Honeycomb gallery styles
- css/dual-logo-block.css - Dual logo block styles
- css/membership-form.css - Membership form styles
- css/event-calendar.css - Event calendar customizations
*/

/* Add any general theme customizations here */

#panda-title {
    margin-bottom: 2rem;
}

#forminator-module-182 {
    margin: 2rem !important;
}

#membership-ia{
    margin: 2rem !important;
}

#panda-section {
    background-color: rgba(41, 36, 36, 0.99) !important;
}

#footer-right {
    margin-right: 20px !important;
}

#footer-left {
    margin-left: 20px !important;
}

/* Vertically center images in the wp-block-gallery-4 */
.wp-block-gallery-4.is-layout-flex,
.wp-block-gallery-4.wp-block-gallery-is-layout-flex {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
}

.wp-block-gallery-4 .wp-block-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-height: 80px !important;
}

.wp-block-gallery-4 img {
    width: 60px !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

#unil-logo{
    transform: translate(0,4px) !important;
}

/* Vertically center images in the wp-block-gallery-2 */
.wp-block-gallery-2.is-layout-flex,
.wp-block-gallery-2.wp-block-gallery-is-layout-flex {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
}

.wp-block-gallery-2 .wp-block-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-height: 80px !important;
}

.wp-block-gallery-2 img {
    width: 60px !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    display: block !important;
}