@charset "utf-8";
/* CSS Document */

/* ==========================================================================
   Bootstrap Overwrite
   ========================================================================== */

.navbar-default { background-color: rgba(0,0,0,0.5); border-color: transparent; margin-bottom: 0; border-bottom: none; }
.navbar-default .navbar-brand { font: 600 24px 'Josefin Slab', serif; color: #f8c301; text-decoration: none; padding-top: 10px; padding-bottom: 8px; }
.navbar-brand span { font-weight: 700; color: #fff; }

.navbar-default .navbar-toggle { border-radius: 0; padding: 7px 8px; margin-top: 10px; }
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover { background-color: transparent; }
.navbar-default .navbar-toggle .icon-bar { width: 16px; background-color: #f8c301; }

.navbar-default .navbar-nav>li>a { font-size: 13px; font-weight: 700; color: #fff; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color .3s ease, color .3s ease; transition: background-color .3s ease, color .3s ease; }
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover { color: #fff; }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover { background-color: transparent; color: #1a1512; }

.navbar-default .navbar-collapse { border-top-color: #f8c301; }

.btn { border: none; }
.btn-primary { background-color: #f8c301; outline: none; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active:focus { background-color: #f8c301; }

.form-control { background-color: transparent; border: 1px solid #fff; }


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	.dropdown:hover .dropdown-menu { display: block; }
	.navbar-default { padding-top: 10px; padding-bottom: 10px; }
	.navbar-default .navbar-nav>li>a { padding-left: 8px; padding-right: 8px; }

}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

	.navbar-default { padding-top: 15px; padding-bottom: 15px; }
	.navbar-default .navbar-nav>li>a { font-size: 14px; padding-left: 15px; padding-right: 15px; }

}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

	.navbar-default .navbar-brand { font-size: 36px; line-height: 50px; padding-top: 0; padding-bottom: 0; }
	.navbar-default { padding-top: 30px; padding-bottom: 30px; }
	.navbar-default .navbar-nav>li { padding-left: 10px; padding-right: 10px; }
	
}


/* Large devices (large desktops, 1440px and up) */
@media (min-width: 1440px) { 

	.navbar-default { padding-top: 39px; padding-bottom: 39px; }
	
}