/*!
Theme Name: Aallee Kadence
Template: kadence
Author: Ali Murtaza
Description: A child theme crafted with love for Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: aallee
*/

/* Theme customization starts here
-------------------------------------------------------------- */

:root {
	--primary: #4f6ce2;
	--primaryDark: #0d37c2;
	--secondary: #ec6f46;
	--yellow: #f7cd46;
	--black: #000000;
	--dark: #232323;
	--grey: #565656;
	--light: #ecf1fe;
	--footerLink: #8a9aae;
	--white: #ffffff;
}

/* Footer */
.site-top-footer-wrap .site-top-footer-inner-wrap .widget_nav_menu .widget-title {
	color: var(--white);
	text-transform: capitalize;
	font-size: 16px;
	line-height: 22px;
}
.site-top-footer-wrap .site-top-footer-inner-wrap .widget_nav_menu .menu .menu-item a {
	color: var(--footerLink);
	font-size: 14px;
	line-height: 28px;
}

/* Service block */
/* .service-block{

} */
.service-block .kt-image-overlay-wrap {
	border-radius: 10px;
	cursor: pointer;
}
.service-block .kt-image-overlay-wrap::after {
	content: '';
	width: 45px;
	height: 45px;
	background-image: url(./assets/icons/service-block--icon.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 3;
}
.service-block .image-overlay-title {
	transition: 0.3s ease-in-out;
}
.service-block .kt-image-overlay-inner {
	padding-bottom: 10px;
}
.service-block .image-overlay-subtitle {
	height: 0;
	transition: 0.3s ease-in-out;
	width: 84%;
}
.service-block .kt-image-overlay-wrap:hover .image-overlay-subtitle {
	height: auto;
}

/* Testimonials */
.aallee-testimonials .kt-blocks-carousel-init .splide__track {
	/* padding: 10px !important; */
	padding: 20px !important;
}
.aallee-testimonials .kt-blocks-carousel-init .splide__arrows .splide__arrow {
	width: 40px !important;
	height: 40px !important;
	border-radius: 40px !important;
	text-align: center !important;
	background-color: var(--primary) !important;
}
.pricing-column .pricing-header {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
}
.pricing-column .pricing-popular {
	position: absolute;
	width: 75%;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
}
.service-block .kt-image-overlay-wrap,
.service-block .kt-image-overlay-wrap .kt-block-intrisic img {
	width: 100% !important;
	max-width: 100% !important;
}

/* MailerLite */
.mailerlite-form .mailerlite-form-description{
	display: none;
}
.mailerlite-form .mailerlite-form-inputs{
	position: relative;
}
.mailerlite-form .mailerlite-form-field{
	margin-bottom: 0 !important;
}
.mailerlite-form .mailerlite-form-field input{
	width: 100%;
	height: 43px;
	border: 0;
	border-radius: 0;
	border-radius: 50px;
	text-indent: 10px;
	color: var(--dark) !important;
}
.mailerlite-form .mailerlite-subscribe-button-container{
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
	height: 45px;
}
.mailerlite-form .mailerlite-subscribe-button-container button{
	border-radius: 0;
	border-radius: 0 50px 50px 0;
}
.mailerlite-form-response{
	margin-top: 0 !important;
}
.mailerlite-form-response h4,
.mailerlite-form-response p{
	font-size: 18px !important;
	color: var(--white) !important;
}
.page-id-783  .mailerlite-form-response h4,
.page-id-783 .mailerlite-form-response p{
	color: var(--dark) !important;
}

/* Responsiveness */
/* Only desktop */
@media only screen and (min-width: 767px) {
	.site-header-row-container-inner .site-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* Mobile */
@media only screen and (max-width: 768px) {
	.service-block .kt-image-overlay-wrap::after {
		display: none;
	}
	.service-block .image-overlay-subtitle {
		width: 100%;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.aallee-testimonials .kt-blocks-carousel-init .splide__track {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.wp-block-kadence-testimonials
		.kt-blocks-carousel
		.kt-blocks-carousel-init:not(.kt-carousel-arrowstyle-none):not(.tns-slider) {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}