/*
[Scorch] Anton: Experimental bits
*/
body {
    overflow-y: scroll;
}

/*Algolia automplete dropdown*/
.aa-dropdown-menu {
    background-color: #FFFFFF;
    border: 0;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
    margin-top: -20px;
    box-sizing: border-box;
    padding: 5px;
}

#fullContent {
    opacity: 1;
    position: relative;
    top: 0;
}
    .main-header, .quick-nav-bar {
        top: 0;
    }

.x-page-in, .x-page-in .main-header {
    animation-delay: 0.0s;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
    
    -webkit-animation-delay: 0.0s;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-fill-mode: forwards;
}
.x-page-in {
    animation-name: kf-pagein;
    -webkit-animation-name: kf-pagein;
}
    .x-page-in .main-header {
        animation-name: kf-header-pagein;
        -webkit-animation-name: kf-header-pagein;
    }

@keyframes kf-pagein {
    from {
        opacity: 1;
        top: -150px;
    }
    to {
        opacity: 1;
        top: 0;

    }
}

@keyframes kf-header-pagein {
    from {
        top: -150px;
    }
    to {
        top: 0;
    }
}


.x-page-out, .x-page-out .main-header {
    animation-delay: 0.0s;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    
    -webkit-animation-delay: 0.0s;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
}
.x-page-out {
    animation-name: kf-pageout;
    -webkit-animation-name: kf-pageout;
}
    .x-page-out .main-header {
        animation-name: kf-header-pageout;
        -webkit-animation-name: kf-header-pageout;
    }

@keyframes kf-pageout {
    0% {
        opacity: 1;
        top: 0;
    }
    100% {
        opacity: 0;
        top: -150px;
    }
}

@keyframes kf-header-pageout {
    0% {
        top: 0;
    }
    100% {
        top: -150px;
    }
}


.quick-nav-bar.x-show {
    opacity: 0;
    animation-delay: 0.0s;
    animation-duration: 0.3s;
    animation-name: kf-xshow;
    animation-fill-mode: forwards;
    
    -webkit-animation-delay: 0.0s;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-name: kf-xshow;
    -webkit-animation-fill-mode: forwards;
}

@keyframes kf-xshow {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.quick-nav-bar.x-hide {
    animation-delay: 0.0s;
    animation-duration: 0.2s;
    animation-name: kf-hide;
    animation-fill-mode: forwards;
    
    -webkit-animation-delay: 0.0s;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-name: kf-hide;
    -webkit-animation-fill-mode: forwards;
}

@keyframes kf-hide {
    0% { opacity: 1; }
    100% { opacity: 0; top: -150px; }
}



.xnavbar-top-menu li {
    position: relative;
}
.xnavbar-top-menu li.x-underline {
    padding-bottom: 18px;
}
.xnavbar-top-menu li.x-underline:before {
    bottom: 0px;
    content: "";
    height: 1px;
    left: 0;
    right: 0;
    position: absolute;
    transition: height 0.2s ease-out;
    -webkit-transition: height 0.2s ease-out;
    z-index: 0;
}
.xnavbar-top-menu li:hover:before {
    background-color: #eaeaea;
    height: 5px;
}
    .xnavbar-top-menu li a {
        position: relative;
        z-index: 2;
    }



.xdrop-menu > li:hover {
    transition: background 0.8s ease-out;
    -webkit-transition: background 0.8s ease-out;
}


#lnkTopAnchor > span {
    transition: font-size 0.2s ease-in-out;
    -webkit-transition: font-size 0.2s ease-in-out;
}
#lnkTopAnchor:hover > span {
    font-size: 30px;
    transition: font-size 0.2s ease-in-out;
    -webkit-transition: font-size 0.2s ease-in-out;
}

/* Overrides */
.waves-effect:not(.waves-light).waves-ripple {
    background: rgba(173, 173, 173, 0.2) !important;
}