/* ==========================================================================
   Custom color overrides for Alliance Ambulances
   This file is loaded after app.css to override theme colors.
   ========================================================================== */

/* -- Primary color (dark blue) --
   Original: #29347b
   Used in: navbar, buttons, headings, links, backgrounds, etc.
*/

/* -- Secondary/accent color (red) --
   Original: #e63946 (approximate)
   Used in: CTA buttons, highlights, hover states
*/
html,
.bg-primary,
#footer {
	background-color: #1b1b1a !important;
}

#top {
	background-color: #000000 !important;
}

.phone,
#navbar__phone {
	background: #d35728 !important;
}

.navbar-expand-md .navbar-nav .nav-link {
	padding-right: 0.4rem !important;
	padding-left: 0.4rem !important;
}

#navbar {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}
#navbar__phone {
	margin: 0.2rem -16px -0.2rem -16px;
}

#header .header__icons .picto__icon {
	background-color: #1b1b1a !important;
}

#contact-form {
	background-color: #000000 !important;
	background-image: url(../../images/contact/bg.svg) !important;
	background-repeat: no-repeat !important;
	background-position: bottom !important;
	/* background-position: center calc(110%) !important; */
	background-size: contain !important;
	padding-top: 10px !important;
	padding-bottom: 150px !important;
	text-align: right;
}

@media (max-width: 767.98px) {
    #contact-form {
        text-align: center;
    }
}



p a,
#header .header__icons .picto a,
#contact-form a,
#main a {
	color: #d35728 !important;
}

#main a.phone {
	color: #fff !important;
}

h1 {
	font-size: 2.4rem;
}