/* SHRINKING STYLES */

body {
  padding-top: 100px;
  padding-top: 150px;
	color: #fff;
	min-height: 2000px;
}

.setbackground {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('http://www.dottedi.biz/images/1920x/cons_21832931.jpg');
	background-size: cover;
	background-position: center top;
	width: 100%;
  height: 600px;
}

.navbar {
	min-height: 151px;
	background: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

._navbar-nav > li > a {padding-top:55px !important; padding-bottom:55px !important;}

.navbar.shrink {
	min-height: 51px;
	background: white;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.logo { 
	padding: 2px 0px; 
	padding-left: 8px;
	margin-top: 0px;
}

.logo-img {
	max-height: 96px;
	max-height: 146px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
margin-left: 20px;
}


.logo-img.shrink {
	max-height: 46px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* bobs */
.navbar ul {
	margin-top: 50px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-right: 3px;
}

.navbar ul.shrink {
	min-height: 51px;
	margin-top: 0px;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* adjust top position of menu due to larger logo */
@media (max-width: 767px) {
	.navbar:not(.shrink) .navbar-collapse {
    margin-top: 50px;
		border: none;
}
	nav.navbar.shrink .collapse {
		margin-top: 0px;
  	-webkit-transition: all 0.8s ease;
  	transition: all 0.8s ease;
	}
}

/* set breakpoint */
@media (max-width: 880px) {
	.logo-img {
		max-height: 120px;
		margin-left: 8px;
	}
	body {
 	 	padding-top: 130px;
	}
	.navbar {
		min-height: 131px;
	}
	.navbar ul {
		margin-top: 37px;
	}
	.navbar .navbar-header button {
		margin-right: 20px;
	}
}
/* help mobile menu prevent vertical scrollbar */
.navbar-collapse {
  max-height: 100% !important;
}

/* dropdown on hover */
@media (min-width: 768px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

@media (max-width: 1280px) {
	.container { width: 100%; }
}

/* style customizations - see: https://work.smarchal.com/twbscolor/ */

a { outline: none !important; }

/* http://bootstrap3-menu.codedorigin.com/#sthash.93ls3AGC.dpbs */

/* CLOSE SHRINKING STYLES */




/*  WHITE BLUE STYLE */

.navbar-white-blue { 
	background-color: white; /* header background color */
}

.navbar { border-bottom: none; }

.navbar-white-blue ul {  
	background: purple;
	background: #fff; /* menu surround background color */
}

.navbar-white-blue .navbar-nav>.active>a:hover,
.navbar-white-blue .navbar-nav>li>a:hover,
.navbar-white-blue .navbar-nav>li>a:focus { 
	background-color: #fff; /* top level background hover color */
	color: #000 !important; /* top level text hover color */
}

.navbar-white-blue .navbar-nav>.active>a,
.navbar-white-blue .navbar-nav>.open>a,
.navbar-white-blue .navbar-nav>.open>a,
.navbar-white-blue .navbar-nav>.open>a:hover,
.navbar-white-blue .navbar-nav>.open>a,
.navbar-white-blue .navbar-nav>.open>a:hover,
.navbar-white-blue .navbar-nav>.open>a:focus { 
	background-color: #2b5680;
	background-color: #eee;
}

.navbar-white-blue .navbar-nav>li>a { 
	color: white; /* top level link color */
	color: #2b5680; /* top level link color */
	color: #336799; /* top level link color */
	border-top: 2px solid white;
}

.navbar-white-blue .navbar-nav>li>a:hover,
.navbar-white-blue .navbar-nav>li>a:focus { 
	color: white; /* toplevel link hover color */
	color: purple; /* toplevel link hover color */
	color: #2b5680; /* top level link color */
	border-top: 2px solid #2b5680;
}

.navbar-white-blue .navbar-nav>.active>a,
	.navbar-white-blue .navbar-nav>.open>a,
 	.navbar-white-blue .navbar-nav>.open>a:hover,
 	.navbar-white-blue .navbar-nav>.open>a:focus { 
	color: white;
	color: orange;
	border-top: 2px solid ddd;
}

.navbar-white-blue .navbar-nav>.active>a:hover,
 	.navbar-white-blue .navbar-nav>.active>a:focus { 
	color: white;
	color: orange;
}
.dropdown-menu { 
	background-color: #2b5680; 
	color: white;
}

.dropdown-menu>li>a,
.dropdown-menu>li>a { 
	background-color: #336799; 
	color: white !important;
	background-color: #fff; /* dropdown default background color */
	color: #336799 !important;/* dropdown default text color */
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus { 
	background-color: #2b5680; 
	color: white !important;
	color: #000 !important;/* dropdown default text hover color */
	background-color: #ddd !important; /* dropdown default background hover color */
}

.navbar-white-blue { 
	background-image: none; 
}

.dropdown-menu>li>a { 
	color: brown !important; /* ADD: dropdown base link color */
	color: #336799 !important; /* ADD: dropdown base link color */
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus { 
	background-image: none;  
	color: green !important; /* ADD: dropdown link hover color */
	color: #2b5680 !important; /* ADD: dropdown link hover color */
	color: #000 !important; /* ADD: dropdown link hover color */
}

.navbar-white-blue { 
	border-color: #222;
}

.navbar-white-blue .navbar-brand { 
	color: white;
}

.navbar-white-blue .navbar-brand:hover { 
	color: white;
}


.dropdown-menu>li>a { 
	c/olor: white; /* no idea */
	c/olor: orange;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus { 
	c/olor: white; /* no idea */
	c/olor: orange; /* active color of top level link in mobile */
}

.navbar-white-blue .navbar-nav>.dropdown>a .caret { 
	border-top-color: white;
	border-top-color: #2b5680;
}

.navbar-white-blue .navbar-nav>.dropdown>a:hover .caret { 
	border-top-color: white;
	border-top-color: #2b5680;
}

.navbar-white-blue .navbar-nav>.dropdown>a .caret { 
	border-bottom-color: white;
	border-top-color: #2b5680;
}

.navbar-white-blue .navbar-nav>.dropdown>a:hover .caret { 
	border-bottom-color: white;
	border-top-color: #2b5680;
}

.navbar-white-blue .navbar-toggle {
    background-color: white; /* hamburger background */
	border: 1px solid #2b5680;
}

.navbar-white-blue .navbar-toggle:hover {
    background-color: #eee; /* hamburger hover background */
}

.navbar-white-blue .navbar-toggle .icon-bar {
    background-color: black; /* 3 hamburger lines */
}

.navbar-white-blue .navbar-toggle .icon-bar {
    background-color: #2b5680; /* 3 hamburger lines */
}

.navbar-white-blue .navbar-toggle:hover .icon-bar {
    background-color: purple; /* 3 hamburger lines hover state */
}

.navbar-toggle.but-menu:hover {
    color: #FFF0C9;
    background-color: #CF995F;
}
/* padding between menu items */
.nav li>a {
	padding: 5px 10px;
	font-size: 120%;
}

@media (max-width: 767px) {
	.navbar-nav > li{
 	 	margin-left:20px;
 	 	margin-right:20px;
	}
}

@media (max-width: 768px) {
	.navbar-white-blue .navbar-nav>.active>a:hover,
	.navbar-white-blue .navbar-nav>li>a:hover,
	.navbar-white-blue .navbar-nav>li>a:focus { 
		background-color: #eee; /* top level background hover color */
		c/olor: #000 !important; /* top level text hover color */
	}

	.navbar-white-blue .navbar-nav>li>a { 
		border-top: 0px solid white;
	}
	
	.navbar-white-blue .navbar-nav>li>a:hover,
	.navbar-white-blue .navbar-nav>li>a:focus { 
		border-top: 0px solid #2b5680;
	}

	.navbar-white-blue .navbar-nav>.active>a,
	.navbar-white-blue .navbar-nav>.open>a,
 	.navbar-white-blue .navbar-nav>.open>a:hover,
 	.navbar-white-blue .navbar-nav>.open>a:focus { 
		border-top: 0px solid ddd;
	}
}