.dropdown-toggle::after {
	display: inline-block;
	margin: 4px 0 0 6px;
	vertical-align: top;
	content: ' ';
	width: 16px;
	height: 16px;
	border: none;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.425 6.11 1.257-1.257 5.149 5.149 5.15-5.15 1.257 1.258-6.407 6.405z' fill='%23343a40' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
}

.dropdown-menu.show:before {
	display: none !important;
	content: '' !important;
}

@media(max-width: 990px) {
	
	.dropdown .dropdown-menu {
		padding: 0;
		margin: 0;
	}

	.dropdown.show .dropdown-menu {
		background-color: transparent !important;
		margin: 0;
		padding: 0;
	}

	.main.navbar .navbar-collapse {
		top: 58px;
		padding-top: 0;
		overflow-y: scroll;
		padding-bottom: 5em;
		background-color: #e9ecef;
	}
	
	.navbar-toggler .icon-bar,
	.navbar-toggler.open .icon-bar {
		background: #343a40;
		opacity: 1;
	}
	
	.main.navbar .navbar-collapse .menu-primary-nav-container .menu-item a, .main.navbar .navbar-collapse .menu-secondary-nav-container .menu-item a {
		color: #343a40;
		opacity: 1;
		line-height: 1em;
		max-width: 100%;
	}
	
	.main.navbar .navbar-collapse .menu-primary-nav-container .menu-item.active a, 
	.main.navbar .navbar-collapse .menu-secondary-nav-container .menu-item.active a,
	.main.navbar .navbar-collapse .menu-primary-nav-container .menu-item a:hover, 
	.main.navbar .navbar-collapse .menu-secondary-nav-container .menu-item a:hover {
		color: black;
	}
	
	.teal_button {
		background-color: #22c6c9;
		color: black !important;
	}
	
	.teal_button:hover,
	.teal_button:focus {
		color: white !important;
	}
	
	.teal_button a {
		margin: 0.5em 0 !important;
	}
	
	.main.navbar .navbar-toggler {
		outline: none !important;
	}
}

@media(min-width: 991px) {
	
	.dropdown .dropdown-menu li.nav-item,
	.dropdown .dropdown-menu li.nav-item a.dropdown-item {
		white-space: normal !important;	
	}
	
	.dropdown.show .dropdown-menu {
		width: 310px;
	}
	
	.menu-item-description {
		font-size: 0.8em;
		padding-top: 3px;
		padding-bottom: 10px;
	}
	
	.main.navbar .navbar-collapse .menu-primary-nav-container .menu-item a, .main.navbar .navbar-collapse .menu-secondary-nav-container .menu-item a {
		color: #868e96;
		opacity: 1;
	}

	.main.navbar .navbar-collapse .menu-primary-nav-container .menu-item.active a, 
	.main.navbar .navbar-collapse .menu-secondary-nav-container .menu-item.active a,
	.main.navbar .navbar-collapse .menu-primary-nav-container .menu-item a:hover, 
	.main.navbar .navbar-collapse .menu-secondary-nav-container .menu-item a:hover {
		color: #343a40;
	}
	
	.teal_button {
		background-color: #22c6c9;
		color: black !important;
		transition: all 0.2s ease-in-out;
	}
	
	.teal_button:hover,
	.teal_button:focus {
		color: white !important;
	}
	
	.dropdown-toggle::after {
		margin: 3px 0 0 6px;
		background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.425 6.11 1.257-1.257 5.149 5.149 5.15-5.15 1.257 1.258-6.407 6.405z' fill='%23868E96' fill-rule='evenodd'/%3E%3C/svg%3E");
	}
}

/* Buttons */

a.seer-btn,
button.seer-btn {
	padding: 10px 20px;
	margin: 5px;
	border-radius: 8px;
	text-align: center;
	max-width: 70%;
	transition: all 0.2s ease-in-out;
	text-decoration: none !important;
}

@media(min-width: 991px) {
	a.seer-btn ,
	button.seer-btn {
		margin: 0 5px 0 0;
	}
}

a.seer-btn.primary,
button.seer-btn.primary {
	border: 1px solid #22c6c9;
	background-color: #22c6c9;
	color: black;
}

a.seer-btn.primary:hover,
a.seer-btn.primary:focus,
button.seer-btn.primary:hover,
button.seer-btn.primary:focus {
	border: 1px solid #343a40;
	background: #343a40;
	color: white;
}

a.seer-btn.secondary,
button.seer-btn.secondary {
	border: 1px solid white;
	background-color: transparent;
	color: white;
}

a.seer-btn.secondary:hover,
a.seer-btn.secondary:focus,
button.seer-btn.secondary:hover,
button.seer-btn.secondary:focus {
	border: 1px solid white;
	background-color: white;
	color: #343a40;
}

form input[type=submit] {
	background: #22c6c9;
	color: black;
	transition: all 0.2s ease-in-out;
}

form input[type=submit]:hover,
form input[type=submit]:focus {
	background: #343a40;
	color: white;
}

