/*
Theme Name: kio
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty...
Version: 1

*/

.txt-home-banner {
    font-family: 'Amino' !important;
}

#row-intro header {
    background-color: #ccc;
}

.taptap-by-bonfire ul li a {
    font-weight: 300 !important;
    position: relative;
}

.taptap-by-bonfire ul li.current-menu-item a {
    font-weight: bold !important;
}

.taptap-by-bonfire ul li.current-menu-item a:before {
    content: '';
    background: transparent url('img/menu-icon.png') no-repeat left;
    width: 30px;
    height: 60px;
    display: inline-block;
    top: -3px;
    position: absolute;
    left: -65px;
    transition: 0.5s;
}

.stickyHeader {
    background: transparent;
    width: auto;
    height: auto;
    top: 30px !important;
    left: 30px !important;
}

.stickyHeader .taptap-logo-image {
    padding-bottom: 0;
}

.stickyHeader .taptap-logo-image img {
    max-height: 47px;
}


/*div:not(.taptap-menu-active) .taptap-main-menu-button:before,
div:not(.taptap-menu-active) .taptap-main-menu-button:after,
div:not(.taptap-menu-active) .taptap-main-menu-button div.taptap-main-menu-button-middle:before {
    margin: 5px 0;
}*/

@keyframes logo {
    0% {
        opacity: 0;
        top: -204px;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}

@media (min-width:1200px) {
    .stickyHeader {
        top: 40px !important;
        left: 50px !important;
    }
    .taptap-menu-button-wrapper {
        right: 35px !important;
        top: 30px !important;
    }
}

.modal {
    transition: opacity 0.25s ease;
    }
    body.modal-active {
    overflow-x: hidden;
    overflow-y: visible !important;
    }
    .opacity-95 {opacity: .95;}