/**
Theme Name: Bosgroup International
Author: VANDEMAKERS
Author URI: https://vandemakers.nl
Description: Fully customized child theme for Bosgroup International.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bosgroup-international
Template: astra
*/

/* Parallax-container */
.wp-block-uagb-container.parallax-container {
    position: relative !important;
    height: 60vh !important; /* Pas aan, bijv. 80vh of 600px */
    overflow: hidden !important;
}

/* Target de achtergrondafbeelding */
.wp-block-uagb-container.parallax-container .uagb-container-inner-blocks-wrap {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    /* background-position: center !important; */
    background-repeat: no-repeat !important;
    background-size: cover !important;
    transform: translateY(0) !important;
    transition: transform 0.1s linear !important;
}

/* Tweede container */
.wp-block-uagb-container.second-container {
    position: relative !important;
    z-index: 2 !important;
    /*background-color: #ffffff !important; /* Pas aan naar wens */
    /*padding: 50px !important;
   /* margin-top: -50px !important; /* Pas aan voor overlap */
}

/* brand images brandpage */

.brand-imagegallery{ 
display:flex !important;
}

.brand-imagegallery .landscape-image{
	flex:1.3333 !important;
	overflow:hidden !important;
}

.brand-imagegallery .portrait-image{
	flex:0.7334 !important;
	overflow:hidden !important;
}

.brand-imagegallery img {
  width: 100% !important;
  height: auto !important;
  vertical-align: middle !important;
}

/* iPad optimalisatie */

@media (max-width: 1024px) {
    .wp-block-uagb-container.parallax-container .uagb-container-inner-blocks-wrap{
        transform: none !important; /* Geen parallax op mobiel */
    }
	.wp-block-uagb-container.parallax-container{
		height: 50vh !important; /* Pas aan, bijv. 80vh of 600px */
	}
}

/* Mobiele optimalisatie */
@media (max-width: 768px) {
    .wp-block-uagb-container.parallax-container .uagb-container-inner-blocks-wrap{
        transform: none !important; /* Geen parallax op mobiel */
    }
	.wp-block-uagb-container.parallax-container{
		height: 40vh !important; /* Pas aan, bijv. 80vh of 600px */
	}
}

/* overwrite default padding */
@media (max-width:921px){
	#primary, #secondary{
		padding:0;
	}
}