/* ---- css/style.css ----- */
body {
    font-size:16px;
}
.top-bar{
	height: 20px;
}
.anchorblock{   
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); 
}
.mobile  {
    display:inline-block !important;
    line-height:0px !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    list-style: none !important;
}
.mobile .fab { font-size: 20px; color:white;}
.mobile .fab:hover { 
    color:#636466;opacity: 0.6;
    transition: 0.3s;
}
.social .fab {font-size: 30px;}
.social .fab:hover {
    color:#636466;opacity: 0.6;
    transition: 0.3s;
}
.page {
    background: #ffffff url(/rsrc/theme/white-subtle-gradient.gif) repeat-x;
    border-top:1px #ededed solid;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.p-shadow {
    -webkit-box-shadow: 0px 53px 41px -54px rgba(68,68,68,0.6);
    -moz-box-shadow: 0px 53px 41px -54px rgba(68,68,68,0.6);
    box-shadow: 0px 23px 41px -54px rgba(68,68,68,0.6);
    border-bottom: 1px #ccc solid;
}
.page a:not(.btn, .video-card, pagelink),
.page a:link:not(.btn, .video-card, pagelink), 
.page a:hover:not(.btn, .video-card, pagelink), 
.page a:visited:not(.btn, .video-card, pagelink) {
	color:#f47920;
}

.btn-success:hover{
	color:#90ce9c !important;
}

/* .btn {
    white-space: normal !important;
} */

.bs-1{ border-width:1px !important;}
.bs-2{ border-width:2px !important;}
.bs-3{border-width:3px !important;}
.bs-4{ border-width:4px !important;}
.bs-5{ border-width:5px !important;}
/* Font size override
************************* */
.f1, .f1-25, .f1-50, .f-75, .f2, .f2-25, .f2-50, .f2-75, .f3, .f3-25, .f3-50, .f3-75, .f4 {
    line-height: .0 em;
}
.f1 { font-size:1em; }
.f1-25{ font-size:1.25em;}
.f1-50{ font-size:1.50em;}
.f1-75{ font-size:1.75em;}
.f2{ font-size:2em;}
.f2-25{ font-size:1.25em;}
.f2-50{ font-size:1.50em;}
.f2-75{ font-size:1.75em;}
.f3{ font-size:2em;}
.f3-25 { font-size:3.25em}
.f3-50 { font-size:3.50em}
.f3-75 { font-size:2.75em}
.f4 { font-size:4em}
.fw-100 { font-weight:100;}
.fw-200 { font-weight:200;}
.fw-300 { font-weight:300;}
.fw-400 { font-weight:400;}
.fw-500 { font-weight:500;}
.fw-600 { font-weight:600;}
.fw-700 { font-weight:700;}
.fw-800 { font-weight:800;}
.fw-900 { font-weight:900;}
/* Home page 
************************* */
.home-feature {
    height:250px;
    padding:5px;
}
.video-container {
    position: absolute;
    top: 140px;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: -100;
}
.opening{position:relative;}
.overlay{
	width:100%;background:purple; opacity:.2; position:absolute; left:0; top:0; height:100%; z-index:1000;
}
.carousel{
	min-height: 300px;
}

.customerlinks{ color: #ffffff;
    /* background: #f47920; */
    padding: 3px 10px 1px 10px;
    margin-right: -12px;
}
.customerlinks:hover, .customerlinks a:hover {
    /* background: #444444; */
    
    color:#444444;
    text-decoration:none;
}
.message-one {}
.message-two {}
.message-three {}
/* free energy
************************* */
.orangebackgroundimage {
    background-image: linear-gradient(rgba(244, 120, 32, 0.871),
    rgba(249, 157, 28, 0.882)), 
    url(https://cdn.ambitenergy.io/images/ambitenergy/v2/irving.jpg); 
    background-size: cover;
    background-position: 0% 89%; 
}

/* Videos 
************************* */
.card-body .btn:hover, .btn-theme-a:hover{background-color:white;border-color:#f47920;color:#f47920}
.video-card {
	/*border: solid 2px #ededed; */
	  clip-path: polygon( 
		calc(0% + 5px) calc(0% + 5px), /* top left */
		calc(100% - 5px) calc(0% + 5px), /* top right */
		calc(100% - 5px) calc(100% - 5px), /* bottom right */
		calc(0% + 5px) calc(100% - 5px) /* bottom left */
	  );
	  transition: clip-path 0.6s linear;
}
.video-card a:,
.video-card a:link, 
.video-card a:hover,
.video-card:hover,
.video-card .card-body:hover { 
	text-decoration: none !important; 
	color: #636466 !important;
}

.video-card:hover {	
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.vid-play-button {
	position: absolute;
    top: 10%;
    margin: auto;
    width: 72%;
    left: 31%;
}
.vid-play-button img {
	margin:auto;
	width:50%;
}

.sibling-fade { visibility: hidden; }
/* Prevents :hover from triggering in the gaps between items */

.sibling-fade > * { visibility: visible; }
/* Brings the child items back in, even though the parent is `hidden` */

.sibling-fade > * { transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms; }
/* Makes the fades smooth with a slight delay to prevent jumps as the mouse moves between items */

.sibling-fade:hover > * { opacity: 0.4; transform: scale(0.9); }
/* Fade out all items when the parent is hovered */

.sibling-fade > *:hover { opacity: 1; transform: scale(1); transition-delay: 0ms, 0ms; }
/* Fade in the currently hovered item */



.sibling-fade {
  display: flex;
  flex-wrap: wrap;
}

.sibling-fade > * {
  background: white;
  padding: .5em;
  flex: auto;
  margin: 0em;
  text-decoration: none;
}
/* sunrun section 
======================= */
#sunrun h1,
#sunrun h2, 
#sunrun h3, 
#sunrun h4, 
#sunrun h5,  
{
	color:#00ade6 !important;
}

.sunrunblue {
	color:#00ade6;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	color:#00ade6 !important;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.graish-gradient {
    background: rgb(226,226,226);
    background: linear-gradient(0deg, rgba(226,226,226,1) 0%, rgba(235,235,235,1) 51%, rgba(244,244,244,1) 100%);
}

.graywhite-gradient{	
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}

.darkblue-gradient {/* 

	background: linear-gradient(#102F52,#1A4676);
 */
	background: rgba(26,70,118,1);
	background: -moz-linear-gradient(left, rgba(26,70,118,1) 0%, rgba(16,47,82,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(26,70,118,1)), color-stop(100%, rgba(16,47,82,1)));
	background: -webkit-linear-gradient(left, rgba(26,70,118,1) 0%, rgba(16,47,82,1) 100%);
	background: -o-linear-gradient(left, rgba(26,70,118,1) 0%, rgba(16,47,82,1) 100%);
	background: -ms-linear-gradient(left, rgba(26,70,118,1) 0%, rgba(16,47,82,1) 100%);
	background: linear-gradient(to right, rgba(26,70,118,1) 0%, rgba(16,47,82,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a4676', endColorstr='#102f52', GradientType=1 );
}
.bluegreen-graident{
	background: rgba(144,206,156,1);
	background: -moz-linear-gradient(left, rgba(144,206,156,1) 0%, rgba(116,207,211,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(144,206,156,1)), color-stop(100%, rgba(116,207,211,1)));
	background: -webkit-linear-gradient(left, rgba(144,206,156,1) 0%, rgba(116,207,211,1) 100%);
	background: -o-linear-gradient(left, rgba(144,206,156,1) 0%, rgba(116,207,211,1) 100%);
	background: -ms-linear-gradient(left, rgba(144,206,156,1) 0%, rgba(116,207,211,1) 100%);
	background: linear-gradient(to right, rgba(144,206,156,1) 0%, rgba(116,207,211,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90ce9c', endColorstr='#74cfd3', GradientType=1 );
}

.orange-gradient{
	background: rgba(255,175,75,1);
	background: -moz-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(251,155,59,1) 28%, rgba(245,121,33,1) 74%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,175,75,1)), color-stop(28%, rgba(251,155,59,1)), color-stop(74%, rgba(245,121,33,1)));
	background: -webkit-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(251,155,59,1) 28%, rgba(245,121,33,1) 74%);
	background: -o-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(251,155,59,1) 28%, rgba(245,121,33,1) 74%);
	background: -ms-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(251,155,59,1) 28%, rgba(245,121,33,1) 74%);
	background: linear-gradient(to right, rgba(255,175,75,1) 0%, rgba(251,155,59,1) 28%, rgba(245,121,33,1) 74%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#f57921', GradientType=1 );
}

.stripped{
	background: url(/img/stripes-light.png)repeat;
	
}
.green-text {
    color: #90ce9c;
}
.blue-text {
    color: #74cfd3;
}
.orange-text {
    color: #f47920;
}
.text-wrap { white-space: normal; }
/* back to top button 
******************** */
button.back-to-top.show {
    display: block;
    background: #fff;
    color: #f47920;
    font-size: 25px;
    right: 25px;
    bottom: 50px;
    height: 50px;
    width: 50px;
    visibility: visible;
    box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
}
button.back-to-top {
    margin: auto !important;
    padding: 0 !important;
    background: #fff;
    height: 0px;
    width: 0px;
    overflow: hidden;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    color: transparent;
    clear: both;
    visibility: hidden;
    position: fixed;
    cursor: pointer;
    display: block;
    border: none;
    right: 50px;
    bottom: 75px;
    font-size: 0px;
    outline: 0 !important;
    /* z-index: 99; */
    transition: all .3s ease-in-out;
}
/* contact ambit
************* */
#accordion .card .card-header{
	/* 	background:#F57921; */
	background: rgba(245,121,33,1);
	background: -moz-linear-gradient(left, rgba(245,121,33,1) 0%, rgba(255,175,75,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245,121,33,1)), color-stop(100%, rgba(255,175,75,1)));
	background: -webkit-linear-gradient(left, rgba(245,121,33,1) 0%, rgba(255,175,75,1) 100%);
	background: -o-linear-gradient(left, rgba(245,121,33,1) 0%, rgba(255,175,75,1) 100%);
	background: -ms-linear-gradient(left, rgba(245,121,33,1) 0%, rgba(255,175,75,1) 100%);
	background: linear-gradient(to right, rgba(245,121,33,1) 0%, rgba(255,175,75,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57921', endColorstr='#ffaf4b', GradientType=1 );
		cursor:pointer;   
}
#accordion .card-header:hover h4{
	color:#444;
}
#accordion .card{border-color:#F57921;}
#accordion .collapsed h4,#accordion .card .card-header h4 {padding-left:50px;}
#accordion .collapsed h4{ color:#636466 !important;}
#accordion .card .card-header h4{ color:white;}


#accordion .card-header h4:before{
 	content:"\f062";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 55px;
    height: 100%;
    text-align: center;
    line-height: 50px;
    border-left: 2px solid #F57921;
    color:#ffffff;
    position: absolute;
    transform: rotate(0deg);
    top: 0;
    left: 0;
}
#accordion .collapsed h4:before{
	content:"\f062";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color:#F57921;
    transform: rotate(180deg);
   
}

#accordion .card .collapsed{
	background:#fff;
}

#accordion .card-body h4 {
    padding-top: 10px;
    color:#384446;
  
}
#accordion .card-body .row {
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}
#accordion .card-body .row:last-child{
	border-bottom:0;
}
#accordion .card {
    margin-top: 10px;
}
#accordion .card-body {
    background: #f4f4f4;
}
/* roots
************ */
.roots {
    background-image: url(/img/ambitenergy-sfloor.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    min-height: 480px;
}
/* back to top button
************** */
button.back-to-top::before {
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    vertical-align: middle;
    margin: -5px 0 auto;
}
button.back-to-top.show {
    display: block;
    background: #fff;
    color: #f47920;
    font-size: 25px;
    right: 25px;
    bottom: 50px;
    height: 50px;
    width: 50px;
    visibility: visible;
    box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
}
button.back-to-top {
    margin: auto !important;
    padding: 0 !important;
    background: #fff;
    height: 0px;
    width: 0px;
    overflow: hidden;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    color: transparent;
    clear: both;
    visibility: hidden;
    position: fixed;
    cursor: pointer;
    display: block;
    border: none;
    right: 50px;
    bottom: 75px;
    font-size: 0px;
    outline: 0 !important;
    /* z-index: 99; */
    transition: all .3s ease-in-out;
}
.dmt{
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	background-color:#f4f4f4;
	content: "DMT";
	color:#fff;
}
.card-body {
	background:#fff;
}
.inner {
	display:-ms-flexbox;
	display:flex;
	width:100%;padding:10px;margin-bottom:30px;background:url(/img/topography.png) repeat 0 0;
	text-align:center;
}
/* typical earnings */
.typicalearnings {
    color: #636466;
    padding:20px;
    background:#f4f4f4;
}

/* ----- PDF Viewer ----- */
.pdf-viewer { border: 0; min-height: 400px; width: 100%; }

/* ---- Custom Rates and Plans ---- */
.energychoices-section {
    position: relative;
    padding: 80px 40px 80px 40px;
    margin: 50px auto;
    border: 1px #FAC5A0 solid;
    margin-bottom: 40px;
    background: url(https://www.ambitenergy.com/uploads/images/uploads/empty-home-bkg.jpg);
    background-size: cover;
}
.bkg-white {
    background: #ffffff;
    margin: 10px;
    padding: 10px;
    border: 1px solid #ededed;
    box-shadow: 0px 2px 8px #eeeeee;
    min-height: 190px;
}
.bottomlabel {
    position: absolute;
    top: -20px;
    padding: 5px 20px 5px 20px;
    border: 1px #FAC5A0 solid;
    background: #ffffff;
    border-radius: 3px;
}
.ecae-logo {
    position: relative;
    margin: 0 auto;
    width: 200px;
    height: 56px;
    background: url(https://www.ambitenergy.com/images/structure/ambitenergy-logo.svg) 0px 12px no-repeat;
}
/* ----- Rates and Plans ----- */

.rates-template, .rateinfo { display: none; }
.rateplan { transition: background-color 400ms linear; }
.rateplan-extended { background-color: #eee; }
.rateinfo { background-color: white; }
.rateinfo-documents { background-color: #eee; }
.ratelabel { font-weight: bold; }
.eplancapable .rateprice em, .eplancapable .ratelabel em { display: none; }
.eplan .rateprice em, .eplan .ratelabel em { display: inline; }

.ratefilters .btn-group { margin-left: 1rem; }
.ratefilters label { margin-right: .5rem; }

#rates-start .loading { display: none; float: right; position: relative; top: -3px; }

/* ----- Check Enrollment ----- */

#form-checkenrollment {
	background: #f4f4f4;
	padding: 20px;
}
#form-checkenrollment input {
    font-size:16px; padding:5px;
}
/* --- icons -- */
.circle-icon {
    text-align: center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    border:0;
    padding: 0px;
    color:#ff6319;     
    top: -12px;
    margin: 0 auto;
    font-size: 1.7em;
    left: 42%;
    color: white;
    
}
.navbar-brand { 
    /* width:100% !important; */
    /* margin-right:1rem !important; */
}
.navbar-brand img {
    width:100%;
}
.video-container {        
    top: 98px;
}
/** media queries override */
@media (min-width: 360px){
    .navbar-brand {
        margin-right: 0rem !important;
    }
    .navbar-brand img {
        width:80%;
    }
    .video-container {        
        top: 116px;
    }
    .home-feature {
        height:253px;
        padding:0%;
    }
}
@media (min-width: 576px){
    .home-feature {
        height:428px;
        padding:0%;
    }
}
@media (min-width: 640px){
    .navbar-brand {
        margin-right: 1rem !important;
    }
    .navbar-brand img {
        width:100%;
    }
    .video-container { top: 140px; }
    .mobile .fab { font-size: 18px; color:white;}
    /* Font size override
    ************************* 
    .f1 { font-size:1em; }
    .f1-25{ font-size:1.25em;}
    .f1-50{ font-size:1.50em;}
    .f1-75{ font-size:1.75em;}
    .f2{ font-size:2em;}
    .f2-25{ font-size:1.25em;}
    .f2-50{ font-size:1.50em;}
    .f2-75{ font-size:1.75em;}
    .f3{ font-size:3em;}
    .f3-25 { font-size:3.25em}
    .f3-50 { font-size:3.50em}
    .f3-75 { font-size:3.75em}
    .f4 { font-size:4em}*/
}
@media (min-width:720px){  
     
    .home-feature {
        height:430px;
        padding:0%;
    }
    .circle-icon {   
        animation-duration: 1.5s;
        animation-name: slidein;  
        animation-iteration-count: 3;
        animation-direction: alternate;
        width: 65px;
        height: 65px;       
        top: -26px;
        margin: 0 auto;
        font-size: 2.2em;
        left: 42%;
        color: white;        
    }
}
@media (min-width:992px){
    /* Font size override
    ************************* */
    .f1 { font-size:1em; }
    .f1-25{ font-size:1.25em;}
    .f1-50{ font-size:1.50em;}
    .f1-75{ font-size:1.75em;}
    .f2{ font-size:2em;}
    .f2-25{ font-size:1.25em;}
    .f2-50{ font-size:1.50em;}
    .f2-75{ font-size:1.75em;}
    .f3{ font-size:3em;}
    .f3-25 { font-size:3.25em}
    .f3-50 { font-size:3.50em}
    .f3-75 { font-size:3.75em}
    .f4 { font-size:4em}
    .home-feature {        
        padding:3.5%;
    }
    .navbar-brand img {
        width:100%;
    }
}
@media (min-width:1200px){
    
    .navbar-brand img {
        width:100%;
    }
}

  @keyframes slidein {
    from {
        position:absolute;
        top: -40px;
    }
  
    to {
        position:absolute;
        top: -26px;     
    }
  }

/* shake */
.phone :hover i{    
    animation: shake 1s;      
    animation-iteration-count: 10; 
    color:#F57921;
  }
  
  @keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
  }
/************************************************************
 
   _____ _                          _                    _           
  / ____| |                        | |                  | |          
 | |    | |__   __ _ _ __ ___   ___| | ___  ___  _ __   | |__  _   _ 
 | |    | '_ \ / _` | '_ ` _ \ / _ \ |/ _ \/ _ \| '_ \  | '_ \| | | |
 | |____| | | | (_| | | | | | |  __/ |  __/ (_) | | | | | |_) | |_| |
  \_____|_| |_|\__,_|_| |_|_|_|\___|_|\___|\___/|_| |_| |_.__/ \__, |
     /\             | |   (_) | |  ____|                        __/ |
    /  \   _ __ ___ | |__  _| |_| |__   _ __   ___ _ __ __ _ _ |___/ 
   / /\ \ | '_ ` _ \| '_ \| | __|  __| | '_ \ / _ \ '__/ _` | | | |  
  / ____ \| | | | | | |_) | | |_| |____| | | |  __/ | | (_| | |_| |  
 /_/    \_\_| |_| |_|_.__/|_|\__|______|_| |_|\___|_|  \__, |\__, |  
                                                        __/ | __/ |  
                                                       |___/ |___/   
2018 bootstrap theme by AmbitEnergy Digital Team
*************************************************************/