/*======================================
Theme Name: Divi Child Theme
Theme URI: https://www.elegantthemes.com/
Description: This is a Divi child theme.
Author: Eleganth Themes
Author URI: https://www.elegantthemes.com/
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

/*add your custom CSS below this line*/

/* Added space on lists in all text modules */

.et_pb_text ul li, .et_pb_text ol li {
  margin-bottom: 10px;
}

/* Buttons line heigh */
.et_pb_button {
	line-height: 1.2em!important
}

.et_button_custom_icon .et_pb_button::after {
	line-height: 1.3em!important;
}

/* Divi Plus Testimonials slider border removed */
.nb-dp-home-testimonial-slider.dipl_testimonial_slider .layout1 .dipl_testimonial_meta {
  border-top: none!important;
}

/* Divi Plus Testimonials slider Quote icon removed */
.nb-dp-home-testimonial-slider.dipl_testimonial_slider .dipl_testimonial_opening_quote_icon {
	display: none!important;
}


/* Divi Plus list icon spacing */
.nb-dp-list.dipl_list .dipl_list-img_icon {
	margin-right: 20px!important;
}

@media all and (max-width: 980px) { 
.nb-dp-list.dipl_list .dipl_list-img_icon {
	margin-right: 30px!important;
}

}

/* Divi Slider arrow position fixed on home page */
.nb-home-slider.et_pb_slider .et-pb-slider-arrows a.et-pb-arrow-prev {
	left: -18px!important;
}

.nb-home-slider.et_pb_slider .et-pb-slider-arrows a.et-pb-arrow-next {
	right: -8px!important;
}

/* Blurb description fade in description effect starts here */

/*collpse and set the height of the toggle text*/

.pa-toggle-blurb .et_pb_blurb_description {
	max-height: 200px;
	transition: max-height 0.3s ease-out;
	overflow: hidden;
}


/* Add gradient to the collapsed text*/

.pa-toggle-blurb .et_pb_blurb_description {
    position: relative;
    padding-bottom: 220px; /* 🔥 gives space for fade */
}

.pa-toggle-blurb .et_pb_blurb_description:after {
    content: "";
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    bottom: 0;
    height: 180px; /* 🔥 reduced height */
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        #fff 110%
    );
}

/* Video overlay text */

.nb-video-text-overlay::before {
content: "How  the Dept. of Nuns shut down Pauls 1st business.";
position: absolute;
top: 25%;
left: 50%;
color: #ffffff;
z-index: 11;
transform: translate(-50%, -50%);
text-align: center;
font-size: 40px;
line-height: 2.8rem;
width: 550px;
transition: opacity 0.3s ease;
}

.nb-video-text-overlay.video-started::before {
    opacity: 0;
    visibility: hidden;
}

/* Video overlay text overlay color*/
.nb-video-text-overlay .et_pb_video_overlay_hover {
	background: rgba(0,0,0,0.3);
}

.et_pb_video.nb-video-text-overlay .et_pb_video_overlay_hover:hover {
	background-color: rgba(0,0,0,0.4);
}
/* Blurb description fade in description effect ends here */

/* CSS grid for the hero section starts here*/
.hero-quote-1 {grid-area: hero-quote-1; }

.hero-quote-2 {grid-area: hero-quote-2; }

.hero-quote-3 {grid-area: hero-quote-3; }

.hero-quote-4 {grid-area: hero-quote-4; }

.hero-quote-5 {grid-area: hero-quote-5; }

.hero-quote-6 {grid-area: hero-quote-6; }

.dl-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
"hero-quote-1 hero-quote-2"
"hero-quote-3 hero-quote-2"
"hero-quote-3 hero-quote-4"
"hero-quote-5 hero-quote-4"
"hero-quote-6 hero-quote-6";
  
  grid-gap: 100px;
}

@media (max-width: 980px) {
  .dl-grid {
  /*grid-gap: 50px;*/
	  display: block;
}
}
  @media (max-width: 767px) {
    .dl-grid {
      display: block;
    }
  }


/* CSS grid for the hero section ends here*/

/* 3 Setp blurb styles */

.nb-3step-blurbs.et_pb_blurb .et_pb_blurb_description {
  margin-top: 40px!important;
}

/*prevent horizontal scroll on mobile*/

@media all and (max-width: 980px) {
	html,
	body {
		overflow-x: hidden;
	}
	body {
		position: relative
	}
}

/* Reverse row columns */
@media screen and ( max-width: 980px ) {
    .nb-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
} 

/* NB video overlay on mobile */

@media (max-width: 767px) {
	.nb-video-text-overlay::before {
		font-size: 18px;
		line-height: 1.6rem;
		width: 330px!important;
		top: 20%;
	}
}