/*
Theme Name: Ignite 
Description: Child theme for Avada theme
Author: Ignite Design
Author URI: https://clickandcombust.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

#video-play-thumb {
	align-content:center;
}

#video-play-thumb {center-align}

.ignite-portfolio:hover .fusion-post-card-image {
  position: relative;
  display: inline-block;
}


/* Portfolios home styling begin */
.ignite-portfolio .fusion-post-card-image::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0%;
  height: 100%;
  background-color: #252525cc; /* Adjust the color and opacity */
  pointer-events: none; /* Allows clicks to pass through the overlay */
z-index: 100;
 transform: translateX(0%) ;

} 

.ignite-portfolio:hover .fusion-post-card-image::after {
 left: 0;
width: 100%;
 transform: translateX(0%) ;
    transition: all .3s ease-in-out;
    -webkit-transform-style: preserve-3d;
} 


.ignite-portfolio .fusion-featured-slider-tb {
display: none;


}
.ignite-portfolio:hover .fusion-featured-slider-tb {
    position: absolute;
    z-index: 120;
    height: 100%;
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
}



.ignite-portfolios .fusion-post-cards .fusion-load-more-button, .ignite-portfolios .fusion-post-cards .scroll-top {

    background: #fd8204;
    border: 1px solid #ef7a02;
    outline: 0;
    border-radius: 3px;
    padding: 0 10px;
    max-width: 320px;
    display: inline-block;
}



@media only screen and (max-width: 800px) {
.ignite-portfolios .fusion-post-cards  .fusion-load-more-button,  .ignite-portfolios .fusion-post-cards .scroll-top  {
    max-width: 360px;
}
}

@media only screen and (max-width: 500px) {
.ignite-portfolios .fusion-post-cards .fusion-load-more-button, .ignite-portfolios .fusion-post-cards .scroll-top  {
    max-width: calc(100vw - 150px);
}
}



.ignite-portfolios .fusion-post-cards .fusion-load-more-button:focus, .ignite-portfolios .fusion-post-cards .scroll-top:focus
{
    background: #e37300; 
}



.ignite-portfolios .fusion-post-cards .scroll-top {
    margin-top: 20px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    text-align: center;
    font-size: inherit;
    text-transform: uppercase;
    color: #ffffff;
    transition: all .2s;
    
}


.ignite-portfolios .fusion-post-cards .scroll-top:hover {
    background-color: #252628;
}

.ignite-portfolios .ignite-load-more-div, .ignite-portfolios .ignite-scroll-top  {
text-align: center 
}

.ignite-portfolios .ignite-load-more-div:before,  .ignite-portfolios .ignite-scroll-top:before {
    background: url(/wp-content/uploads/2025/03/Button-Fuse-Desktop.svg) no-repeat !important;
    display: inline-block;
    content: ' ';
    top: 26px;
    left: 0;
    height: 41px;
    width: 58px;
    position: relative;
}








/* Portfolios home styling end */


/* Portfolios Category styling begin */


.archive .fusion-post-cards{
    --awb-column-spacing: 10px !important;;
    --awb-row-spacing: 10px !important;
}

.archive .fusion-builder-row {
	max-width: 100%
}


/* Portfolios Category end begin */

/* Individual Portfolio begin */

.awb-carousel .awb-swiper-button i { color: #fff; font-size: 30px }
.awb-carousel .awb-swiper-button { opacity: 0 }
.awb-carousel:hover .awb-swiper-button { background: #00000090; opacity:1 }
.awb-carousel:hover .awb-swiper-button-next:hover, .awb-carousel:hover .awb-swiper-button-prev:hover {
    background-color: var(--awb-arrow-hover-bgcolor);
    color: var(--awb-arrow-hover-color);
    opacity: 1;
}

/* Individual Portfolio end */


/* home header and tout begin 

@media only screen and (min-width: 799px) {
.ignite-touts {
	height: 100%
}
}
*/
@keyframes scrollAndFade {
  0% {
    transform: translateY(100px);
    opacity: 1;
  }
  50% {
    transform: translateY(0px);
    opacity: .7;
  }
  100% {
    transform: translateY(0px);
    opacity: 0.4;
  }
}

@keyframes imageFade {
  0% {
    opacity: .8;
  }
  100% {
    opacity: 0.3;
  }
}

@keyframes spinY {
           0% {
                transform: rotateY(0deg);    opacity: 0.4;
            }
            20% {
                transform: rotateY(360deg);    opacity: 0.4;
            }
	100% {
		 transform: rotateY(360deg);    opacity: 0.4;
	}
}

.ignite-logo {
  animation: scrollAndFade 2s ease-in-out,  spinY 3s linear;
}



.awb-lightbox-1  {
	 animation: imageFade 3s ease-in-out forwards;
}

/* home header and tout end */