/* Copyright (C) YOOtheme GmbH, Peacock Idea Inc. */

/* ========================================================================
Use this file to add Navigations CSS easily:
    - Nav
    - Navbar
    - Subnav
    - Breadcrumb
    - Pagination
    - Tab
    - Thumbnav
========================================================================== */

/* ========================================================================
   Component: Navbar
 ========================================================================== */
.uk-navbar-nav > li > a {
    font-family: 'CenturyGothicBold', Verdana, Arial, sans-serif;
}
.uk-navbar-nav > li > a::after {
    content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.uk-navbar-nav > li:hover > a::after,
.uk-navbar-nav > li.uk-open > a::after {
	width: 100%;
	background: #990000;
}
.uk-navbar-nav > li.uk-active > a::after {
    content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 100%;
	background: #990000;
}

/* Sub-object: `uk-navbar-toggle`
 ========================================================================== */
.uk-navbar-toggle {
    margin-top: 20px;
    padding: 0px 15px;
}
/* Sub-object: `uk-navbar-center`
 ========================================================================== */
.uk-navbar-center {
  max-width: 60%;
}

/* ========================================================================
   Responsive
 ========================================================================== */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 767px) {
/* Styles */
    .tm-navbar {
        margin: 0 -25px 25px -25px;
        float: none;
    }
}
/* Tablets (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
/* Styles */
    .uk-navbar-nav > li > a {
        padding: 0px 10px;
        font-size: 12px;
    }
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
    .uk-navbar-nav > li > a {
        padding: 0px 25px;
        font-size: 16px;
    }
}