/* ----- Metrics Variables ----- */
:root {
	--ae-grade-h-c: 4px; /* Height of ae-grade option c */
}

/* ----- Typography ----- */
body {
	font-family: 'OpenSans', Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Energy, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: var(--ae-head) !important;
}

/* ----- Table and Layouts ----- */
.table {
	--bs-table-bg: #fafafa !important;
}

table.profile-info td:nth-child(1) { white-space: nowrap; }
table.profile-info td:nth-child(2) { padding-left: 1em; }

.jumbotron, .page {
	background-color: #fafafa;
}

/* ----- Text Styling ----- */
p {
	color: var(--ae-grey-alt);
	font-size: 18px;
}

.opening-p {
	font-size: 19px;
}

a {
	color: var(--ae-cta-normal);
}

a:active {
	color: var(--ae-cta-pressed);
}

/* ----- Headings and Subheadings ----- */
.ae-head {
	color: var(--ae-head);
}

.ae-subhead {
	color: var(--ae-grey-alt);
	font-weight: 300;
}

/* ----- Grade Styling ----- */
.ae-grade {
	position: relative;
}

.ae-grade:after {
	background: linear-gradient(to right, var(--ae-bg-bar-c-start), var(--ae-bg-bar-c-end));
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
}

.ae-grade.ae-grade-a:after {
	height: var(--ae-grade-h-c);
}

/* ----- Divider Styling ----- */
.ae-divider {
	background-color: var(--ae-bg-divider);
	margin: 30px auto;
	height: 1px;
}

.ae-divider.home-divider {
	margin: 10px auto;
}

/* ----- Mobile Navigation ----- */
.navbar-toggler {
	width: 20px;
	height: 20px;
	position: relative;
	margin-right: 5px;
	transition: .5 ease-in-out;
}

.mov-fontsizer {
	font-size: 14px;
	font-family: OpenSans, sans-serif;
}

.mov-iconsizer {
	font-size: 18px;
}

/* ----- Dropdown Menu ----- */
.mov-dropdown a a:link,
.mov-dropdown a a:hover,
.mov-dropdown a a:visited,
.mov-dropdown li a {
	font-family: 'Energy';
	font-weight: 'Regular';
}

.dropdown-custompadding {
	padding-right: 1.2rem !important;
	padding-left: 3rem !important;
}

.mov-dropdown {
	background-color: #f2f2f2 !important;
	padding-left: 0;
}

.mov-dropdown li {
	padding-left: 10px;
	background: transparent;
}

.mov-dropdown a,
.mov-dropdown a:link,
	mov-dropdown a:visited {
	font-size: 18px;
	color: #636466;
	padding: 9px 0 9px 2.5rem;
	background: transparent;
}

.mov-dropdown li {
	list-style: none;
}

.mov-dropdown li:last-of-type {
	padding-bottom: 20px;
}

/* Transition for Dropdown Navigation */
#mov-dropdownsub .navbar-nav {
	transition: .25s ease-in-out;
}

/* Navbar Toggler Styles */
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
	outline: none;
	box-shadow: none;
	border: 0;
}

.navbar-toggler span {
	margin: 0;
	padding: 0;
}

.toggler-icon {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #ffffff;
	border-radius: 1px;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}

/* Toggler Animation on Click */
.navbar-toggler .top-bar {
	margin-top: 0px;
	transform: rotate(135deg);
}

.navbar-toggler .middle-bar {
	opacity: 0;
	filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
	margin-top: 0px;
	transform: rotate(-135deg);
}

/* Toggler Animation When Collapsed */
.navbar-toggler.collapsed .top-bar {
	margin-top: -20px;
	transform: rotate(0deg);
}

.navbar-toggler.collapsed .middle-bar {
	opacity: 1;
	filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
	margin-top: 20px;
	transform: rotate(0deg);
}

/* Content Wrapper */
.content-wrapper {
	position: relative;
}

/* Dropdown Toggle Styles */
.dropdown-toggle::after {
	display: none;
}

/* ----- Button Styles ----- */
.btn-ae,
.btn-ae.show {
	color: var(--ae-cta-normal);
	font-family: EnergySoft, Helvetica, Arial, sans-serif;
	font-size: 18px;
}

.btn-ae:hover,
.btn-ae.show:hover {
	color: var(--ae-cta-normal) !important;
}

.btn-ae:active,
.btn-ae.show:active,
.btn-ae:first-child:active {
	color: var(--ae-cta-pressed);
}

/* Primary Button Styles */
.btn-ae-primary {
	background: var(--ae-cta-normal);
	border-color: var(--ae-cta-normal);
	border-width: 2px;
	color: white;
	font-family: OpenSans, Helvetica, Arial, sans-serif;
	font-size: 18px;
}

.btn-ae-primary:hover {
	background: var(--ae-cta-normal);
	color: white;
}

.btn-ae-primary:active,
.btn-ae-primary:first-child:active,
:not(.btn-check)+.btn-ae-primary:active {
	background-color: var(--ae-cta-pressed);
	border-color: var(--ae-cta-pressed);
	color: white;
}

/* Standard Button Styles */
.btn-ae-std {
	background: var(--ae-cta-normal);
	border: 1px solid var(--ae-cta-normal);
	color: white;
	font-family: OpenSans, Helvetica, Arial, sans-serif;
	font-size: 18px;
	padding: 0.5em 2.4em;
}

:not(.btn-check)+.btn-ae-std:active,
.btn-ae-std:first-child:active {
	background-color: var(--ae-cta-pressed);
	border-color: var(--ae-cta-pressed);
	color: white;
}

/* Outline Button Styles */
.btn-ae-std-outline {
	background: white;
	border: 2px solid var(--ae-cta-normal);
	color: var(--ae-cta-normal);
	font-family: OpenSans, Helvetica, Arial, sans-serif;
	font-size: 18px;
	padding: 0.4em 2.4em;
}

.btn-ae-std-outline:hover {
	background: #eee;
	border: 2px solid var(--ae-cta-normal);
	color: var(--ae-cta-normal);
}

:not(.btn-check)+.btn-ae-std-outline:active,
.btn-ae-std-outline:first-child:active {
	background-color: #eee;
	border-color: var(--ae-cta-pressed);
	background-color: var(--ae-cta-pressed);
}

/* Another Outline Button Style */
.btn-outline-ae,
.btn-outline-ae:hover {
	border: 2px solid var(--ae-cta-normal);
	color: var(--ae-cta-normal);
	font-family: EnergySoft, Helvetica, Arial, sans-serif;
}

.btn-outline-ae:hover,
.btn-outline-ae:active,
:not(.btn-check)+.btn-outline-ae:active {
	background-color: #eee;
}

.btn-outline-ae:active,
:not(.btn-check)+.btn-outline-ae:active {
	border-color: var(--ae-cta-pressed);
	color: var(--ae-cta-pressed);
}

/* ----- Header Styling ----- */
#header-nav-top,
.bg-ambit-dark {
	background: var(--ae-bg-bar-a);
}

#header-nav-top a {
	border-right: 1px solid white;
	color: white;
	display: inline-block;
	margin: 10px 0;
	padding: 1px 20px;
	text-decoration: none;
	min-width: 40px;
	font-size: 18px;
}

#header-nav-top a:first-child {
	border-left: 1px solid white;
}

#header-nav-primary {
	padding: 20px 0;
	position: relative;
}

#header-nav-primary .btn[href^=tel] {
	font-family: OpenSans, Helvetica, Arial, sans-serif;
	font-size: 18px;
}

/* ----- Footer Styling ----- */
#footer {
	background-image: url('https://cdn.ambitenergy.com/images/ambitsuccess/home/footer-bg.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 20px;
	border-top: 4px solid #F46C0B;
}

.ft-btm-border {
	background-image: linear-gradient(to right, #F46C0B, #9D2063, #7C1D63);
	background-color: #000000;
}

#footer a {
	text-decoration: none;
	color: inherit;
}

#footer a:hover {
    text-decoration: underline;
}

#footer h5 {
	font-size: 1.25rem;
}

#footer h5.link-head {
	font-size: 19px;
	font-weight: 500;
	margin-bottom: 0;
}

#footer h5,
#footer p {
	color: var(--ae-grey-alt);
}

#footer p {
	font-size: 16.8px;
	line-height: 1.5em;
}

#footer .footer-licensed,
#footer .home-footnotes p {
	font-size: 14px;
}

#footer .hot-link {
	color: var(--ae-cta-normal);
	font-weight: 500;
}

#footer .social-media {
	background: var(--ae-orange-main);
	border-radius: 30px;
	color: white;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 0 3px;
	text-align: center;
	width: 30px;
}

#footer .footer-logo {
	height: 45px;
}

#footer-cookies {
	background: var(--ae-bg-alert);
	bottom: 0;
	color: white;
	left: 0;
	padding: 20px;
	position: fixed;
	right: 0;
	z-index: 10;
}

#footer-cookies .btn-accept {
	border: 1px solid white;
	color: white;
}

#footer-ppl {
	bottom: 102px;
	border-bottom: 0.75px #ffffff solid;
}

.pr-1-link {
    padding-right: .35rem;
}

/* Footer Bar Style */
.footer-bar-b {
	background: var(--ae-bg-bar-a);
}

small {
	font-size: smaller !important;
}

.footer-bar-b a {
	color: var(--ae-orange-alt);
}

/* ----- Dropdowns and Alerts ----- */
.text-small {
	font-size: 0.8rem;
}

.ae-dropdown {
	display: inline-block;
	position: relative;
	margin-right: 35px;
}

.ae-dropdown:lang(es) {
	margin-right: 20px;
}

.ae-dropdown .btn:active,
.ae-dropdown .btn.show,
.ae-dropdown .btn:active.show {
	border: 1px solid transparent;
}

#header-nav-primary .ae-dropdown .btn {
	padding-left: 5px;
	padding-right: 5px;
}

#header-nav-primary .ae-dropdown .btn:lang(es) {
	padding-left: 20px;
	padding-right: 20px;
}

.ae-dropdown .dropdown-menu {
	border-radius: 0;
	border: none;
	box-shadow: 0 9px 6px rgba(0, 0, 0, 0.25);
	padding: 0;
	width: 100%;
}

.ae-dropdown .dropdown-menu:before {
	background: linear-gradient(to right, var(--ae-bg-bar-b-start), var(--ae-bg-bar-b-end));
	content: " ";
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.ae-dropdown .dropdown-toggle::after {
	display: none !important;
}

.ae-dropdown .dropdown-item {
	border-top: 1px solid #b7b7b7;
	color: var(--ae-grey-alt);
	font-family: Energy, Helvetica, Aria, sans-serif;
	font-size: 1.15rem;
	padding: 10px 0;
	text-align: center;
}

.ae-dropdown .dropdown-item:active {
	background-color: var(--ae-cta-pressed);
	color: white;
}

/* Site Alert Styles */
#site-alert {
	background: var(--ae-bg-alert);
	border-radius: 0;
	color: white;
	margin: 0;
}

#site-alert a {
	color: white;
}

#site-alert h4 {
	margin: 0;
}

#site-alert p {
	margin: 0.5em 0 0;
	color: #FFFFFF;
}

/* ----- Button Styling Within Forms ----- */
.btn-form-style {
	background: var(--ae-cta-normal);
	border-color: var(--ae-cta-normal);
	color: white;
	box-shadow: 0 0 0 1px var(--ae-cta-normal), 0 0 0 2px var(--ae-cta-normal);
	padding: 8.5px 10.5% 8.5px 10.5%;
	font-size: 1.1em;
	font-family: OpenSans, Helvetica, Arial, sans-serif;
	border-radius: 1px;
}

.cta-btn-small {
	background-color: var(--ae-cta-normal);
	color: #FFFFFF;
	border-radius: 3px;
	font-family: OpenSans, Helvetica, Arial, sans-serif;
}

.btn-form-style:hover,
.cta-btn-small:hover {
	background-color: var(--ae-cta-normal);
	color: #ffffff;
}

.cta-btn-small:active,
:not(.btn-check)+.cta-btn-small:active,
.btn-form-style:active,
:not(.btn-check)+.btn-form-style:active,
.cta-btn-small:first-child:active {
	background-color: var(--ae-cta-pressed);
	border-color: var(--ae-cta-pressed);
	color: white;
}

.btn-form-style:active {
	box-shadow: 0 0 0 1px var(--ae-cta-pressed), 0 0 0 2px var(--ae-cta-pressed);
}

/* Utility Styles */
.fw-med {
	font-weight: 500;
}

.nav-img-fit {
	object-fit: cover;
}

.btn-front {
	z-index: 2;
	position: relative;
	bottom: 50%;
}

.bar-theme-o {
	background: var(--ae-bg-alert);
	color: white !important;
}

.accept-btn {
	border: 1px solid white;
	color: white;
}

.hover-case {
	transition: 0.4s;
	z-index: 1;
}

.hover-case:hover,
.hover-case:focus {
	-webkit-transform: translateY(-0.08em);
	transform: translateY(-0.08em);
}

.hover-award {
	transition: 0.4s;
	z-index: 1;
}

.hover-award:hover,
.hover-award:focus {
	-webkit-transform: translateY(-0.28em);
	transform: translateY(-0.28em);
}

.profile-btn {
	background: var(--ae-bg-alert);
	color: white !important;
}

.profile-btn:hover {
	background-color: #fafafa;
	color: var(--ae-bg-alert) !important;
	border-color: var(--ae-bg-alert);
}

/* ----- Responsive Design ----- */
@media (max-width: 767px) {
	.mobile-width {
		width: 65% !important;
	}

	.full-width {
		width: 100% !important;
	}

	.mb-width-award {
		width: 60% !important;
	}

	.mb-width-empw {
		width: 40% !important;
	}
}

/* ----- Gradient Backgrounds for Clubs ----- */
.bg-gradient-maroon {
	background-image: linear-gradient(to top right, #59072f, #9e2064);
}

.bg-gradient-navy {
	background-image: linear-gradient(to top right, #132340, #1d5589);
}

.bg-gradient-purpink {
	background-image: linear-gradient(to top right, #8a8aa5, #48486e);
}

.bg-gradient-purple {
	background-image: linear-gradient(to top right, #4e2457, #86528c);
}

.bg-gradient-golden {
	background-image: linear-gradient(to top right, #ffcb30, #f29920);
}

/* Subtle Cues for Clickable Images */
.millionaire {
	transition: transform 0.29s, box-shadow 0.29s;
}

.millionaire:hover {
	transform: scale(1.03);
}

.hover-shadow:hover {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Consultant Search Banner */
.searchimage {
	background: url('https://cdn.ambitenergy.com/images/ambitsuccess/home/search-banner.jpg') !important;
}

/* Feature Consultant */
@media only screen and (max-width: 767px) {
    .fs-mb-w-75 {
        width: 75% !important;
    }

}