/*
Theme Name: Heylen Warehouses
Theme URI: https://boostu.be/
Author: BoostU - hans cnops
Author URI: https://boostu.be/
Description: Theme BoostU for Heylen Warehouses
Version: 1.0.0
Tested up to: 5.6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: boostu
Tags: custom theme
*/

/* ==== media queries sample ===== */


@media only screen and (min-width: 1300px) {

}

@media only screen and (max-width: 834px) {

}

@media only screen and (max-width: 667px) {

}

@media only screen and (max-width: 414px) {

}

.locationsPage {
    margin-top: 40px;
}

.newsSlider-item.active button.btn-red-outline.newsSlider_more {
    background-color: transparent;
    margin-top: 30px;
}

div.newsSlider-item.active .newsSlider-item_content {
    height: 500px;
}

div.newsSlider-item.active .newsSlider-item_img img.newsSlide_image {
    height: 640px;
}

@media only screen and (max-width: 1150px) {
    div.newsSlider-item.active .newsSlider-item_content {
        height: 450px;

    }
    div.newsSlider-item.active .newsSlider-item_img img.newsSlide_image {
        height: 590px;
    }
}

@media only screen and (max-width: 1050px) {
    div.newsSlider-item.active .newsSlider-item_content {
        height: 550px;

    }
    div.newsSlider-item.active .newsSlider-item_img img.newsSlide_image {
        height: 690px;
    }
}

@media only screen and (max-width: 834px) {
    div.newsSlider-item.active .newsSlider-item_content {
        height: auto;
    }
}


a.c-white:hover {
    color: var(--red);
}

@media only screen and (max-width: 1050px) {
    .locationPlan .grid4cols {
    margin-top: 0; 
    }
}

@media only screen and (max-width: 834px) {
    .locationPlan img.heroPlanImage {
    -o-object-fit: unset;
    object-fit: unset;
    width: 100%;
    margin-left: 0;
    height: auto;
    }
    
    div.newsSlider-item.active .newsSlider-item_img img.newsSlide_image {
    height: 390px;
    }
}

.toggleBlock {
    width: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
}
.toggleBlock .toggle-item.el-1{
    border-left: 1px solid var(--gray-med);
    border-right: 1px solid var(--gray-med);
    border-bottom: 1px solid var(--gray-med);
    border-top: 1px solid var(--gray-med);
}

.toggleBlock .toggle-item.el-2{
    border-left: none;
    border-right: 1px solid var(--gray-med);
    border-bottom: 1px solid var(--gray-med);
    border-top: 1px solid var(--gray-med);
}
.toggleBlock .toggle-item.el-3{
    border-left: 1px solid var(--gray-med);
    border-right: 1px solid var(--gray-med);
    border-bottom: 1px solid var(--gray-med);
    border-top: none;
}
.toggleBlock .toggle-item.el-4{
    border-left: none;
    border-right: 1px solid var(--gray-med);
    border-bottom: 1px solid var(--gray-med);
    border-top: none;
}

.locationPlan img.heroPlanImage {
    object-fit: unset;
    width: 80%;
    margin-left: 10%;
    height: auto;
}

@media only screen and (max-width: 834px) {
    
    .toggleBlock {
    width: 100%;
    display: grid;
    grid-template-columns: 100%;
    }
    
    .toggleBlock .toggle-item.el-1{
    border-left: 1px solid var(--gray-med);
    border-right: 1px solid var(--gray-med);
    border-bottom: 1px solid var(--gray-med);
    border-top: 1px solid var(--gray-med);
}

.toggleBlock .toggle-item.el-2{
    border-left: 1px solid var(--gray-med);
    border-right: 1px solid var(--gray-med);
    border-bottom: 1px solid var(--gray-med);
    border-top: none;
}
.toggleBlock .toggle-item.el-3{
    border-left: 1px solid var(--gray-med);
    border-right: 1px solid var(--gray-med);
    border-bottom: 1px solid var(--gray-med);
    border-top: none;
}
.toggleBlock .toggle-item.el-4{
    border-left: 1px solid var(--gray-med);
    border-right: 1px solid var(--gray-med);
    border-bottom: 1px solid var(--gray-med);
    border-top: none;
}
    
    .locationPlan img.heroPlanImage {
    object-fit: unset;
    width: 100%;
    margin-left: 0;
    height: auto;
}
    
}

.solidLocationTxtGrid_item_title h3 {
    margin-left: 70px;
}

img.flagNL {
    position: absolute;
}
img.flagBE {
    position: absolute;
}

ul#menu-language ul.sub-menu {
    display: none;
}

ul#menu-language:hover ul.sub-menu {
    display: block;
}