.elementor-28508 .elementor-element.elementor-element-1cf0b73{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-28508 .elementor-element.elementor-element-c646b82 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-28508 .elementor-element.elementor-element-c646b82{width:100%;max-width:100%;}.elementor-28508 .elementor-element.elementor-element-85b5cf0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-28508 .elementor-element.elementor-element-85b5cf0{width:100%;max-width:100%;}.elementor-28508 .elementor-element.elementor-element-3911d09 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-28508 .elementor-element.elementor-element-3911d09{width:100%;max-width:100%;}:root{--page-title-display:none;}body.elementor-page-28508{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-c646b82 *//*css menyangga ikn*/
   #menyangga-ikn story {
            margin:0;
            padding:0;
            font-family: Georgia, serif !important;
        }
       
       #menyangga-ikn a,#menyangga-ikn a:visited{
           color: #1b1b1b !important;
       } 
       #menyangga-ikn a:hover {
            color: #FFBB00;
        }
        #menyangga-ikn #map {
            top:0;
            height: 100%;
            width: 100%;
            position: fixed;
        }
        #menyangga-ikn #mapInset {
            bottom:20px;
            right:0;
            height: 180px;
            width:250px;
            max-width:100%;
            position: fixed;
            z-index: 1;
            opacity: 1;
            transition: opacity 0.5s ease-in-out;
            pointer-events: none;
        }
        #menyangga-ikn #mapInset .mapboxgl-ctrl-bottom-left{
            display: none;
        }
       
        #menyangga-ikn #header {
            text-align: center;
            margin: auto;
            width: 100%;
            position: relative;
            z-index: 5;
        }

        #menyangga-ikn h1, #menyangga-ikn  h2, #menyangga-ikn #header p {
           margin: 0;
            padding: 0;
             text-align: center;
            color: #1b1b1b;
            font-family: Georgia, serif;
        }
        #menyangga-ikn h1{
        display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
        }
        #menyangga-ikn h2{
        display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
        }
        #menyangga-ikn #header img {
            width: 100%; /* Full screen width */
            height: 90vh; /* Full screen height */
            object-fit: cover; /* Ensure the image scales to cover the entire area */
            margin: 0 auto; /* Center the image */
        }

        #menyangga-ikn .chapter-nav {
            margin-top: 15px;
            text-align: center;
            color: #F2F0EB;
        }

        #menyangga-ikn .chapter-nav a {
            color: #0071bc;
            text-decoration: none;
            font-size: 1.1em;
            padding: 5px;
        }

        #menyangga-ikn .chapter-nav a:hover {
            color: #F2F0EB;
            text-decoration: underline;
        }
        #menyangga-ikn #navbar{
         background-color: #F2F0EB; 
         position: fixed;
        }
        #menyangga-ikn #footer {
            width: 100%;
            min-height: 5vh;
            padding-top: 2vh;
            padding-bottom: 2vh;
            text-align: center;
            line-height: 25px;
            font-size: 13px;
            position: relative;
            z-index: 5;
            display:none;
        }

        #menyangga-ikn #features {
            padding-top: 10vh;
            padding-bottom: 10vh;
        }
        #menyangga-ikn .hidden {
            visibility: hidden;
            height: 100vh;
            opacity: 0;
        }
        #menyangga-ikn .centered {
            width: 50vw;
            margin: 0 auto;
        }
        #menyangga-ikn .lefty {
            width: 50vw;
            margin-left: 0;
        }
        #menyangga-ikn .righty {
            width: 33vw;
            margin-left: 62vw;
        }
        #menyangga-ikn .fully {
            width: 65vw; /* Full screen width */
            height: auto; 
            object-fit: cover; /* Ensure the image scales to cover the entire area */
            margin: 0 auto; /* Center the image */
            margin-top: 30px;
        }
        #menyangga-ikn .light {
            color: #1b1b1b;
            background-color: #EDECCC;
        }
        #menyangga-ikn .dark {
            color: #F2F0EB !important;
            background-color: #071932;
        }
        #menyangga-ikn .step {
            padding-bottom: 50vh;
            /*margin-bottom: 10vh;*/ 
            opacity: 0.99;
        }

        #menyangga-ikn .step .active {
            opacity: 0.99;
        }

        #menyangga-ikn .step div {
            padding:  25px 50px;
            line-height: 25px;
            font-size: 15px;
        }

        #menyangga-ikn .step img {
            width: 100%;
            margin-top: 10px;
            padding-bottom: 1px;
        }

        #menyangga-ikn .responsive-iframe {
            position: relative;
            width: auto;
            height: 70vh;
            margin: 0 auto;
            object-fit: cover; /* Ensure the image scales to cover the entire area */
            display: flex;
            justify-content: center;
        }

        #menyangga-ikn .responsive-iframe iframe {
            position: absolute;
            top: 10px;
            left: 0;
            width: 100%;
            height: 75vh;
            border: none;
        }

        #menyangga-ikn .chapter-title {
            text-align: center;
            font-size: 1.6em;
            font-weight: bold;
            display: block;
            margin: 0 auto;
            margin-bottom: 10px;
        }

        #menyangga-ikn .step .image-source {
            font-size: 0.9em;
            color: #1b1b1b; /* You can customize the color */
            margin-top: -5px;
            font-style: italic;
        }
        
        #menyangga-ikn .step p {
            font-size: 1.1em;
        }

        #menyangga-ikn .footerImage {
            height: auto;
            max-width: 200px;
            display: block;
            margin: 0 auto;
        }
        #menyangga-ikn .dropdown-toggle{
            color:#1b1b1b;
        }
         #menyangga-ikn .dropdown-menu{
             background-color: #F2F0EB;
         }
        #menyangga-ikn .menu a:hover {
            background-color: #EDECCC;
        }
       
@media screen and (orientation: portrait)  {
            #menyangga-ikn .menu a {
            font-size: 0.8em;
            font-family: Georgia, serif !important;
            padding: 10px;
            }

            #menyangga-ikn .title {
            font-size: 1.55em;
            }
            
            #menyangga-ikn.subtitle {
            font-size: 1em;    
            }

            #menyangga-ikn #header img {
            width: 100%;
            height: 80vh;
            object-fit: cover;
            }

            #menyangga-ikn .chapter-title {
            font-size: 1.5em; /* Larger for portrait */
            }

            #menyangga-ikn .chapter-description {
            font-size: 1em; /* Proportional for readability */
            }

            #menyangga-ikn .image-source {
                font-size: 0.6em; /* Adjust image source font size */
            }
            #menyangga-ikn .fully{
                width: 90vw;
            }
            #menyangga-ikn .centered, #menyangga-ikn .lefty, #menyangga-ikn .righty, #menyangga-ikn.fully {
            width: 90vw;
            margin: 0 auto;
            }

            #menyangga-ikn #mapInset {
                display: none;
            }
             #menyangga-ikn .hamburger {
                color:#000;
            }
            #menyangga-ikn .menu {
                background-color:#F2F0EB;
            }
        }

        @media (max-width: 768px) and (orientation: landscape) {
            #menyangga-ikn story {
            font-size: 14px;
            }

            #menyangga-ikn .title {
            font-size: 1.4em;
            }

            #menyangga-ikn .chapter-title {
                font-size: 1.2em; /* Adjust chapter titles */
            }

            #menyangga-ikn .chapter-description {
                font-size: 0.5em; /* Adjust descriptions */
            }

            #menyangga-ikn .image-source {
                font-size: 0.3em; /* Adjust image source font size */
            }

            #menyangga-ikn .centered, #menyangga-ikn .lefty, #menyangga-ikn .righty, #menyangga-ikn .fully {
                width: 70vw;
                margin: 0 auto;
            }
        
            #menyangga-ikn #mapInset {
                display: none;
            }
             #menyangga-ikn .hamburger {
                color:#000;
            }
            #menyangga-ikn .menu {
                background-color:#F2F0EB;
            }
            #menyangga-ikn .menu .show{
                overflow-y:scroll;
            }
        }

        /* Fix issue on mobile browser where scroll breaks  */
        #menyangga-ikn .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
        #menyangga-ikn .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
            touch-action: unset;
        }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cf0b73 */.elementor-location-header{
    display:none !important;
}
.page-header{
    display: none !important;
}
.e-con.e-flex>.e-con-inner{
    padding:0 !important;
    max-width: 100%;
}/* End custom CSS */