/*--------------------------------------------------------------
FEATURE COMMUNITY SOLAR LAYOUT
---------------------------------------------------------------
Updated : Mar 2026
Author  : Electricity Ratings
--------------------------------------------------------------*/
:root {
    --cyan-very-pale: #dbf2fb;
    --white: #fff;
    --gray-dark: #212529;
    --black: #000;
    --yellow-star:#ffc107;
    --cs--orange:#ff8200;
}

/* Featured Community Solar 
--------------------------------------------------------------------*/
.featured-community-solar{
  box-shadow: 0 0 15px -10px var(--black);
  border: 1px solid rgb(200, 200, 200);
}
  .featured-community-solar .stars-container{
      width: 100px;
  }
.featured-community-solar_body{
  background-color:var(--cyan-very-pale);
  display: grid;
  grid-template-columns: 75% 1fr;
}
  .featured-community-solar_body h2,
  .featured-community-solar_body h3,
  .featured-community-solar_body .h2{
      font-family: "Barlow Condensed", sans-serif;
      line-height: 120%;
      color: var(--black);
  }
  .featured-community-solar_body h3{
      line-height: 80%;
  }
  .featured-community-solar_body .h2{
      font-size: 42px;
      font-weight: bold !important;
      text-transform: uppercase;
  }
.featured-community-solar .benifit-list{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: 'li-title li-title li-save' 'li-no-risk li-no-installtion li-renter';
     grid-gap: 10px;
 }
.featured-community-solar .benifit-list .title {
  grid-area: li-title;
}
.featured-community-solar .benifit-list .save {
  grid-area: li-save;
}
.featured-community-solar .benifit-list .no-risk {
  grid-area: li-no-risk;
}
.featured-community-solar .benifit-list .no-installation {
  grid-area: li-no-installation;
}
.featured-community-solar .benifit-list .renter {
  grid-area: li-renter;
}
/* button */
.featured-community-solar .primary-btn {
  background-color: var(--cs--orange) !important;
  border-color: var(--cs--orange) !important;
  color: var(--black) !important;
}
.featured-community-solar .primary-btn:hover {
  background-color: transparent!important;
  border-color: var(--black) !important;
  color: var(--black) !important;
}
.featured-community-solar .planCall .btn{
  color:var(--erllcblue);
  width: auto;
  border: 0;
}
.featured-community-solar .planCall .btn:hover{
  background-color: transparent;
  color:var(--black);
}
.featured-community-solar .primary-btn{
  font-size:20px;
  font-weight: normal;
}

/* stars */
.featured-community-solar .stars-container {
	display: flex;
	flex-direction: row;
	width: 50%;
	height: 15px;
	}
	.featured-community-solar .stars-container i {
		flex-grow: 1;
		text-align: center;
		font-style: normal;
		line-height: 100%;
	}
  .featured-community-solar .stars-container i::before {
		content: var(--icon-star);
		font-family: var(--widget-icon-font);
		font-size: var(--icon-star-size);
	}
  .featured-community-solar .stars-container i.half-star::before {
		content: var(--icon-star-half);
				-webkit-background-clip: text;
	}
	.featured-community-solar .stars-container i::before {
    font-size: 16px;
  }
	.featured-community-solar .stars-container i::before {
    color: #ffc107;
  }
  .featured-community-solar .stars-container i.half-star::before {
    background: linear-gradient(to left, #9397ad 50%, #ffc107 50%);
    -webkit-text-fill-color: transparent;
  }
  .featured-community-solar .stars-container i.no-star::before {
    color: #9397ad;
  }
  .featured-community-solar .stars-container .bxs-star-half, 
  .featured-community-solar .stars-container .bxs-star, .stars-container {
    color: var(--yellow-star);
  }
  .featured-community-solar i.star-item {
      background-color: var(--yellow-star);
      mask-size: 100%;
      padding-top: 100%;
      -webkit-mask-size: 100%;
      mask-repeat: no-repeat;
      -webkit-mask-repeat: no-repeat;
  }
  .featured-community-solar i.star-item.half-star {
      mask-image: url(/theme/assets/boxicons/svg/solid/bxs-star-half.svg);
      -webkit-mask-image: url(/theme/assets/boxicons/svg/solid/bxs-star-half.svg);
  }
  .featured-community-solar i.star-item.gold-star {
      mask-image: url(/theme/assets/boxicons/svg/solid/bxs-star.svg);
      -webkit-mask-image: url(/theme/assets/boxicons/svg/solid/bxs-star.svg);
  }
/*two cols*/
.lotus_two_col .featured-community-solar .logo{
  width: 100px !important;
  height: 50px !important;
}
.lotus_two_col .featured-community-solar_body{
  grid-template-columns: 1fr;
}
.lotus_two_col .featured-community-solar .benifit-list{
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 'li-title li-title' 'li-save li-no-risk' 'li-no-installtion li-renter';
  grid-gap: 10px;
}
.lotus_two_col .featured-community-solar .featured-community-solar_cta{
  align-items: start !important;
}
@media (max-width: 1200px) {
  .featured-community-solar{
      width:94%;
  }
  .lotus_two_col .featured-community-solar{
      width:100%;
  }
  .featured-community-solar .logo{
      width: 100px !important;
      height: 50px !important;
  }
  .featured-community-solar_body{
      grid-template-columns: 1fr;
  }
  .featured-community-solar .benifit-list{
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'li-title li-title' 'li-save li-no-risk' 'li-no-installtion li-renter';
    grid-gap: 10px;
 }
 
}
@media (max-width: 768px) {
  .featured-community-solar .stars-container{
      width: 100px;
  }
  .lotus_two_col .featured-community-solar .featured-community-solar_cta{
    align-items: center !important;
  }
}