/* FONT OVVERRIDES START */

/*@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i|Nixie+One');*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* Header Font */
@font-face {
    font-family: 'League Gothic';
    src: url('../fonts/leaguegothic-regular-webfont.eot');
    src: url('../fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* FONT OVVERRIDES END */


/* BASE OVVERRIDES START */

h1, h2, h3, h4, h5, h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6 {
    /*font-family: 'Nixie One', cursive;*/
    font-family: 'League Gothic';
    letter-spacing: 1px;
}

html {
    background-color: #cccccc;
    color: #021631;
}

/* BASE OVVERRIDES END */


/* TEMPLATE OVERRIDES START */

html, body {
    /*font-family: 'Tahoma', serif;*/
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0;
}

.uk-navbar-nav > li > a, .uk-button {
    font-family: 'Arial', serif;
    letter-spacing: 0.5px;
}

.uk-navbar-transparent .uk-navbar-nav > li > a {
    color: #FFFFFF;
}

.uk-label {
    border-radius: 0;
    padding: 0 5px;
    font-size: 0.7rem;
    font-family: 'Arial', serif;
}

.uk-card-badge {
    right: 20px;
    top: 17px;
}

.uk-navbar-toggle-icon {
    color: #002448;
}

.uk-navbar-transparent .uk-navbar-toggle-icon {
    color: #FFFFFF;
}

.uk-card-secondary.uk-card-body {
    color: #021631;
}

.uk-offcanvas .uk-nav-primary > li > a, .uk-offcanvas .uk-nav-primary > li.uk-nav-header {
    color: #002448;
}

.uk-section-secondary .uk-dark,
.uk-section-secondary .uk-dark h3 {
    color: #333333;
}

.uk-section-secondary .uk-dark .uk-button-default {
    border-color: #333333;
    color: #333333;
}

/* TEMPLATE OVERRIDES END */



/* CUSTOM CLASSES START */

.km-logo, .km-logo:hover, .km-logo:focus {
    text-decoration: none!important;
}

.km-font1 {
    font-family: 'League Gothic';
    letter-spacing: 1px;
}

.km-font2 {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0;
}

.km-blue {
    color:#002448!important;
}

.km-blue-grey {
    color:#e5e5e5!important;
}

.km-white {
    color: #ffffff!important;
}

.km-trans-white {
    color: rgba(255,255,255,0.4);
}

.km-trans-black {
    color: rgba(0,0,0,0.4);
}

.km-lower {
    text-transform: none!important;
}

.km-meta {
    font-style: italic!important;
}

.km-upper {
    text-transform: uppercase!important;
}

.km-black {
    color: #021631!important;
}

.km-card-black {
    background: #021631;
}

.km-card-trans-black {
    background: rgba(0,0,0,0.5);
}

.km-card-muted {
    background: #ebeeef;
}

.fa {
    margin-left: 2px;
    margin-right: 2px;
}

.uk-navbar-nav > li > a.km-navbar-button {
    color:#002448;
}

.uk-navbar-transparent .uk-navbar-nav > li > a.km-navbar-button {
    color:#FFFFFF;
}


.km-logo-transparent {
    display: none;
}

.uk-navbar-transparent .km-logo-transparent {
    display: flex!important;
}


.uk-navbar-transparent .km-logo-sticky {
    display: none!important;
}

.uk-navbar-nav > li > a.km-navbar-button {
    font-size: 1rem;
}

.km-news-teaser p {
    font-size: 0.775rem;
    margin-top: 10px;
}

.km-news-teaser h3.uk-card-title {
    margin-bottom: 10px;
    color: #002448;
}

.km-page-container {
    padding-left: 0;
    padding-right: 0;
}

.uk-offcanvas-bar a.km-offcanvas-social {
    color: #002448;
}

.km-section-pri-def-mix {
    background: linear-gradient(to left, #FFFFFF 50%, #002448 50%);
}

.km-section-pri-def-mix-left {
    background: #002448;
}

/* I didn't use this, but this solution would also work for the sticky navbar logo - nice :)
nav.uk-navbar-transparent #logo-1 { display: none }
nav.uk-navbar-transparent #logo-2 { display: flex }

nav #logo-1 { display: flex }
nav #logo-2 { display: none }

*/

.mySlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}

/* css only slider from this codepen https://codepen.io/dudleystorey/pen/ehKpi */

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 20s slidy infinite; 
}

/* css only slider END */

.uk-section-secondary .uk-dark .uk-button-default:hover,
.uk-section-secondary .uk-dark .uk-button-default:focus {
    border-color: #333333;
    color: #333333;
}

.km-icon-slogan {
    font-family: "Open Sans";
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.km-icon-bar .km-icon-bar-icon {
    float:left;
    margin-right: 1.5em;
}

.km-icon-bar p.km-icon-slogan {
    overflow: hidden;
}

/* CUSTOM CLASSES END */



/* RSFORMS OVERRIDES START */

/* RSFORMS OVERRIDES END */



/* RESPONSIVE ELEMENTS START */

/* Phone Only */
@media (max-width: 480px) {
    .uk-button {
        font-size: 0.775rem;
    }
    .km-body-container .uk-position-center {
        top: 40%;
    }
    .uk-heading-primary {
        font-size: 2rem;
    }
}

/* Large Phone / Landscape Phone / Small Tablet */
@media (min-width: 481px) and (max-width: 767px) {

}

/* Anything up to a tablet */
@media (max-width: 640px) {
    .km-body-container {
        min-height: 450px;
        height: 100vh;
    }
    .km-home-video {
        height: 220px;
    }
    .km-section-pri-def-mix {
        background: #ffffff;
    }
    .km-section-pri-def-mix .uk-container {
        padding-left: 0;
        padding-right: 0;
    }
    .km-icon-bar .km-icon-bar-icon {
        float:none;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 8px;
        
    }
    .km-icon-slogan {
        font-size: 0.6rem;
        text-align: center;
    }
}

/* Anything up to a tablet */
@media (max-width: 767px) {

}

/* Anything larger than a tablet */
@media (min-width: 641px) {
    .km-home-video {
        height: 400px;
    }
    /*.km-page-fold {
        height: 100vh;
    }
    .km-body-container {
        height: 80vh;
    }*/
}

/* Tablets and larger */
@media (min-width: 768px) {

}

/* Between Tablet and Small Desktop */
@media (min-width: 768px) and (max-width: 959px) {
    

}

/* Between Tablet and Small Desktop */
@media (min-width: 641px) and (max-width: 959px) {
    /*.km-body-container {
        min-height: 450px;
        height: 80vh;
    }*/
}

/* Up to a small desktop */
@media (max-width: 959px) {
    .km-padding-right {
        padding-right: 30px;
    }
    .km-padding-left {
        padding-left: 30px;
    }
}

/* Small Desktop and above */
@media (min-width:960px) {
    .km-padding-right {
        padding-right: 40px;
    }
    .km-padding-left {
        padding-left: 40px;
    }
    .km-footer-padding {
        padding-top: 90px;
        padding-bottom: 90px;
    }

}

/* Between small desktop and large screen */
@media (min-width: 961px) and (max-width: 1219px) {

}

/* Anything smaller than a large screen */
@media (max-width: 1219px) {

}

/* Large screens */
@media (min-width: 1220px) {

}

/* Footer Fixes */

@media (max-width: 480px) {
    .km-footer-icon {
        display: none;
    }

    .km-footer .fa-ul {
        margin-left: 0;
    }
}

@media (max-width: 369px) {
    .km-footer h3 {
        font-size: 1rem;
    }
    .km-footer ul.uk-list li a {
        font-size: 10px;
    }
}

@media (min-width: 370px) and (max-width: 520px) {
    .km-footer h3 {
        font-size: 1.2rem;
    }
    .km-footer ul.uk-list li a {
        font-size: 13px;
    }
}

@media (min-width: 1000px) and (max-width: 1080px) {

}

/* RESPONSIVE ELEMENTS END */