﻿body {
    font-size: 1.25rem;
    
}

.btn {
    font-size: 14px;
}

.form-control {
    font-size: 1.25rem;    
}

.form-control input,select,option {
    height: calc(3.0rem - 2px) !important;
}

/* Icons in form inputs (success, error etc) */
.has-success .form-control-success, .has-danger .form-control-danger, .has-warning .form-control-warning {
    background-position: calc(100% - 20px) calc(100% - 10px);
}

#navbar-clearance {
    margin-top : 41px;
}

/* This should match the height of the logo if a logo is used
.navbar-nav li a {
    line-height: 17px;
}
*/

.lead {
    font-style: italic;
    font-size: 1.5rem;
}

.navbar-default {
	background-color: #000000;
	border-color: #000000;    
}

.navbar-default.navbar {
    padding: .25rem !important;
}

.text-xs { 
    font-size: 0.75rem;
}

.dropdown-item {
    font-weight: bold !important;
    font-size: 16px !important;
} 

a {
    color: #1396DD;
}

a:hover {
    color: #134FBE;    
}

#topnav-xs-btn-enter {
    margin-left: 0px;
}

#topnav-sm-btn-enter {
    margin-top: 0px;
}

#navbar-fashionfest {
    padding: 0 !important;
}

h1 {
    font-weight: bold;    
}

h2 {
    font-weight: bold;
    font-size: 2.25rem;    
}

h3 {
    font-weight: bold;
}

hr {
    height: 1px;
    background-color:#555;
    margin-top: 20px;
    margin-bottom: 20px;
}

.nav-link { 
    font-size: 16px !important;
}

.navbar-default .navbar-brand {
	color: #9a9a9b;    
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #faf9ff;
}
.navbar-default .navbar-text {
	color: #9a9a9b;
}
.navbar-default .navbar-nav > li > a {
	color: #9a9a9b;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #faf9ff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #faf9ff;
	background-color: #575758;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #faf9ff;
	background-color: #575758;
}
.navbar-default .navbar-toggle {
	border-color: #575758;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #575758;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #9a9a9b;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #9a9a9b;
}
.navbar-default .navbar-link {
	color: #9a9a9b;
}
.navbar-default .navbar-link:hover {
	color: #faf9ff;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #9a9a9b;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #faf9ff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #faf9ff;
		background-color: #575758;
	}
}


@media (max-width: 480px) {
    .navbar-brand {
        font-size : 16px;
    }
}