/* ==================================== General ==================================== */

html {
   background: #161672;
   color: #424242;
}
.btn {
    background-color: #0e3685;
    border: 2px solid #fff;
    color: #fff;
    transition: .3s;
    padding: 10px 20px;
    display: inline-block;
    text-decoration: none;
}
.btn:hover {
    text-decoration: none;
    background-color: #fff;
    border-color: #0e3685;
    color: #0e3685;
}
.btn:after {
    content: "\f0da";
    padding-left: 5px;
    display: inline-block;
    font-family: fontawesome;
}

h1, h2, h3, h4, h5 {
    font-weight: bold;
}

.uk-article-title {
    color: #0e3685;
 font-family: 'Rubik Mono One', sans-serif;       
}

.uk-article a, .euk-article .uk-link {
    color: #FC0000;
}



/* ==================================== Toolbar ==================================== */

.toolbar-wrapper {
   background: #001f5c;
}

.tm-toolbar {
   margin-top: 10px;
   margin-bottom: 10px;
}

.tm-toolbar .uk-panel, .tm-toolbar .uk-panel a {
   color: #c4c4c4;
}

.tm-toolbar .uk-panel a {
   margin-left: 15px;
}

.tm-toolbar .uk-panel a.cell {
   margin-right: 15px;
}

.tm-toolbar .uk-panel .office:before {
   content: "";
   font-family: FontAwesome;
   margin-right: 3px;
   display: inline-block;
}

.tm-toolbar .uk-panel .cell:before {
   content: "";
   font-family: FontAwesome;
   margin-right: 3px;
   display: inline-block;
}

.tm-toolbar .uk-panel .email:before {
   content: "";
   font-family: FontAwesome;
   margin-right: 3px;
   display: inline-block;
}

/* ==================================== Nav ==================================== */
.tm-logo-small > * {
    display: inline-block;
}
.tm-logo-small img {
    max-height: 45px;
}
.nav-wrapper {
   background: #ebebeb;
   border-bottom: 10px solid #ffffff;
}

.tm-headerbar {
   margin-top: 33px;
   margin-bottom: 33px !important;
}

.tm-navbar {
   margin-top: 41px;
   margin-bottom: 41px !important;
}

.uk-navbar {
   background: none;
}

.uk-navbar-nav > li > a {
   text-transform: uppercase;
   color: #3d3d3d;
}

.uk-navbar-nav > li:last-child > a {
   background: #0e3685;
   color: #fff;
   border-radius: 5px;
}
.uk-navbar-nav > li.uk-active:last-child > a {
   background: #040e22;
   color: #fff;
   border-radius: 5px;
}

.uk-navbar-nav > li:last-child:hover > a {
   background: #0e3685;
   color: #fff;
   border-radius: 5px;
}

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
   background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
   outline: medium none;
}

.uk-navbar-nav > li.uk-active > a {
   background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
   outline: medium none;
}
.uk-offcanvas-bar .uk-panel.widget_text, .uk-offcanvas-bar .uk-panel.widget_custom_post_widget {
    background: #fff;
    padding: 20px 15px;
    margin: 0px;
}

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
    background: #001f5c;
}

.uk-offcanvas-bar {
    background: #161672;
}

.uk-nav-offcanvas > li > a {
    font-weight: bold;
    font-size: 14px;
}

.uk-nav-side > li.uk-active > a {
    background:#0e3685;
}
.uk-nav-side > li.uk-active > a:hover {
    background:#001f5c;
}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
    background-color: #001f5c;
}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a:hover {
    background-color: #001136;
}
.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
    background-color: #001136;
}
.uk-nav-offcanvas > li > .uk-nav-sub {
    padding: 0;
    padding-bottom: 10px;
}
.uk-nav-offcanvas > li > .uk-nav-sub > li > a {
    padding: 2px 15px 2px 20px;
}
.uk-nav-offcanvas > li > .uk-nav-sub > li > a:hover {
    background-color: #001136;
}
.tm-sidebar-b .uk-nav-side > li {
    padding: 0;
}
.tm-sidebar-b .uk-panel.uk-panel-box.widget_custom_post_widget {
    padding: 0px;
}

.tm-sidebar-b ul {
    list-style: none;
    padding-left: 0px;
  }
  .tm-sidebar-b li {
      padding: 10px 20px;
  }


  .tm-sidebar-b > li {
      padding: 10px 20px;
  }
  .tm-sidebar-b > li > a {
    color: #444444 !important;
    padding: 10px 20px;
  }
  .tm-sidebar-b > li > .uk-link {
      color: #444444!important;
  }

  .tm-sidebar-b a, .tm-sidebar-b .uk-link {
      color: #444444;
  }
  .tm-sidebar-b li:hover {
  background: rgba(0, 0, 0, 0.05);
color: #444444;
outline: none;
  }
.tm-sidebar-b h3 {
    padding-top: 20px;
}




/* ==================================== Justified Nav ==================================== */

.uk-navbar-nav {
   -ms-flex-wrap:wrap;
   -webkit-flex-wrap:wrap;
   display:-ms-flexbox;
   display:-webkit-box;
   display:-webkit-flex;
   display:flex;
   flex-wrap:wrap;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   width: 100%;
}

.uk-navbar-nav > li > a {
   -ms-flex-align:center;
   -ms-flex-pack:center;
   -webkit-align-items:center;
   -webkit-box-align:center;
   -webkit-box-pack:center;
   -webkit-justify-content:center;
   align-items:center;
   display:-ms-flexbox;
   display:-webkit-box;
   display:-webkit-flex;
   display:flex;
   justify-content:center;
   text-decoration:none;
}

.uk-navbar-nav > li {
   -ms-flex:1 1 auto;
   -webkit-box-flex:1;
   -webkit-flex:1 1 auto;
   flex:1 1 auto;
   position:relative;
}

/* ==================================== Banner ==================================== */

.banner {
   border-bottom: 10px solid #ffffff;
}

.banner .content {
   padding: 11% 0;
}

.banner .content .inner-content {
   max-width: 50%;
   text-align: center;
}

.banner .content .inner-content > * {
   color: #fff;
}

.banner .content .inner-content a {
   color: #fff;
   background: #0e3685;
   border-radius: 5px;
   border: 3px solid #fff;
   padding: 10px 20px;
}
.wk-slideshow .caption h1 {
    font-family: 'Rubik Mono One', sans-serif;
    letter-spacing: 0;
    font-size: 32px;
    margin-bottom: 10px;
}
.wk-slideshow .caption h2, .wk-slideshow .caption h3 {
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 500;
    text-transform: uppercase;
}
.wk-slideshow .caption h1, .wk-slideshow .caption h2, .wk-slideshow .caption h3, .wk-slideshow .caption p {
    line-height: normal;
    color: #fff;
}
.wk-slideshow .caption {
    padding: 10px 25px 5px 25px;
    position: static;
    top: 50%;
    bottom: auto;
    left: 0;
    right: auto;
    text-align: center;
}
.wk-slideshow .caption p a.btn {
    text-decoration: none;
    text-shadow: none;
    font-size: 20px;
}
.wk-slideshow .caption p a.btn:hover {
    text-decoration: none;
    color: #0e3685;
}
@media screen and (min-width: 960px) {
.wk-slideshow .caption {
    position: absolute;
    max-width: 900px;
    background-color: transparent;
    transform: translateY(-50%);
}

.wk-slideshow .caption h1, .wk-slideshow .caption h2, .wk-slideshow .caption h3, .wk-slideshow .caption p {
    text-shadow: 1px 2px 3px #000;
}
}
/* ==================================== Content ==================================== */
.offpage .content-wrapper {
    background-color: #fff;
}
.content-wrapper {
   background: #0e3685;
}

.home .tm-main {
   display: none;
}

.home #tm-middle {
   padding: 5% 0;
}

.offpage .content-wrapper .uk-container > *:first-child {
   margin-top: 25px;
}

.offpage .content-wrapper .uk-container > *:last-child {
   margin-bottom: 25px;
}

/* ==================================== Home Callouts ==================================== */

.home-callouts-wrapper {
   background: #fff;
}

.home-callouts-wrapper #home-callouts {
   position: relative;
   z-index: 2;
   margin-top: -14%;
   margin-bottom: 35px;
}

.home-callouts-wrapper #home-callouts .uk-panel {
   background: none;
   padding: 0;
}

.home-callouts-wrapper #home-callouts .uk-panel img {
   width: 100%;
}

/* ==================================== Footer ==================================== */

.tm-footer .uk-panel:first-child {
   float: left;
   text-align: left;
}

.tm-footer .uk-panel:last-child {
   float: right;
}

.tm-footer .uk-panel, .tm-footer .uk-panel a {
   color: #fff;
}

/********* SITE BY TG ******/
#credits {width:100%; margin:0 auto;}
#siteby {float:right;}
#siteby .sitebyTG {width:94px; height:72px; background:url("https://www.technogoober.com/images/footerbadgesprite.png") no-repeat 0 0 transparent; display:block; position:relative;}
#siteby .sitebyTG:hover {background:url("https://www.technogoober.com/images/footerbadgesprite.png") no-repeat 0 -73px transparent;}

/* ==================================== Media Queries ==================================== */

@media (min-width: 1220px) {
   .uk-container {
      max-width: 1660px;
   }
   .offpage .content-wrapper .uk-container > *:first-child {
      margin-top: 35px;
   }
   .offpage .content-wrapper .uk-container > *:last-child {
      margin-bottom: 35px;
   }
}

@media (min-width: 768px) {
   .tm-footer .uk-panel + .uk-panel {
      margin-top: 0;
   }
}

@media (max-width: 960px) {
   .nav-wrapper .uk-container {
      padding: 0;
   }
   .nav-wrapper .nav {
      width: 100%;
   }
   .nav-wrapper .nav .tm-navbar {
      margin: 0;
      margin-bottom: 0 !important;
   }
}

@media (max-width: 767px) {
   .home .content-wrapper {
      display: none;
   }
   .home-callouts-wrapper #home-callouts {
      margin-top: 35px;
   }
}

@media (max-width: 650px) {
   .banner .content .inner-content {
      max-width: 100%;
   }
}

@media (max-width: 420px) {
    .uk-article-title {
       font-size: 32px;
    }
 }
 @media screen and (min-width: 768px) {
    .wk-slideshow .caption h1 {
        font-size: 48px;
    }
 }
 @media screen and (min-width: 1300px) {
    .uk-navbar-nav > li > a {
        font-size: 22px;
    }
 }