/*
Theme Name: LP Theme Team Styles
Theme URI: https://literacyplanet.com
Author: Literacy Planet
*/

/* GENERAL
################################################################################### */

.testimonials-header {
	text-align: center;
	padding-top: calc(var(--layout-unit)*2);
	padding-bottom: calc(var(--layout-unit)*4);
}

 .owl-carousel-custom{
     	height:400px;
     }
     
    .owl-carousel-custom .col-details {
       padding: 20px;
       color: #ffffff;
    }
    
    .owl-carousel-custom .author {
           position: fixed;
            bottom: 0px;
            margin-bottom: 20px;
			color: #ffffff;
            text-align: left;
    }
    
      .owl-carousel-custom .start-quote {
            width: 40px !important;
    		margin-bottom: 10px;
    }
    
     .owl-carousel-custom .quoted-text {
           font-style: none;
    	    font-size: 1.3rem;
    		line-height: 1.3em;
            
    }
    
@media (max-width: 767px) {

	.testimonials-list .testimonial , .home-testimonial{
		margin-bottom: calc(var(--layout-unit)*3);
		text-align: center;
	}

	.testimonials-list .testimonial:last-child , .testimonials-list .home-testimonial:last-child {
		margin-bottom: 0;
	}

	.testimonials-list .testimonial .col-avatar img {
		max-width: 15rem;
		margin-bottom: 0.5rem;
		margin-left: auto;
		margin-right: auto;
	}
    
    .owl-carousel-custom .owl-item {
        background: #9ad0e6;
        border-radius: 12px;
    }
    
    .testimonials-list .testimonial, .testimonials-list .home-testimonial{
    	height:450px !important;
    }
    
}


@media (min-width: 768px) {
        .owl-item {
        //    width: 4.42% !important;
           // left: calc(100vw - 26%);
          //  margin-left: 26px !important;
        }
	.testimonials-list .testimonial, .testimonials-list .home-testimonial {
		display: flex;
		margin-bottom: calc(var(--layout-unit)*3);
            width: 70% !important;
	}

	.testimonials-list .testimonial:last-child, .testimonials-list .home-testimonial:last-child {
		margin-bottom: 0;
	}

	.testimonials-list .testimonial .col-avatar {
		width: 18rem;
		padding-right: 3rem;
		flex-grow: 0;
		flex-shrink: 0;
	}

	.testimonials-list .testimonial .col-details {
		flex-grow: 1;
		flex-shrink: 1;
	}
    .custom-testimonial  .home-testimonial .quoted-text {
    	 margin-top: 85px;
    }
	.testimonials-list .testimonial .quoted-text {
		font-size: 1.2rem;
		line-height: 1.5em;
	}

	.testimonials-grid .testimonial .quoted-text {
		font-size: 1.1rem;
		line-height: 1.5em;
	}

	.testimonials-grid .testimonial {
		text-align: center;
	}

	.testimonials-grid .testimonial .col-avatar img {
		width: 100%;
		height: 20rem;
		object-position: center bottom;
		object-fit: contain;
		margin-bottom: 1.5rem;
	}

	  .owl-carousel-custom .owl-item .home-testimonial{
        // background: #9ad0e6;
        background: url('../png/testimonial_unselected.png');
        border-radius: 12px;
       // margin: 0% 0.17% 0% 0.3%;
        background-size: 100%;
    	background-repeat: round;
        background-size: 100%;
    	background-repeat: round;
    }
    
    .testimonials-list .testimonial{
        width: 90%;
    	margin: auto;
    }
	.testimonials-list .home-testimonial{
    	height:400px;
        width: 90%;
    	margin: auto;
    }
     .owl-carousel-custom{
     	height:400px;
     }
     
    .owl-carousel-custom .col-details {
          padding-left: 60px;
          padding-right: 60px;
          color: #ffffff;
    }
    
    .owl-carousel-custom .author {
           position: absolute;
            bottom: 0px;
            margin-bottom: 20px;
			color: #ffffff;
    }
    
      .owl-carousel-custom .start-quote {
            width: 60px !important;
    		margin-bottom: 10px;
    }
    
     .owl-carousel-custom .quoted-text {
           font-style: none !important;
    	    font-size: 1.0rem  !important;
    		line-height: 1.2em  !important;
    }
	
 //  .owl-carousel-custom .owl-stage-outer{
 //  	 overflow: visible;
 //  	 position: absolute;
 //   } 
    
    .owl-carousel-custom .owl-item.active.center .home-testimonial{
        // background: #3b9de2;
         background: url('../png/testimonial_selected.png');
        box-shadow: 8px 7px 9px 3px #9ec8e6;
        background-size: 100%;
    	background-repeat: round;
    }
    .owl-carousel-custom .owl-item .home-testimonial {
        box-shadow: 8px 7px 9px 3px #9ec8e6;
        border-radius: 45px;
    }

    .owl-carousel-custom .owl-item.active.center .quoted-text {
    	    font-size: 1.1rem  !important;
    }
    
    .custom-testimonial .owl-item{
    	margin-bottom: 20px !important;
    }

}

.home-testimonial .author span{
	font-size : 14px;
}