/*
Theme Name: exp gradin Tata Rapika
Theme URI: https://gradin.co.id
Author: gradin
Author URI: https://gradin.co.id
Description: Designed and developed by gradin for Tata Rapika.
Version: 1.0.4
License: GPL 2.0
License URI: license.txt
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready
Text Domain: gradin
*/

























/* -------------------------<kustom kolors>------------------------- */

#004e96 (Tata Rapika Navy)
#0078bf (Tata Rapika Dark Blue)
#00a1db (Tata Rapika Blue)
#74bde9 (Tata Rapika Light Blue)

/* -------------------------</kustom kolors>------------------------- */

























/* -------------------------<kustom kulture>------------------------- */

@media (max-width: 479px) {
    .tatsu-fymspjjzzamuwen.tatsu-slide-menu {
        width: 240px !important;
    }
}


.tatsu-fynrnsiig437sicl .tatsu-wrap {
    max-width: none;
    padding: 0 40px;
}

.tatsu-fynrnsiig437sicl * {
    font-size: 11px !important;
    line-height: 2;
}

@media (max-width: 767px) {
    .tatsu-fynrnsiig437sicl * {
        font-size: 10px !important;
    }
}

@media (max-width: 1024px) {
    .tatsu-fwplc8ndqffejbc .tatsu-inline-text-inner *,
    .tatsu-fx1xu1r7aoens23z .tatsu-inline-text-inner *,
    .tatsu-fvqfz8rvyyed5e4t .tatsu-inline-text-inner * {
        font-size: 40px;
    }
}

@media (min-width: 480px) and (max-width: 1200px) {
    body.home .Startup-Title,
    body.home .Startup-Caption,
    body.home .construct-button {
        margin-left: 30px !important;
    }
}

.tatarapika_googlemaps {
    max-width: 1220px;
    margin: 0 auto 60px;
    
}

.tatarapika_googlemaps > div {
    height: 450px;
    overflow: hidden;
    background-color: rgba(255,255,255,1);
    box-shadow: 0px 5px 30px 0px rgba(214,215,216,0.57);
    border-radius: 10px;
}

a.button_whatsapp {
    display: block;
    background: #25D366 url('img/tatarapika_icon_whatsapp_white.svg') center center no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 99;
}

a.button_whatsapp span {
    display: none;
}

#be-themes-back-to-top {
    bottom: /*20px*/ 75px;
    right: /*20px*/ 15px;
}

@media (max-width: 319px) {
    .tatsu-fu4knpwwcaajfj0h {
        margin-bottom: 460px;
    }
}

@media (min-width: 320px) and (max-width: 479px) {
    .tatsu-fu4knpwwcaajfj0h {
        margin-bottom: 180px;
    }
}

@media (min-width: 480px) and (max-width: 599px) {
    .tatsu-fu4knpwwcaajfj0h {
        margin-bottom: 20px;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .tatsu-fu4knpwwcaajfj0h {
        margin-bottom: -80px;
    }
}

@media (max-width: 767px) {
    .tatsu-fu4knpwwh54gowm1 {
        max-width: 100vw;
    }
    .tatsu-fu4knpwwockipre.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad {
        padding: 0 !important;
    }
    .tatsu-fu4knpwwsg9oj1kb {
        height: 66.8vw;
    }
    .tatsu-fu4knpx1fr1rktfr {
        margin: 0 0 0 16vw;
    }
    .tatsu-fu4knpwwockipre {
        margin-top: /*350px*/ 43.5vw;
    }
    .tatsu-fu4knpwwockipre > .tatsu-column-inner > .tatsu-column-bg-image-wrap {
        margin-top: /*-350px*/ -43.5vw;
    }
    .tatsu-fu4knpwwcaajfj0h {
        /*border: 1px solid pink;*/
    }
}

body.tax-portfolio_categories .be-portfolio-wrap {
    max-width: 1240px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
/* -------------------------</kustom kulture>------------------------- */