/*
Theme Name: Zentrum Child
Theme URI: https://zentrum.qodeinteractive.com
Description: A child theme of Zentrum
Author: Elated Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: zentrum
Template: zentrum
*/

/* Tabs Css */
.tabs-widget-main {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
   padding-bottom: 30px;
}
 .all-tabs {
    width: 100%;
}
 .all-tabs .tab {
   background-color: white;
   padding: 0.25rem 2rem;
   cursor: pointer;
   color:black !important;
   width: 150px !important;
}
 .all-tabs .tab.active {
   background-color: #273b84;
   color:white !important;
}
 .tabs-content-container-main {
   overflow: hidden;
   width: 100%;
}
 .tabs-content-container-main .tabs-content-parent {
   transition: 0.5s all;
   display: flex;
   margin-top: 2rem;
}
 .tabs-content-container-main .tabs-content-parent .tab-content {
   min-width: 100%;
}
.largest-font-specification{
    color: #3c8770 !important;
    font-weight: 300 !important;
    font-size: 100px;
    margin-bottom: 100px;
}

/* tabs css end */

 /*  Map 1 css start  */

    .map-parent #layer-list-for-map-1 {
        width: 100% !important;
        position: unset !important;
        background-color: unset !important;
        backdrop-filter: unset !important;
        margin-bottom: 10px !important;
    }

    .map-parent #layer-list-for-map-1 li {
        width: 100% !important;
        background-color: unset !important;
        border-bottom: 1px solid #fff;
        border-radius: unset !important;
        padding-bottom: 5px !important;
        padding-top: 5px !important;
        display: block !important;
        text-align: left !important;
        height: unset !important;
    }

    .map-parent #layer-list-for-map-1 li span {
        color: #fff !important;
        font-size: 25px !important;
    }

    .map-parent {
        display: flex;
        flex-direction: column;
    }

    .map-1 {
        width: 100% !important;
    }

    @media screen and (min-width: 600px) {
        
        .map-parent #layer-list-for-map-1 {
            width: 50% !important;
        }

        .map-parent #layer-list-for-map-1 li {
            padding: 20px 10px !important;
            width: 100% !important;
        }

        .map-parent #layer-list-for-map-1 li span {
            color: #fff !important;
            font-size: 25px !important;
        }

        .map-parent {
            display: flex;
            flex-direction: row;
        }

        .map-1 {
            width: 50% !important;
        }
    }

    .map-parent .active-map-li-for-map-1{
        background-color: #efeaf8 !important;
        border-radius: 8px;
        cursor: pointer;
    }
    .map-parent{
        position: relative;
    }
    .map-1{
        width: 100%;
        height: 100vh;
    }
    .map-parent #layer-list-for-map-1 {
        position: absolute;
        top: 10px;
        left: 10px;
        padding: 15px 10px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        z-index: 1000;
        list-style: none;
        margin: 0;
        background-color: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(5px);
    }
    
    .map-parent #layer-list-for-map-1 li {
        padding: 0 5px;
        position: relative;
        font-size: 14px;
        line-height: 40px;
        display: flex;
        align-items: center;
        cursor: pointer;
        width: 155px;
    }
    
    .map-parent #layer-list-for-map-1 li span{
        color: #666;;
    }
    @media only screen and (max-width: 600px) {
        .map-1{
            width: 100%;
            height: 400px;
        }
        .map-parent #layer-list-for-map-1{
            background-color: transparent;
            box-shadow: none;
            backdrop-filter: none;
            position: absolute;
            top: 10px;
            left: 10px;
            z-index: 999;
            width: 100%;
            padding: 0px;
        }
        .map-parent #layer-list-for-map-1 li{
            width: auto !important;  
            padding: 0px 10px; 
            border-radius: 25px;
            margin-left: 10px;
            margin-right: 10px;
            text-align: center;
            line-height: 2.3;
            background-color: white;
            box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
        }

        .map-1 {
            order: 2;
        }
    }

    .map-parent {
        z-index: 0;
    }