/* 
- Accent color
*/
.filter-button-group button:after,
.filter-button-group a:after,
.category-buttons a:after,
.portfolio-type-carousel .portfolio-item .bottom-content .cat,
.price-list .item .options .button-style1.active,
.heading-with-num-type2 .num,
.accordion-items .item .top .t:before,
.accordion-items .item .top .t:after,
.accordion-items .item.active .top,
.tabs .tabs-head .item.active-tab,
.split-screen .portfolio-navigation .numbers .num.active span,
.category-slider-area .category-slider .center .item,
.vertical-parallax-slider .item .price,
.js-pixproof-gallery .proof-photo__meta .nav li a:hover,
.heading-block .sub-h,
.heading-block .h.accent-color,
.heading-block .h span,
.num-box-items .num-box .num,
.icon-box .icon,
.banner-right-buttons .button:hover .h,
.banner-about .sub-h,
.booked-calendar-shortcode-wrap .booked-appt-list>h2 strong,
.project-slider-block .thumbs .swiper-slide,
.filter-button-group button:not(.active):hover,
.category-buttons a:not(.active):hover {
  color: var(--color-accent-500);
}

.portfolio_hover_type_4 .portfolio-item .content h5:after,
.portfolio_hover_type_5 .portfolio-item .content h5:before,
.portfolio_hover_type_7 .portfolio-item .content h5:after,
.portfolio_hover_type_7 .portfolio-item .content h5:before,
.heading-with-num-type2 .sub-h:before,
.booked-calendar-shortcode-wrap .booked-appt-list .timeslot .timeslot-people button,
body .booked-modal p.booked-title-bar,
body .booked-modal .button {
  background: var(--color-accent-500);
}

.portfolio_hover_type_2 .portfolio-item .content h5:after,
.portfolio_hover_type_6 .portfolio-item .content h5:after,
.portfolio_hover_type_8 .portfolio-item .content h5:after,
.portfolio_hover_type_8 .portfolio-item .content h5:before,
.portfolio_hover_type_9 .portfolio-item .content h5:after,
.portfolio_hover_type_9 .portfolio-item .content h5:before,
body .category .item:before,
.testimonials .owl-dots .owl-dot.active,
.skill-item-line .line div,
.price-list .item:before,
.price-list .item .options .button-style1 span,
.price-list .item .options .button-style1 span:after,
.price-list-type2 .item:before,
.split-screen .owl-dots .owl-dot.active,
.vertical-parallax-area .pagination-dots span.active,
.split-screen-type2 .pagination-dots span.active,
.white .album-playlist .jp-volume-bar .jp-volume-bar-value,
.photo-carousel>a,
.js-pixproof-gallery .selected .proof-photo__id {
  background-color: var(--color-accent-500);
}

.portfolio_hover_type_3 .portfolio-item .content,
.portfolio_hover_type_6 .portfolio-item .content,
.portfolio_hover_type_4 .portfolio-item .content,
.portfolio_hover_type_4 .portfolio-item:hover .content,
.portfolio-type-carousel .portfolio-item .a-img a[data-type="video"] i,
.pagination .current,
.video-block a>div,
.team-social-buttons a,
.play-button-block a,
.booked-calendar-shortcode-wrap .booked-calendar tbody td.today .date .number {
  border-color: var(--color-accent-500);
}

/*
- Heading Block
*/
  
.heading-block .sub-h {
	margin-bottom: 0;
}
.heading-block .sub-h + .h {
	margin-top: 1.2rem;
}
.heading-block .h {
  margin: 0 0 .2em 0;
}

/*------------------------------------------------------------------
[3.15 Subscribe form ]
*/

.subscribe-form {
  max-width: unset;
}
.subscribe-form > div {
  width: 100%;
}
.subscribe-form .button-style1 {
    width: fit-content;
}
.subscribe-form .button-style1 i {
    margin-right: 0;
}
  
.subscribe-form>div {
	margin-right: 1.4rem;
}

@media (max-width: 767.98px) {

  .subscribe-form {
    flex-direction: row;
    max-width: unset;
  }

}

/*------------------------------------------------------------------
[ 3.21 Accordion items ]
*/
.accordion-items {
  margin: 0;
}
.accordion-items .item.active .top .elementor-accordion-icon-opened,
.accordion-items .item:not(.active) .top .elementor-accordion-icon-closed {
  display: none;
}
.accordion-items .item:not(.active) .top .elementor-accordion-icon-opened,
.accordion-items .item.active .top .elementor-accordion-icon-closed {
  display: block;
}

.accordion-items .item .wrap {
  margin-top: -1rem;
}
.accordion-items .item .top {
  font-size: 1rem;
  font-weight: 600;
}



/* ----- select ----- */
.site-dark select option {
  background-color: var(--e-global-color-gray_150);
}