/* Main Style for layout 2022 */
/* ----- variables ----- */
html {
	--color-transparent: transparent;
	--color-gray-light: #d6d6d6;
	--color-gray-medium: #636466;
	--color-maroon: #9e1f63;
	--color-blue: #27aae1;
	--color-carbon: #444444;
	--color-brand: var(--color-maroon);
	--color-orange: #f47920;
	--border-vbps: var(--color-transparent);
	--text-nav: var(--color-gray-medium);
	transition: all .5s;
}
* {
    scroll-behavior: smooth !important;
}
::selection {
  background: var(--color-brand);
  color: white;
}
body {
   color: var(--color-carbon);
}

a:hover {
    color: var(--color-brand);
	transition: all .5s;
}

#gallery .card {
 transition: transform 250ms;
}
#gallery .card:hover{
	transform: scale(1.05);
  	box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
	transition: all .5s;
}

.item-calendar a:hover, .item-calendar:hover, .item-gallery:hover, .item-event-gallery:hover {
	color: var(--color-gray-light);
}
/* ----- typography ----- */
body, html { font-family: OpenSans, Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: EnergySoft, Helvetica, Arial, sans-serif; }

/* ------ font sizes -----*/
.f1-25 { font-size: 1.25em;}
/*--- font colors ---*/
.home-22-links { color:#9E1E62 ;}
.home-22-links:hover {color: var(--color-orange);}
/* ----- nav ----- */
.nav { background: #eee; padding: 10px; text-transform: uppercase; }
.nav a { color: var(--text-nav); }

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#nav-primary { flex-basis: 100%; }
.ambition-22-logo svg{
max-width: 550px;

}

/* ----- Gallery page ------- */
.bg-cross {
  background-color: #f9f9f9;
  background: radial-gradient(circle, transparent 20%, #f9f9f9 20%, #f9f9f9 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #f9f9f9 20%, #f9f9f9 80%, transparent 80%, transparent) 10px 10px, linear-gradient(#ddc8d3 0.8px, transparent 0.8px) 0 -0.4px, linear-gradient(90deg, #ddc8d3 0.8px, #f9f9f9 0.8px) -0.4px 0;
  background-size: 20px 20px, 20px 20px, 10px 10px, 10px 10px;
}
/* ----- feature and items ----- */
.feature { xpadding: 10px; margin-top: 5.25rem;}
.btn-hero-cta {
    background: linear-gradient(#fff, #fff, #fff);
    box-shadow: 0 0 0 3px rgb(255 255 255 / 20%);
    color: #e57f3a;
    padding: 10px 40px;
    position: relative;
}
.btn-hero-cta:after:hover {
	box-shadow: inset 0 0 10px 10px white;
	bottom: 0;
	content: " ";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.btn-hero-cta:hover {
	animation: cta-pulse 3s infinite;
	background: linear-gradient(#eee, #fff, #ddd);
	text-shadow: 1px 1px 0 #fff;
}

.btn-ko26-gradient{
  display:inline-block;
  padding:10px 40px;
  font-size:large;
  color:#fff;
  border-radius:8px;
  border:3px solid transparent;
  background:
    linear-gradient(to right, #471ebe, #471ebe, #7804a3, #ffaa00) border-box,
    linear-gradient(90deg, hwb(0 100% 0% / 0.06), #ffffff05) padding-box;
  background-size:200% 100%, 100% 100%;
  background-position:0% 50%, 0% 50%;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background-position .4s ease;
  -webkit-tap-highlight-color:transparent;
}

.btn-ko26-gradient:hover,
.btn-ko26-gradient:focus{
  transform:scale(1.03);
  box-shadow:0 6px 18px #7804a347, 0 2px 6px #471ebe1f;
  background-position:100% 50%, 0% 50%;
  outline:none;
}

.btn-ko26-gradient:focus-visible{
  box-shadow:0 0 0 4px #7904a324, 0 6px 18px #7804a347;
}

.btn-money {
    border-color: #25453f;
    border-width: 3px;
    padding: 10px 40px;
    border-radius: 7px;
    background-color: #335f57;
}

.btn-money:hover {
    background-color: #3c6f66;
}
.item {
	background: center center / cover #333;
	border: 1px solid white;
	color: white;
	padding: 10px;
	text-shadow: 0 0 5px #b7a59a;
	width: 100%;
}

.item .btn { text-shadow: none; }
.item-overlay { max-width: 60%; margin: 10px; }

.item-ambition-2022 {
	background-color: #0b1122;
	background-image: url(https://cdn.ambitenergy.com/images/events-center/home/ambition-2022-bkg.png);
}
.item-power-rally {
	background-color: #0b1122;
	background-image: url(https://cdn.ambitenergy.io/images/events-center/home/power-rally-background-2.png);
}
.item-calendar {
	background-color: #778268;
	background-image:url(https://cdn.ambitenergy.io/images/events-center/home/calendar.jpg);
}
.item-gallery {
    background-color: #778268;
    background-image: url(https://cdn.ambitenergy.com/images/events-center/home/ambit-energy-gallery-background.png);
}
.item-event-gallery {
    background-color: #778268;
    background-image: url('https://cdn.ambitenergy.com/images/events-center/home/eventphotos-tile-bkgd.jpg');
    background-size: cover;
}
.calendar, .gallery{ font-size: 2rem; text-transform: uppercase; }
/* 
.item-ec-flyin {
	background-color: #379089;
	background-image:
		linear-gradient(rgba(0, 0, 0, 0.0) 30%, rgba(0, 0, 0, 0.9)),
		linear-gradient(rgba(42, 129, 120, 0.9), rgba(147, 251, 255, 0.9)),
		url(/uploads/item-ec-flyin-background.jpg);
}
.item-business-presentations{
	background-image: 
	linear-gradient(rgba(0, 0, 0, 0.0) 30%, rgba(0, 0, 0, 0.0)),
		linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.9)),
	url(/uploads/virtual-business-presentations.jpg);
} */
.virtualpresentation{
	font-weight: light;
	font-size:2.5rem;
	text-transform: uppercase;
}
.btn-sharepresentation{
     font-size: 1.5rem;
     padding: 5px 10px 5px 10px;
     background: #fff;
     color: 444;
     border-radius: 5px 5px 5px;
}
.item-power-rally {
	background-image:
		linear-gradient(rgba(0, 0, 0, 0.0) 30%, rgba(0, 0, 0, 1.0)),
		url(https://cdn.ambitenergy.io/images/events-center/home/power-rally-background-2.png);
}
.item-ambitu {
	background-color: #f5a55d;
	background-image:
		linear-gradient(rgba(0, 0, 0, 0.0) 30%, rgba(0, 0, 0, 1.0)),
		url(https://cdn.ambitenergy.io/images/events-center/home/AmbitU.jpeg);
}


.item-vbps { color: #636466; margin-top: 2px; }
.item-vbps-title { border: 1px solid var(--border-vbps); }
.item-vbps .share {
	border: 1px solid var(--border-vbps);
	border-left: none;
	padding: 10px;
}
.item-vbps-a-circle {
	border-radius: 80px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	height: 40px;
	margin-right: 10px;
	width: 40px;
}
.item-vbps-a { height: 25px; margin: 0 auto; }

.btn-ambition-2021 { background: white; border-radius: 0; min-width: 50%; max-width: 80%; }

.border-brand-heading { border-left: 5px solid var(--color-brand); }
/* ** past events *** */
.bg-purple-polka {
  background-color: #e3e3e5;
  background-image:  radial-gradient(#721aab 0.8px, transparent 0.8px), radial-gradient(#721aab 0.8px, #e3e3e5 0.8px);
  background-size: 32px 32px;
  background-position: 0 0,16px 16px;"
}
.bg-polka{
  background-color: #f9f9f9;
  background-image: radial-gradient(#ccc 0, #f9f9f9 1px);
  background-size: 10px 10px;
}
.past-event-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 140px;
	width: 100%;
}

#past-events .card-body { position: relative; }
#past-events .entry-info {
	bottom: 0;
	color: #ccc;
	display: none;
	font-size: .7rem;
	position: absolute;
	right: 10px;
}

.nav-bottom { border-top: 1px #b3b3b3 solid; box-shadow: 2px 2px 8px #b3b3b3; }

#nav-bottom-items a:link, #nav-bottom-items a:visited {
	color: #707070 !important;
    text-decoration: none;
    background-color: transparent;
}
#nav-bottom-items a:hover, #navbar10 .nav-item a:hover {
	background-color: #9aadaf;
	color: #ffffff !important;
}

.sidenav {
	background-color: #f4f4f4;
	height: 100%;
	left: 0;
	overflow-x: hidden;
	position: fixed;
	top: 0;
	transition: 0.5s;
	width: 0;
	z-index: 1;
}

.sidenav a {
	color: #818181;
	display: block;
	font-size: 18px;
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	transition: 0.3s;
}
.sidenav a:hover { backgrund: #333333;}
.sidenav .closebtn:hover { color: #272727; }
.sidenav .closebtn {
	font-size: 36px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 50px;
    text-align: center;
    height: 51px;
    padding: 0px;
}



#upcoming-events-fourup .carousel-controls { height: 20px; position: relative; }
#upcoming-events-fourup .carousel-control-prev, #upcoming-events-fourup .carousel-control-next {
	bottom: auto;
	display: inline-block;
	position: static;
	top: auto;
	width: auto;
}
#upcoming-events-fourup .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239e1f63' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
#upcoming-events-fourup .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239e1f63' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

/* ----- Calendar Style ---- */
/* move to a stylesheet */
.light-yellow { background: #fefae7; }
.badge-dark-green { 
     color: #fff;
     background-color: #326478 !important; 
}
.light-gray {background:#f3f5f8;}
.top-margin-page {  margin-top: 68px; }
.side-background {
    
     background-color: #eaecee;
     opacity: 1;
 
}
.horizontal-ruler {
     position: relative;
}
.hr-spark {
     position: relative;
     background: url(https://cdn.ambitenergy.com/images/ambitenergy/ambit-energy-spark.png) no-repeat;
     background-size: 40px;
     height: 40px;
     width: 40px;
     border: none;
     animation: spark-spin infinite 30s linear;
}

/* Early Bird Modal Center Screen Rules */
.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
    /* Adjusts for spacing */
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
	position: relative;
    z-index: 200000;
}

.power-up:hover {
    color: #fff !important;
    background-color: #ec4757 !important;
    border-color: #cb3d4b !important;
}

.modal-dialog-centered::before {
    display: inline !important;
}

@media (max-width: 576px) {
    .modal {
        height: auto;
        top: 100px;
    }
}

/* -------- ANIMATIONS -------- */
@keyframes spark-spin {
     from{
          transform: rotate(0deg);
     }
     to {
          transform: rotate(360deg);
     }
}
@keyframes cta-pulse {
	0%   { box-shadow: 0 0 0   0    rgba(255, 255, 255, 0.5); }
	100% { box-shadow: 0 0 5px 20px rgba(255, 255, 255, 0.0); }
}
/* ------ BREAKPOINTS ------ */
@media screen and (max-height: 450px) {
	.sidenav { padding-top: 15px; }
	.sidenav a { font-size: 18px; }
}
@media (max-width: 500px) {
	.incentive-mb { width: 200px !important; }

}

@media (min-width: 576px) {
	#nav-primary { flex-basis: auto; }
	.calendar, .gallery { bottom: 5px; position: absolute; }
     .item-h10vw { min-height: 10vw; }
	.item-h14vw { min-height: 14vw; }
	.item-h15vw { min-height: 15vw; }
}
@media (min-width: 768px) {
     html {
          --border-vbps: var(--color-gray-light);
          
     }
}
@media (min-width: 992px) {
	.sidenav .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: column;
		font-size: 16px;
		font-weight: 600;
		margin-left: 65px;
		text-transform: uppercase;
		width: 100%;
	}
}