/*
 *
 * Here are a few needed CSS additions to integrate bootstrap truly into WordPress,
 * We kept this slim as possible. Try to avoi any overwriting if not really needed.
 */


/* First fixing the dropdown menu.
 * Most stuff is handled by the walker, but some styles need to be added too.
 * Here we are removing the ">" from the original bootstrap styles, so it works for 2nd and 3rd level dropdown too..
 * (actually not cool to use more than 1 level dropdown, but if YOU or your users want to do this, it won't break the layout now ;)  */
.dropdown-menu li a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #333;
	white-space: nowrap;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #357ebd;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
	background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%);
	background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
	background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
}
.dropdown-menu ul { list-style: none; }

/* Some modified padding for the bootstrap container.
 * Now you can make many styles of design easily.
 * Try with giving the .container class just a background colour and have a look. ;)
 */
.container { padding: 0 15px 15px 15px; }

.collapsing.width {
  height: auto;
  -webkit-transition: width 0.35s ease;
  -moz-transition: width 0.35s ease;
  -o-transition: width 0.35s ease;
  transition: width 0.35s ease;
}

/* 
* Custom Tabs / Navs
*/
.nav-tabs > li > a { border-radius: 0; margin-top: -1px; padding: 5px 25px; }
.tab-pane { border: 1px solid #C6C6C6; border-top: none; padding: 15px; }
.nav-tabs { border-bottom: 1px solid #C6C6C6; font-weight: 600; }
.nav-tabs > li > a,
.nav-tabs > li > a:hover { color: #505151; border-radius: 0; border: 1px solid #C6C6C6; background-color: #C6C6C6; }
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover { color: #999266; border: 1px solid #C6C6C6; background-color: transparent; border-bottom: 1px solid #F2F2F2; }
.tab-content > .tab-pane { padding: 20px 1px; border-left: 0; border-right: 0; border-bottom: 0; }
.tab-content > .tab-pane > ul { list-style: none; }
.tab-content > .tab-pane > ul li { margin: 20px 0; }
.tab-content > .tab-pane img.icon { border-radius: 0; padding: 0 10px 0 0; }
.tab-content > .tab-pane a { color: inherit; font-size: 18px; font-weight: 600; }
.tab-content > .tab-pane a:hover { color: #dd2541; }
.tab-content > .tab-pane h4 { padding: 15px 0  15px 0; }
.panel { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.panel-group .panel { margin-bottom: 0; border-radius: 0; }
.panel-default { border-color: #C6C6C6; }
.panel-default > .panel-heading { color: #586370; background-color: #fff; border: none; padding: 0; }
.panel-default > .panel-heading a { display: inline-block; width: 100%; padding: 10px 15px; vertical-align: baseline; }
.panel-default > .panel-heading a:hover { text-decoration: none; color: #505050; }
.panel-default > .panel-heading a span { position: absolute; right: 30px; margin-top: 3px; color: #C6C6C6 }
.panel-default > .panel-heading a span:hover { color: #505050; }
.panel-group .panel-heading + .panel-collapse > .list-group, 
.panel-group .panel-heading + .panel-collapse > .panel-body { border-top: none; }

/* 
* Custom Buttons
*/
.btn-secondary { 
	color: #FFF;
	background-color: #999268;
	border-color: #999268;
	border-radius: 0;
	font-size: 14px;
	font-weight: 600;
}
.btn-secondary.full-width {
	width: 100%;
}
.btn-secondary.large {
	font-size: 18px;
}
.btn-secondary.focus, .btn-secondary:focus { 
	color: #FFF; 
	background-color: #505050; 
	border-color: #505050; 
}
.btn-secondary:hover { 
	color: #FFF; 
	background-color: #505050; 
	border-color: #505050; 
}
.btn-secondary.active,
.btn-secondary:active,
.open > .dropdown-toggle.btn-secondary {
  color: #FFF;
  background-color: #505050;
  border-color: #505050;
}
.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary:active.focus,
.btn-secondary:active:focus, 
.btn-secondary:active:hover,
.open > .dropdown-toggle.btn-secondary.focus,
.open > .dropdown-toggle.btn-secondary:focus,
.open > .dropdown-toggle.btn-secondary:hover {
  color: #FFF;
  background-color: #505050;
  border-color: #505050;
}