/* PounceTek
   main-style.css
   Copyright 2019 PounceTek Inc.

   Notes:
   
*/


/*===========================================*/


/*Import Fonts*/


/*Avenir-Roman*/

@font-face {
    font-family: 'Avenir-Roman';
    src: url('../fonts/Avenir-Roman/Avenir-Roman.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url(data:application/x-font-woff;charset=utf-8;) format('woff'), url('../fonts/Avenir-Roman/Avenir-Roman.ttf') format('truetype'), url('../fonts/Avenir-Roman/Avenir-Roman.svg#Avenir-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*Avenir-Black*/

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Black/Avenir-Black.eot') format('embedded-opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url(data:application/x-font-woff;charset=utf-8;) format('woff'), url('../fonts/Avenir-Black/Avenir-Black.ttf') format('truetype'), url('../fonts/Avenir-Black/Avenir-Black.svg#Avenir-Black') format('svg');
    font-weight: bold;
    font-style: normal;
}


/*===========================================*/


/*Gradient Transition*/

@-webkit-keyframes bg-effect {
    0% {
        background-position: 96% 0%
    }
    50% {
        background-position: 5% 100%
    }
    100% {
        background-position: 96% 0%
    }
}

@-moz-keyframes bg-effect {
    0% {
        background-position: 96% 0%
    }
    50% {
        background-position: 5% 100%
    }
    100% {
        background-position: 96% 0%
    }
}

@keyframes bg-effect {
    0% {
        background-position: 96% 0%
    }
    50% {
        background-position: 5% 100%
    }
    100% {
        background-position: 96% 0%
    }
}

.grad-bg {
    background: linear-gradient(270deg, #f26f16, #EE9F28);
    background-size: 400% 400%;
    -webkit-animation: bg-effect 13s ease infinite;
    -moz-animation: bg-effect 13s ease infinite;
    animation: bg-effect 13s ease infinite;
}


/*===========================================*/


/*Body*/

body {
    font-family: 'Avenir', sans-serif;
    font-weight: bold;
    background: #FAFAFA;
}


/*===========================================*/


/*Text Sections*/

h1 {
    font-weight: bold;
}

.subtitle {
    font-weight: bold;
    font-size: 1.5em;
}


/*===========================================*/


/*Navbar*/

.navbar a {
    color: #FAFAFA;
}

.nav-item {
    padding: 0 2em;
}