html, body { font-family: OpenSans, Helvetica, Arial, sans-serif; color:#444444;}
h1, h2, h3, h4, h5, h6 { font-family: EnergySoft, Helvetica, Arial, sans-serif; }
* { scroll-behavior: smooth !important; }
a { color: #912D61; }
.mono-nav-primary {
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px 0;
	text-transform: uppercase;
}
.mono-nav-primary .site-logo { height: 2em; padding: 0 10px; }
.mono-nav-primary .links a { color: #636466; line-height: 2em; padding: 0 10px; }
@media (min-width: 768px) {
	.mono-main-event-child .scroll-target {
	    display: block;
		pointer-events: none;
	    position: relative;
	    top: -44px; /* -- height of the sticky nav -- */
	    visibility: hidden;
	}
}
.mono-main-event {
	background-color: black;
	background-size: cover;
	background-position: center center;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 60px 20px;
	text-align: center;
}
@media (min-width:  576px) { .mono-main-event { min-height: 345px; } }
@media (min-width:  768px) { .mono-main-event { min-height: 460px; } }
@media (min-width:  992px) { .mono-main-event { min-height: 600px; } }
@media (min-width: 1200px) { .mono-main-event { min-height: 730px; } }
.mono-main-event .event-logo { height: 1em; max-width: 100%; }

.btn-hero-cta {
	background: linear-gradient(#fff, #fff, #fff);
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
	color: #e57f3a;
	/*padding: 20px 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;
}
@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); }
}

.mono-nav-secondary {
	background: white;
	border-bottom: 1px solid #ccc;
	position: sticky;
	top: 0;
	z-index: 1000;
}
.mono-nav-secondary a {
	text-transform: uppercase;
	color: #636466;
	padding: 10px 5px;
}
@media (min-width:  992px) { .mono-nav-secondary a { padding: 10px 20px; } }
@media (min-width: 1200px) { .mono-nav-secondary a { padding: 10px 20px; } }
.mono-nav-secondary .register {
	align-items: center;
	background: #27aae1;
	color: white;
	display: flex;
	justify-content: center;
	padding: 0 20px;
}

/*.mono-main-event-child { border-bottom: 1px solid #ccc; }*/

.mono-countdown {
	background-color: #f99d1c;
	background-image: linear-gradient(to right, #f99d1c, #912d61); 
	color: white;
	font-size: 2em;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
}

.mono-nav-mobile {
	bottom: 0;
	left: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
}
.navicon {
	background: white;
	border: 1px solid #ccc;
	border-radius: 3px;
	display: inline-block;
	font-size: 0;
	margin: 10px;
	padding: 15px;
	pointer-events: auto;
	position: absolute;
}
.mono-nav-slide {
	background: white;
	border-right: 1px solid #ccc;
	height: 100%;
	left: -100%;
	padding: 5px 0 0;
	pointer-events: auto;
	position: relative;
}
.mono-nav-slide::before {
	content: "×";
	position: absolute;
	right: 10px;
	top: 10px;
}
.mono-nav-slide .nav-site { height: 2em; padding-left: 10px; }
.mono-nav-slide .nav-event { height: 1em; margin: 20px 0 10px; padding-left: 10px; }
.mono-nav-slide .child-links {
	display: flex;
	flex-direction: column;
}
.mono-nav-slide .child-links a {
	color: #636466;
	padding: 5px 20px;
}
/* Gradients */
.bluepurple {
	background: rgb(2,100,170);
	background: -moz-linear-gradient(270deg, rgba(2,100,170,1) 0%, rgba(114,45,145,1) 100%);
	background: -webkit-linear-gradient(270deg, rgba(2,100,170,1) 0%, rgba(114,45,145,1) 100%);
	background: linear-gradient(270deg, rgba(2,100,170,1) 0%, rgba(114,45,145,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0264aa",endColorstr="#722d91",GradientType=1);
}
.bluegreen {
	background: rgb(2,100,170);
	background: -moz-linear-gradient(270deg, rgba(2,100,170,1) 0%, rgba(45,145,131,1) 100%);
	background: -webkit-linear-gradient(270deg, rgba(2,100,170,1) 0%, rgba(45,145,131,1) 100%);
	background: linear-gradient(270deg, rgba(2,100,170,1) 0%, rgba(45,145,131,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0264aa",endColorstr="#2d9183",GradientType=1);
}
.purpleorange {
	background: rgb(244,121,32);
	background: -moz-linear-gradient(270deg, rgba(244,121,32,1) 0%, rgba(145,45,97,1) 100%);
	background: -webkit-linear-gradient(270deg, rgba(244,121,32,1) 0%, rgba(145,45,97,1) 100%);
	background: linear-gradient(270deg, rgba(244,121,32,1) 0%, rgba(145,45,97,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f47920",endColorstr="#912d61",GradientType=1);
}
/* borders */
.border-purple {
    border-color: #912D61 !important;
}
.border-purple-4 {
	border-width: 4px !important;
    border-color: #912D61 !important;
}
/* font color */
.orangetext {
	color: #f47920;
}

/* Main Top Page */
.parallax {
  background-image: url("https://cdn.ambitenergy.com/images/events-center/ambition-2022/ambition-2022-banner-simple.png");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* Get Amped */
#section-ambition-2021-get-amped {
     background:#912D61 url("https://cdn.ambitenergy.io/images/events-center/ambition-2021/module5/a21-background.png") no-repeat;
}
#section-ambition-2021-get-amped h2 {
     color:#fff;
     font-weight: 100;
}
/* venue */
.venuebackground { 
background:url(https://events.ambitenergy.com/uploads/venue-image.jpg) no-repeat;
background-size: cover;
}
.venueleft {
	padding:10%;
}
/* Registration */
.purplebck { background: #912D61; color:#ffffff; }
.registration .border-purple {
     border-color: #912D61 !important;
}
.registration .border-3 {
    border-width:3px !important;
}
.registration p {text-align: left;}
.registration {
     background-color: #f4f4f4;
     background-image: url("https://cdn.ambitenergy.io/images/events-center/ambition-2021/module1/amplify-background.png");
     background-repeat: no-repeat;
     background-position-y: 5%;
     background-size: 50%;
}

/* Covid Section */
#section-ambition-2021-schedule{
     background-image: url("https://cdn.ambitenergy.io/images/events-center/ambition-2021/module4/a21-mod-4-background.png");
     background-size: 20%;
     background-repeat: repeat-x;
     background-color: #ffffff;
}
.covid-message, .covid-message p, .covid-message h2, .covid-message li, .covid-message a{
      color:#912D61;
      font-weight: 100;
}
.covid-message a{
      color:#912D61;
      font-weight: bold;
}
.purple-text {
     color:#912D61;
}
/* VIP Section */
.vstripe {
  color: #f4f4f4;
  background: repeating-linear-gradient(
    to right,
    #0d1936,
    #0d1936 10px,
    #0b2934 10px,
    #0b2934 20px
  );
}
/* schedule */
#section-ambition-2021-agenda {

  background-image: url("https://events.ambitenergy.com/uploads/agenda-background.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
#nav-tabContent .row:hover {
	background: beige !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #f4f4f4;
    background-color:#912D61;
    border-color: #dee2e6 #dee2e6 #fff;
}
.accordion .card-header:after {
    font-family: 'ae-icons';
    content: "\e800";
    float: right;
    transform: rotate(180deg);
}
.accordion .card-header.collapsed:after {
    content: "\e800";
    transform: rotate(0deg);
}
/* footer */
#footer {
	background-color:#2c2c2c;
	color: #f4f4f4;
}
.navigation ul li a {
text-transform: uppercase;
}
#footer a { color: #f4f4f4; }
.btn-scroll-top.show {
    right: 1.25rem;
    opacity: 1;
}
.btn-scroll-top {
    display: block;
    position: fixed;
    right: -4.125rem;
    bottom: 1.25rem;
    width: 2.75rem;
    height: 2.75rem;
    transition: right 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55),opacity 0.3s,background-color 0.25s ease-in-out;
    border-radius: 50%;
    background-color: rgba(43,52,69,0.25);
    color: #fff;
    text-align: center;
    opacity: 0;
    z-index: 1025;
}
.btn-scroll-top .btn-scroll-top-tooltip {
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
    visibility: hidden;
    opacity: 0;
}
.btn-scroll-top>.btn-scroll-top-icon {
    font-size: .875rem;
    font-weight: bold;
    line-height: 2.625rem;
}
[class^='ci-'], [class*=' ci-'] {
    display: inline-block;
    font-family: "cartzilla-icons" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
/* button animation */
.btn-book {
     position:relative;
     background-color:#912D61;
     color:#fff;
     z-index: 33;
}
.btn-book:hover { color: white; }
.btn-book:hover:after {
     content: '';
	 color:#f4f4f4 !important;
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background-color: inherit;
     border-radius: inherit;
      transition: opacity .3s, transform .3s;
    animation: pulse-animation 2s cubic-bezier(0.24, 0,0.38, 1) infinite;
     z-index: -1;
}

@keyframes pulse-animation {
     0% {
          opacity: 1;
          transform: scale(1);
     }
     50% {
          opacity: 0;
          transform: scale(1.5);
     }
     100% {
          opacity: 0;
          transform: scale(1.5);
     }
}
/* scrolling chevrons */

.scrollchevron {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100px;
}

.chevron {
	position: absolute;
	width: 3.5rem;
	height: 0.8rem;
	opacity: 0;
	transform: scale(0.3);
	animation: move-chevron 3s ease-out infinite;
}

.chevron:first-child {
	animation: move-chevron 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
	animation: move-chevron 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	width: 50%;
	background: #fff;
	/* background: #2c3e50; */
}

.chevron:before {
	left: 0;
	transform: skewY(30deg);
}

.chevron:after {
	right: 0;
	width: 50%;
	transform: skewY(-30deg);
}

@keyframes move-chevron {
	25% {
		opacity: 1;
	}
	33.3% {
		opacity: 1;
		transform: translateY( 3.8rem);
	}
	66.6% {
		opacity: 1;
		transform: translateY( 5.2rem);
	}
	100% {
		opacity: 0;
		transform: translateY( 8rem) scale(0.5);
	}
}

/* ----- le accordion styles, hon hon hon ----- */
#section-ambition-2021-faqs {
    background-image: url(https://events.ambitenergy.com/uploads/lz-ae-pattern.png);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}
.faq-accordion {
	--color-header-text: white;
	--color-collapse-rule: rgba(0, 0, 0, 0.125);
}
.faq-accordion.color-theme-a {
	--color-header-bg: #27aae1;
	--color-header-rule: #277597;
}
.faq-accordion.color-theme-b {
	--color-header-bg: #9e1f63;
	--color-header-rule: #5c143a;
}
.faq-accordion.color-theme-c {
	--color-header-bg: #2d9183;
	--color-header-rule: #1f665c;
}

.faq-accordion .card { border: 0; }
.faq-accordion .card-header {
	background: var(--color-header-bg);
	border-bottom: 3px solid var(--color-header-rule);
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-radius: 0;
	color: var(--color-header-text);
	cursor: pointer;
	font-family: EnergySoft, Helvetica, Arial, sans-serif;
}
.faq-accordion .card-header:before {
	content: "+";
	float: right;
	font-weight: bold;
	margin-left: 20px;
	transform: rotate(45deg);
}
.faq-accordion .card-header.collapsed:before { transform: rotate(0deg); }
.faq-accordion .collapse, .faq-accordion .collapsing { border-left: 1px solid var(--color-collapse-rule); border-right: 1px solid var(--color-collapse-rule); }
.faq-accordion .card:last-child .collapse.show, .faq-accordion .card:last-child .collapsing { border-bottom: 1px solid var(--color-collapse-rule) }