@import "theme.css";
html{
    overflow: hidden;
}
html, body{
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}
header{
    z-index: 10;
    width: 100%;
    transition: 0.15s;
    background-color: #ffffff;

    border-bottom: 1px solid rgba(0,0,0,0.03);
}
header .uk-navbar-container{
    height: 90px;
}
header .uk-navbar-nav{


}

header .uk-navbar-nav li a{
    font-family: var(--curshive-font);
    font-size: 18px;
    font-weight: 700;
    min-height: 40px;
    color: #333333;
}
header .uk-navbar-nav li.uk-active a{
    background-color: var(--color-primary);
    color: white;
    clip-path: polygon(4% 5%, 91% 0, 100% 100%, 0 96%);
}

header .uk-logo img{
    height: 65px;
}

#offcanvas-nav-primary .uk-nav-primary li a{
    font-family: var(--curshive-font);
}
#offcanvas-nav-primary .uk-nav-primary li.uk-active a{
    color: var(--color-primary);
}
@media(max-width: 960px){
    header .uk-navbar-container{
        height: 75px;
    }
    header .uk-navbar-center{
        left: 0 !important;
        transform: translate(0%,-50%) !important;
    }
    header .uk-logo img{
        height: 60px;
        margin-left: -10px !important;
    }
}
/****************
 Homepage Slideshow Section
 */
section.homepage-slideshow{

}
section.homepage-slideshow h2, section.homepage-slideshow  p, section.homepage-slideshow h3{
    text-shadow: 0.1rem 0.1rem 0.1rem rgba(0,0,0,0.9);
    color: white;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
section.homepage-slideshow h2 span{
    font-family: var(--curshive-font);
    font-weight: 700;
}
/*
section.homepage-slideshow h2 span:nth-child(1n){
    color: #1738B5;
}
section.homepage-slideshow h2 span:nth-child(2n){
    color: #FACE48;
}
section.homepage-slideshow h2 span:nth-child(3n){
    color: #EE4F34;
}
section.homepage-slideshow h2 span:nth-child(4n){
    color: #A6C43A;
}
section.homepage-slideshow h2 span:nth-child(5n){
    color: #C942A3;
}
*/

section.homepage-about .grid-item img{
    height: 200px;
    object-fit: contain;
}