/**
 * Base template for color changes.
 * A copy of this will be created for each site
 * Replacing ##color## with hex value for new color
 *
 * Main navigation / Notices backgrounds - #00c2ce
 * Secondary navigation / Alt backgrounds - #ff008e
 * Link bottom border / hover background - #ffe600
 * Main navigation background hover background - #00aab5
 * Secondary navigation background hover background - #e60075
 * Body text color - #000000
 * HTML body color / Navigation text color - #FFFFFF
 * Main container color - #EEF1F3
 * Navigation text color - #7F7F7F
 * CTA Button color - #000000
 * CTA Button Hover color - #7f7f7f
 * Highlight Bar color - #ffe600
 * Highlight text color - #7f7f7f
 */

.nav-menu-toggle,
.follow-us,
.website-feedback,
.miami-guide-label {
	background-color: #00c2ce;
	text-align: center;
}

.nav-menu-toggle:hover,
.nav-menu-toggle:focus {
	background-color: #00aab5;
	color: #FFFFFF;
}

.nav-menu-toggle.util,
.nav-menu-toggle.util:focus {
	background-color: #ff008e;
}

.nav-menu-toggle.util:focus {
	color: #FFFFFF;
}

.btn-success {
	background-color: #000000;
	border-color: #000000;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success.focus,
.btn-success:focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
	background-color: #7f7f7f;
	border-color: #7f7f7f;
}

.nav-menu-toggle.util:hover {
	background-color: #e60075;
}

.btn-success:hover {
	background-color: #7f7f7f;
	border-color: #7f7f7f;
}

.btn-default {
	background: #FFFFFF;
	border-color: #00c2ce;
	color: #00c2ce;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default:active:focus {
	background: #00c2ce;
	color: #FFFFFF;
}

.nav-menu-toggle .fa {
	color: #FFFFFF;
	font-size: 15px;
	top: -.1em;
}

.nav-menu-links a {
	color: #7F7F7F;
}

.hamburger-menu .nav-menu-links a {
	text-align: left;
}

.nav-menu-links a:hover,
.nav-menu-links a:focus {
	background-color: #ffe600;
	color: #7f7f7f;
}

a {
	border-bottom: 2px solid #ffe600;
	box-shadow: inset 0 -4px 0 #ffe600;
}

a:hover {
	background-color: #ffe600;
}

.follow-us-buttons .btn-success {
	background-color: #000000;
	border-color: #000000;
}

.follow-us-buttons .btn-success:hover {
	color: #FFFFFF;
	background-color: #7f7f7f;
	border-color: #7f7f7f;
	outline: none;
}

.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
	background-color: #7f7f7f;
	border-color: #7f7f7f;
}

.tag {
	border: 1px solid #00c2ce;
	color: #00c2ce;
}

a.tag:focus,
a.tag:hover {
	background-color: #00c2ce;
}

.btn-primary,
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
	background-color: #000000;
	border-color: #000000;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary:active:focus {
	background-color: #7f7f7f;
}

.btn-info {
	background-color: #00c2ce;
	border-color: #00c2ce;
}

.btn-info:focus,
.btn-info:hover {
	background-color: #00aab5;
	border-color: #00aab5;
}

/**
 * Social icons
 */
.share-buttons .btn-success {
	background-color: #ff008e;
	border-color: #ff008e;
}

.share-buttons .btn-success:focus,
.share-buttons .btn-success:hover {
	background-color: #e60075;
	border-color: #e60075;
}