/*   
Theme Name: LA Window Films
Theme URI: https://www.sytian-productions.com/
Description: This is a custom wordpress theme for LA Window Films.
Author: Sytian IT Solutions Inc.
Author URI: https://www.sytian-productions.com/
Version: 2.0
*/

.menu-container .menu-contain nav ul li a {
	width: 100%;
}
.single-product-template .unfluid-row {
	background-color: #fff;
}

.post-archive .blog-item .blog-content {
    min-height: 225px;
}
.single-product-template .product-image {
	background-size: 150px;
}
.product-archive-template .types-of-films .films .film-description .post-item.half-height .brand-image, .product-archive-template .types-of-films .films .product-lists .post-item.half-height .brand-image {
	background-size: 150px;
}
@media (min-width: 1600px) {
	.homepage-template .homepage-banner {
		margin: 0 6.25rem;
		padding: 0 1px;
	}
}

.product-archive-template .types-of-films .films .film-description .brand-image, .product-archive-template .types-of-films .films .product-lists .brand-image {
	background-size: 150px;
}
#request-quote {
	right: -5.1875rem;
}

@media (min-width: 1300px) {
	#request-quote {
		right: -5.375rem;
	}
}

#request-quote {
	right: -5.1875rem;
}

@media (min-width: 1300px) {
	#request-quote {
		right: -5.375rem;
	}
}
@media (max-width: 1024px) {
	.homepage-template .branches-section .branches .branch-content .branch-text {
		opacity: 1 !important;
	}
	.homepage-template .branches-section .branches .branch-content {
		background-color: rgba(37, 110, 219, 0.902);
		/*background-image: */
		background-position: bottom right;
		background-repeat: no-repeat;
		cursor: pointer;	
	}
}
.archive-sidebar .selected .expand-selection-term {
	width: 100%;
}
.archive-sidebar .selected .expand-selection-term .fa-angle-down:before {
    position: absolute;
    right: 5%;
    top: 5px;
}
.postid-1626 .single-product-template .product-content ul {
	position: relative;
}
.postid-1626 .single-product-template .product-content iframe {
	height: 450px;
}
.postid-1626 .single-product-template .product-content ul li::before {
    font-family: "Font Awesome 5 Free";
    content: '\f058';
    font-weight: 900;
    color: #256edb;
    left: 0;
    position: absolute;
}
.single-post .elementor-widget-container ul  {
	list-style: disc;
}
.single-post .elementor-widget-container ol { 
    list-style: number;
    font-weight: bold;
    padding-left: 20px;
}
.single-post .elementor-widget-container p a {
	text-decoration: underline;
}
.single-post .elementor-widget-container ul li {
	font-family: "lota-grotesque-light";
}
.post-archive .blog-item .blog-content {
	min-height: 280px;
}
.post-detailed .related-articles .related-articles-item .blog-content {
	height: 13rem !important;
}

.testimonials-section {
    padding: 50px 20px;
    background-color: #f0f4fb; /* light blue background to complement the palette */
}

.testimonial-item {
    padding: 20px;
    background: #ffffff;
    margin: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-bottom: 5px solid #256edb; /* blue accent bar on top */
}

.testimonial-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(37, 110, 219, 0.2);
}

.testimonial-video iframe {
    border: none;
    max-width: 100%;
	width: 100%;
    height: 260px;
}

.testimonial-title {
    margin-top: 15px;
    font-size: 1.1em;
    font-weight: 600;
    color: #256edb; /* main text color from the palette */
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.homepage-template .testimonial-section .slick-arrow {
    border-radius: 50%;
    height: 2.6875rem;
    font-size: .8125rem;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    outline: none!important;
    width: 2.6875rem;
    z-index: 1
}

.homepage-template .testimonial-section .slick-arrow.slick-prev {
    left: 0
}

.homepage-template .testimonial-section .slick-arrow.slick-prev:hover {
    left: -.375rem
}

.homepage-template .testimonial-section .slick-arrow.slick-next {
    right: 0
}

.homepage-template .testimonial-section .slick-arrow.slick-next:hover {
    right: -.375rem
}


.homepage-template .testimonial-section {
    padding: 3rem 0
}

.homepage-template .testimonial-section  video {
    width: 100%;
    height: auto;
}


@media (min-width: 992px) {
    
    .homepage-template .testimonial-section {
        padding: 6.5rem 0
    }
}

.homepage-template .branches-section .branches .branch-content {
	height: 23rem !important;
}