/*
 * Custom Minton styles for Bootstrap 3 dropdowns in navbar
 *
 * Usage: Add .btn-drop-2 class to element with .dropdown-toggle class in navbar dropdown menus
 *
 * Copyright Storey Marketing
 *
 */

/* opened dropdown in collapsed nav */

li.dropdown.open a.dropdown-toggle.btn-drop-2 {
	/*background-color: rgba(95,33,92,.3);*/
	border:1px solid #5f215c;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:10px;
	margin:4px 14px 5px 15px;
}

@media (max-width: 767px) {

	.navbar-default ul.navbar-nav li a:not(.scroll-link):not(.btn-link-blue) { color: #5f215c; opacity: 0.8; border-bottom: 1px solid transparent; }
	.navbar-default ul.navbar-nav li a:not(.scroll-link):focus { color: #5f215c; outline: 0; opacity: 0.8; border-bottom: 1px solid transparent; }
	.navbar-default ul.navbar-nav li a:not(.scroll-link):hover { color: #5f215c; opacity: 1; border-bottom: 1px solid #5f215c; }

	li.dropdown.open a.dropdown-toggle.btn-drop-2 {
		opacity:1;
		background-color: rgba(95,33,92,.8);
		border:1px solid #5f215c;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		color:#fff !important;
		padding:10px;
		margin:4px 0 5px 10px;
	}	
}

@media (min-width: 768px) {

	/* un-opened dropdown spacing */

	li.dropdown a.dropdown-toggle.btn-drop-2 {
		padding:10px 15px 15px 15px;
		margin-top:5px;
		margin-left:12px;
	}

	/* opened dropdown spacing */

	li.dropdown.open a.dropdown-toggle.btn-drop-2 {
		margin-right:5px;
	}

	/* emulate .btn-link-2 class on dropdown :hover and :focus; */

	li.dropdown.open a.dropdown-toggle.btn-drop-2:hover {
		background-color: #5f215c;
		border:1px solid #5f215c;
	}
	li.dropdown.open a.dropdown-toggle.btn-drop-2,
	li.dropdown.open a.dropdown-toggle.btn-drop-2:focus {
		background-color: rgba(95,33,92,.8);
		color:#fff;
	}

	/* dropdown menu */

	li.dropdown.open ul.dropdown-menu {
		background-color: rgba(95,33,92,.8);
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		margin-right:3px;
	}

	/* dropdown links */

	li.dropdown.open ul.dropdown-menu a:hover,
	li.dropdown.open ul.dropdown-menu a:focus {
		color: #fff;
		background-color: #5f215c;
	}

	/* override :focus and :hover styles on links that are not .scroll-link class */

	.navbar-default ul.navbar-nav ul.dropdown-menu a {
  		color:#fff;
	}

	.navbar-default ul.navbar-nav li a:not(.scroll-link):focus {
  		opacity: 0.8;
  		border-bottom: 1px solid #5f215c;
	}


	.navbar-default ul.navbar-nav li a.btn-drop-2:focus {
  		opacity: 0.8;
  		border-bottom: 1px solid transparent;
	}

	.navbar-default ul.navbar-nav li a:not(.scroll-link):hover {
  		outline: 0;
  		opacity: 1;
  		border-bottom: 1px solid #5f215c;
	}

	.navbar-default ul.navbar-nav ul.dropdown-menu li a:hover {
  		outline: 0;
  		opacity: 1;
  		border-bottom: 1px solid #fff;
	}
}